:root{--navy:#0b1220;--navy-2:#151e30;--navy-3:#24304a;--mint:#62f5b5;--mint-soft:#ddfbee;--teal:#00d6c9;--ground:#f4f5f7;--surface:#fff;--line:#e3e6ea;--text:#0b1220;--muted:#5b636e;--danger:#b42318;--warn-bg:#fff4e5;--warn-text:#7a4100;--radius:18px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--ground);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}img{display:block}.app{max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.app.dark{--surface:var(--navy-2);--line:var(--navy-3);--text:#fff;--muted:#9aa1aa;color:#fff}body.dark{background:var(--navy)}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.brand img{width:30px;height:30px}.h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:900;line-height:1.15}.h2{margin:0;font-size:18px;font-weight:800}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}.push{margin-top:auto}.center{text-align:center}.card{background:var(--surface);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex}.card.outline{border:1px solid var(--line)}.card.inverse{background:var(--navy);color:#fff}.app.dark .card.inverse{background:var(--navy);border:2px solid var(--mint)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 20px;font-size:17px;font-weight:800;text-decoration:none;transition:transform 60ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--mint);color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}.app.dark .btn.dark{color:var(--navy);background:#fff}.btn.ghost{border:1.5px solid var(--line);color:var(--text);background:0 0}.btn.text{background:0 0;min-height:44px;padding:0 8px;font-size:15px}.btn.danger{color:var(--danger)}.app.dark .btn.danger{color:#fda29b}.btn.small{border-radius:12px;min-height:44px;padding:0 14px;font-size:14px}.btn.block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:44px;height:44px;color:var(--text);border-radius:22px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn.solid{background:var(--navy);border-color:var(--navy);color:#fff}.app.dark .icon-btn.solid{color:var(--navy);background:#fff;border-color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:700}.input{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;outline:none;width:100%;min-height:52px;padding:0 14px;font-size:16px;font-weight:600}.input:focus{border-color:var(--teal)}.input.otp{letter-spacing:.5em;text-align:center;font-size:24px;font-weight:900}textarea.input{resize:vertical;min-height:80px;padding:12px 14px}.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.chips.three{grid-template-columns:repeat(3,minmax(0,1fr))}.chips.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;min-height:48px;padding:0 8px;font-size:15px;font-weight:700}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.app.dark .chip[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--navy)}.tag{background:var(--ground);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.app.dark .tag{background:var(--navy)}.tag.mint{background:var(--mint-soft);color:#0a5c3d}.tags{flex-wrap:wrap;gap:8px;display:flex}.error{color:#9b1c12;background:#fde4e2;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.notice{background:var(--warn-bg);color:var(--warn-text);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600}.otp-digits{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.otp-digits span{height:60px;color:var(--mint);background:#1c2740;border-radius:14px;justify-content:center;align-items:center;font-size:28px;font-weight:900;display:flex}.avatar{color:#3a4049;background:#dde1e6;border-radius:28px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:19px;font-weight:900;display:flex}.app.dark .avatar{background:var(--navy-3);color:#fff}.timeline{flex-direction:column;gap:14px;display:flex}.timeline li{align-items:center;gap:12px;font-size:14px;display:flex}.timeline ol{margin:0;padding:0;list-style:none;display:contents}.dot{border:2px solid #c9ced4;border-radius:12px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dot.done{background:var(--navy);border-color:var(--navy);color:#fff}.dot.now{border-color:var(--navy)}.dot.now:after{content:"";background:var(--navy);border-radius:5px;width:10px;height:10px}.big-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.progress{background:var(--navy-3);border-radius:5px;height:10px;overflow:hidden}.progress>div{background:var(--mint);border-radius:5px;height:100%}.toggle{background:var(--surface);cursor:pointer;border:none;border-radius:22px;align-items:center;gap:10px;height:44px;padding:0 14px 0 8px;font-size:14px;font-weight:800;display:inline-flex}.toggle .track{background:var(--navy-3);border-radius:14px;width:44px;height:28px;padding:3px;transition:background .15s;display:flex}.toggle .knob{background:#fff;border-radius:11px;width:22px;height:22px;transition:transform .15s}.toggle[aria-pressed=true] .track{background:var(--mint)}.toggle[aria-pressed=true] .knob{background:var(--navy);transform:translate(16px)}.stars{justify-content:center;gap:4px;display:flex}.stars button{cursor:pointer;width:48px;height:48px;color:var(--navy);background:0 0;border:none;padding:0}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tabbar{background:var(--surface);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.tabbar button{cursor:pointer;background:0 0;border:none;border-radius:12px;min-height:44px;font-weight:800}.tabbar button[aria-pressed=true]{background:var(--navy);color:#fff}.splash{justify-content:center;align-items:center;min-height:100dvh;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{background:var(--teal);border-radius:7px;width:14px;height:14px;animation:1.6s infinite pulse;box-shadow:0 0 #00d6c999}@keyframes pulse{70%{box-shadow:0 0 0 16px #00d6c900}to{box-shadow:0 0 #00d6c900}}.welcome{background:var(--navy);color:#fff}.welcome .wordmark{letter-spacing:-.03em;margin:0;font-size:52px;font-weight:900;line-height:1}.welcome .tagline{color:var(--mint);font-size:26px;font-weight:800;line-height:1.2}.feature{color:#d5d9de;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.feature span:first-child{background:var(--navy-2);width:36px;height:36px;color:var(--teal);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.admin{flex-wrap:wrap;align-items:stretch;min-height:100dvh;display:flex}.admin-nav{background:var(--navy);color:#fff;flex-direction:column;flex:220px;gap:4px;padding:24px 16px;display:flex}.admin-nav a{color:#d5d9de;border-radius:12px;justify-content:space-between;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.admin-nav a.active{background:var(--mint);color:var(--navy)}.admin-main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;padding:28px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.stat{background:var(--surface);border-radius:18px;flex-direction:column;gap:6px;padding:18px;display:flex}.stat b{font-size:30px;font-weight:900}.stat.alert{background:var(--navy);color:#fff}.stat.alert span{color:var(--mint)}.panel{background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;font-size:12px;font-weight:800}td{vertical-align:middle;border-top:1px solid #eef0f2;padding:12px}.status{white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.status.requested{color:#7a4100;background:#ffe2b8}.status.accepted,.status.arrived{color:#1d3f9e;background:#e3ecff}.status.in_progress{background:var(--mint-soft);color:#0a5c3d}.status.completed{color:#3a4049;background:#eef0f2}.status.cancelled,.status.rejected,.status.suspended{color:#9b1c12;background:#fde4e2}.status.pending{color:#7a4100;background:#ffe2b8}.status.approved{background:var(--mint-soft);color:#0a5c3d}.status.cash{color:#6b4e00;background:#fff1c2}dialog.sheet{border:none;border-radius:24px;width:min(520px,100vw - 32px);padding:24px}dialog.sheet::backdrop{background:#0b122080}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}@media (width<=640px){.admin-main{padding:16px}.admin-nav{flex-flow:wrap;padding:12px}}