:root{--accent:#0f766e;--accent-dark:#0b5c55;--bg:#f5f6fa;--surface:#fff;--text:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--danger:#b91c1c;--warning:#92400e;--warning-bg:#fef3c7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Assistant,system-ui,sans-serif}body{padding-bottom:env(safe-area-inset-bottom)}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit}.full-page-center{flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{flex-direction:column;flex:1;min-height:100vh;display:flex}.app-content{flex:1;width:100%;max-width:480px;margin:0 auto;padding:16px 16px 84px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:10;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000a}.bottom-nav a{max-width:72px;height:46px;color:var(--text-muted);border-radius:14px;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.bottom-nav a svg{width:24px;height:24px}.bottom-nav a.active{color:var(--accent);background:#0f766e1a}.bottom-nav a:active{background:#0f766e29}.bottom-nav .nav-badge{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px}.btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.5}.btn-sm{flex:1;width:auto;padding:6px 12px;font-size:13px}.btn-secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-danger-outline{color:var(--danger);border:1px solid var(--danger);background:0 0}.field{border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px}.field-invalid{border-color:var(--danger)}.error-text{color:var(--danger);margin-bottom:12px;font-size:14px}.muted{color:var(--text-muted);font-size:13px}.badge{background:var(--border);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge-accent{color:var(--accent-dark);background:#0f766e1f}.page-title{margin:4px 0 16px;font-size:20px;font-weight:700}.segmented{background:var(--border);border-radius:10px;margin-bottom:16px;padding:3px;display:flex}.segmented button{color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600}.shift-banner{background:var(--warning-bg);color:var(--warning);border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.eta-overdue-alert{background:var(--danger);color:#fff;text-align:center;border-radius:10px;margin:16px 0 12px;padding:12px 14px;font-size:14px;font-weight:700;animation:1s step-start infinite eta-overdue-blink}@keyframes eta-overdue-blink{50%{opacity:.35}}.stat-row{gap:12px;margin-bottom:16px;display:flex}.stat-tile{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:14px}.stat-tile .value{font-size:24px;font-weight:700}.stat-tile .label{color:var(--text-muted);font-size:12px}.shift-toggle{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.switch{flex-shrink:0;width:52px;height:30px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background:var(--border);border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(-22px)}.divider{border:none;border-top:1px solid var(--border);margin:14px 0}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px}.modal-overlay{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-width:480px;padding:20px}.modal-title{margin-bottom:4px;font-size:17px;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-bottom:14px;font-size:13px}.textarea{border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;min-height:72px;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:15px}.modal-actions{gap:8px;display:flex}