:root{--navy: #0f1e33;--navy2: #1e3a5f;--blue: #2563eb;--blue-ink: #1d4ed8;--blue-soft: #dbeafe;--bg: #f1f5f9;--card: #ffffff;--field: #ffffff;--bar: rgba(255, 255, 255, .9);--track: #e8edf3;--text: #0f172a;--muted: #64748b;--border: #e6eaf0;--red: #dc2626;--shadow-sm: 0 1px 2px rgba(15, 30, 51, .06);--shadow: 0 6px 20px rgba(15, 30, 51, .08);--shadow-lg: 0 16px 40px rgba(15, 30, 51, .16);--r: 16px}:root[data-theme=dark]{--bg: #0a1120;--card: #131c2e;--field: #0f1a2c;--bar: rgba(15, 23, 40, .92);--track: #1b2740;--text: #e7edf6;--muted: #93a3ba;--border: #26324a;--blue: #3b82f6;--blue-ink: #93c5fd;--blue-soft: #17284a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .6);color-scheme:dark}:root[data-theme=dark] .badge.active{background:#0e2a1a;color:#4ade80}:root[data-theme=dark] .badge.pending,:root[data-theme=dark] .badge.scheduled,:root[data-theme=dark] .badge.open,:root[data-theme=dark] .badge.reviewing{background:#2a2410;color:#fbbf24}:root[data-theme=dark] .badge.expired,:root[data-theme=dark] .badge.cancelled,:root[data-theme=dark] .badge.inactive,:root[data-theme=dark] .badge.closed,:root[data-theme=dark] .badge.resolved{background:#1b2740;color:#93a3ba}:root[data-theme=dark] .badge.rejected,:root[data-theme=dark] .badge.fined,:root[data-theme=dark] .badge.towed{background:#33161a;color:#f87171}:root[data-theme=dark] .badge.disputed,:root[data-theme=dark] .badge.warned{background:#33220f;color:#fb923c}:root[data-theme=dark] .empty-icon{background:linear-gradient(140deg,#14233f,#0f1a2c);border-color:#26324a}:root[data-theme=dark] .error{background:#2a1416;border-color:#4c1d1d;color:#fca5a5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:13px}h1{font-size:21px;margin:0;letter-spacing:-.4px;font-weight:750}.muted{color:var(--muted);margin:0}.small{font-size:12.5px}.center{text-align:center}.error{color:#b42318;margin:0;font-size:13.5px;font-weight:500;background:#fef3f2;border:1px solid #fee4e2;padding:9px 12px;border-radius:10px}input,select,textarea{width:100%;padding:13px 14px;font-size:16px;font-family:inherit;color:var(--text);background:var(--field);border:1.5px solid var(--border);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb1f}label.small{color:var(--muted);font-weight:600;margin-bottom:-6px}button{padding:13px 16px;font-size:15px;font-weight:650;font-family:inherit;color:#fff;background:var(--blue);border:none;border-radius:12px;cursor:pointer;transition:transform .06s,background .15s,opacity .15s;box-shadow:0 4px 12px #2563eb47}button:active{transform:translateY(1px)}button:disabled{opacity:.55;box-shadow:none}button.link{width:auto;background:none;color:var(--blue);padding:4px 2px;font-weight:650;font-size:14px;box-shadow:none}button.link:active{transform:none;opacity:.6}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.list{list-style:none;padding:0;margin:2px 0;display:flex;flex-direction:column;gap:10px}.list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.list li strong{font-weight:650;font-size:15px}.badge{font-size:11.5px;font-weight:700;text-transform:capitalize;white-space:nowrap;padding:4px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue-ink);letter-spacing:.2px}.badge.active{background:#dcfce7;color:#15803d}.badge.pending,.badge.scheduled,.badge.open,.badge.reviewing{background:#fef9c3;color:#a16207}.badge.expired,.badge.cancelled,.badge.inactive,.badge.closed,.badge.resolved{background:#f1f5f9;color:#64748b}.badge.rejected,.badge.fined,.badge.towed{background:#fee2e2;color:#b91c1c}.badge.disputed,.badge.warned{background:#ffedd5;color:#c2410c}.tabs{display:flex;gap:4px;background:var(--track);padding:4px;border-radius:12px}.tab{flex:1;padding:9px;border-radius:9px;background:none;color:var(--muted);font-weight:650;font-size:14px;box-shadow:none}.tab:active{transform:none}.tab.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.section-label{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--muted);margin:0 0 8px}#root:has(.auth-bg){padding:0}.auth-bg{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px calc(24px + env(safe-area-inset-right)) 24px calc(24px + env(safe-area-inset-left));background:radial-gradient(120% 90% at 15% 0%,#2563eb,#1e3a5f 55%,#0f1e33)}.auth-card{box-shadow:var(--shadow-lg);align-items:stretch}.auth-logo{display:flex;justify-content:center;margin-bottom:4px}.auth-card h1{text-align:center}.auth-card>.muted{text-align:center;margin-top:-6px}#root:has(.app-shell){align-items:stretch;padding:0}.app-shell{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:560px;margin:0 auto;background:var(--bg)}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bar);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;padding-top:calc(14px + env(safe-area-inset-top))}.app-content{flex:1;padding:18px 16px 24px;overflow-y:auto}.app-nav{display:flex;background:var(--bar);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-top:1px solid var(--border);position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;text-decoration:none;color:#94a3b8;font-size:11px;font-weight:650;position:relative;transition:color .15s}.nav-item.active{color:var(--blue)}.nav-item.active:before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--blue)}.nav-icon{font-size:21px;line-height:1}.screen{display:flex;flex-direction:column;gap:15px}.screen>.row h1{font-size:23px}.screen>.muted,.app-content>.muted{padding:8px 2px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:46px 24px 40px}.empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:34px;border-radius:50%;margin-bottom:8px;background:linear-gradient(140deg,#eff6ff,#dbeafe);border:1px solid #e0ebff}.empty-title{font-weight:700;color:var(--text);margin:0;font-size:15.5px}.loading-wrap{display:flex;justify-content:center;padding:40px 0}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}