:root{--color-primary: #f28e00;--color-primary-hover: #de7a00;--color-primary-light: #fff5e6;--color-arsenic: #40444e;--color-grey: #5a5d63;--color-silver: #cdd1dd;--color-flash: #f1f1f1;--color-white: #ffffff;--color-bg: #f8f9fb;--color-error: #f05959;--color-success: #2fa858;--color-info: #3b82f6;--color-warning: #f59e0b;--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%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--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;overscroll-behavior:none}body{font-family:var(--font-body);color:var(--color-arsenic);background:var(--color-bg);min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}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)}.btn[disabled],.btn.loading{opacity:.6;cursor:progress;pointer-events:none}.btn.loading:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:4px}@keyframes spin{to{transform:rotate(360deg)}}.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 backwards}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.card[role=button]:active,[data-clickable=true]:active{background:var(--color-flash)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:0;top:0;z-index:9999;background:#fff;padding:8px 16px}.shell{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--safe-top)}.shell>header,.shell>.sync-banner{flex-shrink:0}.shell>main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.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{flex-shrink:0;background:var(--color-white);border-top:1px solid var(--color-flash);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:var(--safe-bot);z-index:100}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px 8px;color:var(--color-grey);font-size:11px;line-height:1.1;text-decoration:none;border:0;background:transparent;text-align:center;min-height:56px}.tab svg{flex-shrink:0}.tab.active{color:var(--color-primary)}.tab.active svg{stroke-width:2.4}.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)}@media(max-width:380px){.card{padding:10px}.btn{padding:8px 12px;font-size:13px}.actions-row,[data-actions]{flex-wrap:wrap;gap:6px}.truncate-on-narrow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}