*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--color-primary: #f28e00;--color-primary-hover: #de7a00;--color-primary-light: #fff5e6;--color-arsenic: #40444e;--color-grey: #686e7c;--color-silver: #cdd1dd;--color-flash: #f1f1f1;--color-white: #ffffff;--color-bg: #f8f9fb;--color-error: #f05959;--color-success: #2fa858;--color-warning: #f59e0b;--color-info: #3b82f6;--font-heading: "Roboto", sans-serif;--font-body: "Rubik", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 0 6px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%);--shadow-lg: 0 8px 24px rgb(0 0 0 / 12%);--safe-top: env(safe-area-inset-top);--safe-bot: env(safe-area-inset-bottom)}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-arsenic);background:var(--color-bg);min-height:100vh;overscroll-behavior-y:contain}h1,h2,h3{font-family:var(--font-heading);font-weight:700}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:14px 18px;border-radius:var(--radius-md);font-weight:500;font-size:15px;min-height:48px;transition:background .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-white);color:var(--color-arsenic);border:1px solid var(--color-silver)}.btn-ghost{background:transparent;color:var(--color-arsenic)}.input{width:100%;padding:14px 16px;border:1px solid var(--color-silver);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-arsenic);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease-out both}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.shell{min-height:100vh;padding-top:var(--safe-top);padding-bottom:calc(72px + var(--safe-bot))}.appbar{position:sticky;top:0;background:var(--color-white);border-bottom:1px solid var(--color-flash);padding:12px 16px;display:flex;align-items:center;gap:10px;z-index:100}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-flash);display:grid;grid-template-columns:repeat(6,1fr);padding-bottom:var(--safe-bot);z-index:100}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;color:var(--color-grey);font-size:10px;text-decoration:none;border:0;background:transparent;text-align:center}.tab.active{color:var(--color-primary)}.fab{position:fixed;bottom:calc(80px + var(--safe-bot));right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;border:0;box-shadow:var(--shadow-lg);z-index:90}.fab:active{transform:scale(.94)}.sync-banner{background:var(--color-warning);color:#fff;padding:6px 16px;font-size:13px;text-align:center}.sync-banner.success{background:var(--color-success)}.sync-banner.offline{background:var(--color-warning)}