:root{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--accent1:#60a5fa;--accent2:#a78bfa;--danger:#ef4444;--ok:#22c55e;--bar-bg:#1f2937;--input-bg:#0b1020;--border:#1f2937;--hover:#ffffff0d;--shadow:0 8px 24px #00000040;--accent1-contrast:#042f66}*{box-sizing:border-box}html,body,#root{height:100%}#bg{opacity:1;transition:opacity 5s ease-in-out}body[data-theme=light] #bg{opacity:0}body{background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;transition:background .3s,color .3s}.app{max-width:1100px;min-height:100vh;margin:0 auto;padding:14px}.stack{flex-direction:column;display:flex}.grid{grid-template-columns:1fr;gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:16px}.section-title{color:var(--muted);margin-bottom:6px;font-size:12px}.value{font-size:20px;font-weight:700}.sub{color:var(--muted);font-size:12px}.form{flex-direction:column;gap:10px;display:flex}.row{gap:10px;display:grid}.row-2{grid-template-columns:1fr 120px;gap:10px}.row-3{grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:700px){.row-3{grid-template-columns:1fr}}.input,select,textarea{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none;padding:10px 12px;transition:border-color .2s}.input:focus,select:focus,textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px #60a5fa14}.radio{flex-wrap:wrap;gap:12px;display:flex}.radio label{align-items:center;gap:8px;line-height:1;display:inline-flex}.radio input{accent-color:var(--accent1)}.progress{background:#1a1a1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress__fill{background:linear-gradient(90deg,#00f260,#0575e6);height:100%;transition:width .3s ease-in-out}button{cursor:pointer;color:#fff;background:#1f2937;border:0;border-radius:12px;padding:10px 14px;transition:transform 60ms,filter 60ms}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 6px 18px #60a5fa59}button.primary:hover{filter:brightness(1.05)}button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover{background:var(--hover)}button.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}button.pill.active{outline:2px solid var(--accent1);border-color:var(--accent1)}button.danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.warn{color:var(--danger);background:#ef444426;border:1px solid #ef444459;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:12px}.footer-note{color:var(--muted);text-align:center;font-size:12px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .toggle-ui{background:var(--input-bg);border:1px solid var(--border);border-radius:999px;flex:none;width:48px;height:28px;transition:background .18s,border-color .18s;position:relative;box-shadow:inset 0 0 0 1px #ffffff03}.toggle .toggle-ui:before{content:"";background:#e5e7eb;border-radius:999px;width:22px;height:22px;transition:left .16s,background .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.toggle-ui{background:linear-gradient(135deg,var(--accent1),var(--accent2));border-color:#0000}.toggle input:checked+.toggle-ui:before{background:#fff;left:23px}.toggle-sm .toggle-ui{width:36px;height:20px}.toggle-sm .toggle-ui:before{width:14px;height:14px;box-shadow:none;top:3px;left:3px}.toggle-sm input:checked+.toggle-ui:before{left:19px}.toggle-label{color:var(--text);font-size:14px;line-height:1.2}.toggle+.toggle{margin-top:10px;display:inline-flex}.radio-stack{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.radio-stack label{border:1px solid var(--border);background:var(--input-bg);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.radio-stack input[type=radio]{accent-color:var(--accent1)}@media (max-width:480px){.row-3>div,.row-2>div{min-width:0}}.topbar{background:var(--bar-bg);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.topbar .brand{font-weight:700}.org-switcher{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 8px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}.pill.active{outline:2px solid var(--accent1)}.login-screen{background:radial-gradient(1200px 600px at 20% -20%,#1e3b8a00,#0000),radial-gradient(1000px 500px at 120% 120%,#10b98100,#0000),#0a0f1a00;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;background:#0d121e00;border:1px solid #94a3b826;border-radius:18px;width:min(560px,92vw);padding:24px 22px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.login-title{margin:0 0 14px;font-size:22px;font-weight:700}.login-form{gap:12px;display:grid}.login-label{color:#9aa3b2;font-size:13px}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{color:#e5e7eb;background:#0b1322;border:1px solid #2a3447;border-radius:12px;outline:none;padding:10px 12px}.login-form input::placeholder{color:#64748b}.login-error{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:10px;padding:8px 10px;font-size:13px}.glass-btn{appearance:none;color:#e6f4ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #94a3b840;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform 50ms,box-shadow .2s,border-color .2s;box-shadow:0 8px 25px #00000059}.glass-btn:hover{border-color:#94a3b873}.glass-btn:active{transform:translateY(1px)}.glass-btn[disabled]{opacity:.65;cursor:default}.org-field{position:relative}.org-suggest{z-index:50;background:#0b1322;border:1px solid #2a3447;border-radius:12px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.org-item{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.org-item:hover{background:#1e293b59;border-color:#2a3447}.org-item img,.org-item .dot{background:#334155;border-radius:2px;width:10px;height:10px}.org-name{font-size:14px}.org-slug{color:#93a3b8;font-size:12px}.login-foot{color:#93a3b8;margin-top:12px;font-size:12px}#bg{z-index:-1;pointer-events:none;position:fixed;inset:0}body[data-particles=off] #bg{display:none!important}.login-screen{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{width:min(560px,92vw)}@media (max-width:420px){.login-card{margin-top:0}}.orgs-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}@media (max-width:760px){.orgs-layout{grid-template-columns:1fr}}@media (max-width:768px){.app{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.topbar{display:none}}.leaflet-control-zoom a{background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.leaflet-control-zoom a:hover{background:var(--hover)}.btn-start{color:#111827;background:linear-gradient(135deg,#34d399,#facc15);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #34d39940,0 3px 10px #facc1540}.btn-start:hover{filter:brightness(1.05)}.btn-end{color:#111827;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #ef444440,0 3px 10px #f9731640}.btn-end:hover{filter:brightness(1.05)}.hidden{display:none!important}.center{justify-content:center;align-items:center;display:flex}:focus{outline-offset:2px;outline:3px solid #60a5fa1f}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}.table tr:last-child td{border-bottom:none}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-card{border-radius:16px;position:relative}.login-card:after{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle),transparent 20%,var(--ok)80%,#8400ff 100%  );-webkit-mask-composite:xor;z-index:2;pointer-events:none;padding:2px;animation:5s linear infinite spin-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--border-angle:360deg}}[data-theme=light]{--bg:#f8fafc;--card:#fff;--surface:#f1f5f9;--surface-hover:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent1:#3b82f6;--accent1-glow:#3b82f640;--accent2:#6366f1;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fecaca;--ok:#10b981;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--warning:#f59e0b;--bar-bg:#ffffffd9;--input-bg:#fff;--hover:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #3b82f626}[data-theme=light] body{background-image:radial-gradient(at 0 0,#3b82f608 0,#0000 50%),radial-gradient(at 100% 0,#6366f108 0,#0000 50%);background-attachment:fixed}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:#1e293b;letter-spacing:-.025em}[data-theme=light] .sub,[data-theme=light] .section-title{color:var(--text-secondary);font-weight:500}[data-theme=light] .card{border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}[data-theme=light] .card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}[data-theme=light] .input,[data-theme=light] select,[data-theme=light] textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;transition:all .2s;box-shadow:0 1px 2px #0000000d}[data-theme=light] .input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 4px var(--accent1-glow);background:#fff}[data-theme=light] .input::placeholder{color:#94a3b8}[data-theme=light] button.primary{letter-spacing:.01em;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff1a;font-weight:600;box-shadow:0 4px 6px -1px #2563eb4d}[data-theme=light] button.primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 12px -2px #2563eb66}[data-theme=light] button.primary:active{transform:translateY(0);box-shadow:0 2px 4px -1px #2563eb4d}[data-theme=light] button.ghost{border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff}[data-theme=light] button.ghost:hover{color:var(--accent1);border-color:var(--accent1);background:#f8fafc}[data-theme=light] button.danger{background:var(--danger-bg);color:#b91c1c;border:1px solid var(--danger-border)}[data-theme=light] button.danger:hover{background:#fee2e2;border-color:#fca5a5}[data-theme=light] .pill{border:1px solid var(--border);color:var(--text-secondary);background:#fff;font-weight:500;box-shadow:0 1px 2px #00000005}[data-theme=light] .pill.active{color:var(--accent1);border-color:var(--accent1);box-shadow:0 0 0 2px var(--accent1-glow);background:#eff6ff}[data-theme=light] .topbar{-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0000000f;box-shadow:0 4px 20px #00000008}[data-theme=light] .topbar .tab{color:var(--text-secondary);background:0 0;border:1px solid #0000}[data-theme=light] .topbar .tab:hover{background:#00000008}[data-theme=light] .topbar .tab.active{color:var(--accent1);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff}[data-theme=light] .brand-fallback{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border:none}[data-theme=light] .mobile-nav-bar{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 -4px 20px #0000000d}[data-theme=light] .nav-item{color:#94a3b8}[data-theme=light] .nav-item.active{color:var(--accent1)}[data-theme=light] .nav-item.active .icon{filter:drop-shadow(0 2px 4px var(--accent1-glow))}[data-theme=light] .kpi .value{color:#1e293b}[data-theme=light] #dash-map,[data-theme=light] .ws-map,[data-theme=light] .worksites-map{border:1px solid var(--border-strong);background:#eef2f6;box-shadow:inset 0 0 20px #0000000d}[data-theme=light] .progress{background:#e2e8f0;box-shadow:inset 0 1px 2px #0000001a}[data-theme=light] .progress__fill{background:linear-gradient(90deg,var(--accent1),var(--accent2));box-shadow:0 0 10px var(--accent1-glow)}[data-theme=light] .staff-card{border:1px solid var(--border);background:#fff;box-shadow:0 2px 4px #00000005}[data-theme=light] .staff-card:hover{border-color:var(--accent1);box-shadow:var(--shadow);background:#f8fafc}[data-theme=light] .staff-card.assigned{border-color:var(--border);opacity:.6;background:#f1f5f9}[data-theme=light] .site-card{background:#f8fafc;border:2px dashed #cbd5e1}[data-theme=light] .site-card.drag-over{border-color:var(--accent1);box-shadow:inset 0 0 0 1px var(--accent1);background:#eff6ff}[data-theme=light] .shift-pill{border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=light] .live-status-card-active{border-color:var(--ok-border);background:#f0fdf4}[data-theme=light] .live-status-card-late{border-color:var(--danger-border);background:#fef2f2}[data-theme=light] .notif-dropdown{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff}[data-theme=light] .notif-header{border-bottom:1px solid var(--border);color:var(--text);background:#f8fafc}[data-theme=light] .notif-item:hover{background:#f1f5f9}[data-theme=light] .notif-item.unread{border-left-color:var(--accent1);background:#eff6ff}[data-theme=light] .toggle .toggle-ui{background:#e2e8f0;border-color:#cbd5e1;box-shadow:inset 0 1px 3px #0000001a}[data-theme=light] .toggle input:checked+.toggle-ui{background:var(--accent1);border-color:var(--accent1)}[data-theme=light] .toggle .toggle-ui:before{background:#fff;box-shadow:0 2px 4px #0003}[data-theme=light] .table tbody tr{border-bottom:1px solid var(--border)}[data-theme=light] .table tbody tr:hover{background:#f8fafc}[data-theme=light] .table th{color:var(--text-secondary);border-bottom:2px solid var(--border)}[data-theme=light] .pac-container{border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;color:var(--text)!important;background-color:#fff!important}[data-theme=light] .pac-item{border-top-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=light] .pac-item:hover{background-color:#f1f5f9!important}[data-theme=light] .pac-item-query{font-weight:600;color:var(--text)!important}[data-theme=light] .leaflet-popup-content-wrapper,[data-theme=light] .leaflet-popup-tip{color:var(--text);box-shadow:var(--shadow);background:#fff}.topbar{background:var(--bar-bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:12px;padding:10px 14px;transition:background .3s;display:flex;position:relative}.topbar .left{align-items:center;display:flex}.topbar .brand{cursor:pointer;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.topbar .brand-logo{object-fit:cover;border-radius:6px;width:24px;height:24px;margin-right:4px}.topbar .brand-fallback{background:var(--input-bg);width:24px;height:24px;color:var(--text);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;margin-right:4px;font-size:12px;font-weight:700;display:inline-flex}.topbar .brand-name{color:var(--text);font-weight:700}.topbar .brand-powered{opacity:.6;color:var(--muted);margin-left:8px;font-size:12px}.topbar .tabs{align-items:center;gap:10px;margin-left:16px;display:flex}.topbar .tab{appearance:none;background:var(--input-bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:9999px;padding:8px 14px;font-size:14px;line-height:1;transition:all .12s}.topbar .tab:hover{background:var(--hover);border-color:var(--accent1)}.topbar .tab:active{transform:translateY(1px)}.topbar .tab.active{border-color:var(--accent1);color:var(--accent1);background:#60a5fa26}.more-wrapper{position:relative}.more-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px #0000004d}.dropdown-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .1s}.dropdown-item:hover{background:var(--hover)}.dropdown-item.active{color:var(--accent1);background:#60a5fa1a;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.topbar .spacer{flex:auto}.topbar .ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:6px 12px;transition:background .12s}.topbar .ghost:hover{background:var(--hover)}@media (max-width:900px){.topbar{gap:8px;padding:8px 10px}.topbar .tabs{gap:6px;margin-left:8px}.topbar .tab{padding:6px 10px;font-size:13px}}.mobile-nav-bar,.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-nav-bar{z-index:999;min-height:64px;padding-top:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);background:#0b0f17;border-top:1px solid #1f2937;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#9ca3af;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;padding:0;font-size:10px;display:flex}.nav-item.active{color:#60a5fa}.nav-item.active .icon svg{stroke-width:2.5px}.mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-content{background:#111827;border-top:1px solid #374151;border-radius:20px 20px 0 0;width:100%;padding:20px;animation:.2s ease-out slideUp}.mobile-menu-content h3{color:#e5e7eb;margin:0 0 16px;font-size:18px}.mobile-menu-grid{flex-direction:column;gap:8px;display:flex}.mobile-menu-btn{text-align:left;color:#e5e7eb;background:#1f2937;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:14px 16px;font-size:16px}.mobile-menu-btn.active{background:#60a5fa1a;border-color:#60a5fa}.mobile-menu-btn.logout{color:#fca5a5;text-align:center;background:#ef44441a;border-color:#ef444433}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.notif-wrapper{position:relative}.notif-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notif-btn:hover{color:var(--accent1);background:var(--hover);border-radius:50%}.notif-btn.floating{background:var(--card);border:1px solid var(--border);width:48px;height:48px;color:var(--accent1);border-radius:50%;box-shadow:0 4px 15px #0006}.notif-btn.floating:active{transform:scale(.95)}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--bar-bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-btn.floating .notif-badge{border-color:var(--card);top:0;right:0}.notif-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;width:300px;max-height:400px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.notif-dropdown.down{top:110%;right:-10px}.notif-dropdown.up{bottom:110%;right:0;box-shadow:0 -10px 30px #0000004d}.notif-header{border-bottom:1px solid var(--border);background:var(--input-bg);padding:12px;font-size:.9rem;font-weight:700}.notif-list{overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px;transition:background .2s}.notif-item:hover{background:var(--hover)}.notif-item.unread{border-left:3px solid var(--accent1);background:#60a5fa0d}.notif-title{margin-bottom:2px;font-size:.9rem;font-weight:600}.notif-body{color:var(--muted);font-size:.85rem}.notif-time{color:var(--muted);text-align:right;margin-top:4px;font-size:.75rem}.notif-empty{text-align:center;color:var(--muted);padding:20px;font-style:italic}.worksites-map{background:#0b0f17;border:1px solid #1f2937;border-radius:10px;width:100%;height:360px;margin-bottom:12px;overflow:hidden}@media (max-width:880px){.form-grid-2{grid-template-columns:1fr}}.help{opacity:.7;font-size:12px}.help.mini{font-size:11px}.meta-row,.actions-row,.worksites-status{opacity:.9;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.meta-row code{opacity:.9}.muted{opacity:.7}.error{color:#f87171}.input{color:#e5e7eb;background:#0b0f17;border:1px solid #1f2937;border-radius:10px;outline:none;width:100%;height:38px;padding:8px 10px}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.input::placeholder{color:#9ca3af}.input-sm{height:34px}.switch{width:56px;height:30px;display:inline-block;position:relative}.switch input{display:none}.switch .slider{background:#111827;border:1px solid #1f2937;border-radius:999px;transition:background .2s,border-color .2s;position:absolute;inset:0}.switch .slider:after{content:"";background:#e5e7eb;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#2563eb;border-color:#2563eb}.switch input:checked+.slider:after{transform:translate(26px)}.range-row{align-items:center;gap:8px;display:flex}.range-row .unit{opacity:.7;font-size:13px}input[type=range].range{appearance:none;background:#1f2937;border-radius:999px;outline:none;width:100%;height:6px}input[type=range].range::-webkit-slider-thumb{appearance:none;background:#2563eb;border:2px solid #93c5fd;border-radius:50%;width:18px;height:18px}input[type=range].range::-moz-range-thumb{background:#2563eb;border:2px solid #93c5fd;border-radius:50%;width:18px;height:18px}.flex-pair{gap:8px;display:flex}.flex-pair>div{flex:1}.worksites-summary .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.worksites-summary .subline{opacity:.7;font-size:12px}.pac-container{color:#e5e7eb!important;z-index:50000!important;background:#0b0f17!important;border:1px solid #1f2937!important;border-radius:10px!important;font-family:inherit!important;box-shadow:0 10px 30px #00000059!important}.pac-item{color:#e5e7eb!important;border-top:1px solid #ffffff0f!important;padding:10px 12px!important}.pac-item:first-child{border-top:0!important}.pac-container:after{display:none}.leaflet-control-attribution{color:#9ca3af;background:#0b0f17d9;border-radius:6px}.leaflet-control-zoom{box-shadow:none!important;border:1px solid #1f2937!important}.leaflet-bar a,.leaflet-bar a:hover{color:#e5e7eb;background:#0b0f17;border-bottom:1px solid #1f2937;width:32px;height:32px;line-height:32px}.leaflet-bar a:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.leaflet-bar a:last-child{border-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.worksites-manager{--ws-surface:#0b0f17;--ws-surface-2:#0f172a;--ws-border:#1f2937;--ws-text:#e5e7eb;--ws-muted:#9ca3af;--ws-primary:#60a5fa}.worksites-manager .ws-map{border:1px solid var(--ws-border);border-radius:12px;width:100%;height:380px;margin:8px 0 12px;overflow:hidden}.worksites-manager .ws-status{opacity:.9;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.worksites-manager .ws-status__err{color:#f87171}.worksites-manager .ws-grid{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr);align-items:end;gap:14px;margin-bottom:8px;display:grid}.worksites-manager .form-row{flex-direction:column;gap:6px;display:flex}.worksites-manager .form-row>label{color:var(--ws-text);opacity:.9;font-size:13px}.worksites-manager .hint{color:var(--ws-muted);font-size:12px}.worksites-manager .checkbox{color:var(--ws-muted);align-items:center;gap:8px;font-size:13px;display:flex}.worksites-manager .checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--ws-primary)}.worksites-manager .ws-range{align-items:center;gap:10px;display:flex}.worksites-manager .ws-flex{grid-template-columns:1fr 1fr;gap:10px;display:grid}.worksites-manager .ws-actions{align-items:center;gap:8px;margin:8px 0 16px;display:flex}.worksites-manager .ws-actions .spacer{flex:1}.worksites-manager .ws-list-title,.worksites-manager .ws-list{margin-top:8px}.worksites-grid{flex-direction:column;gap:20px;display:flex}.form-row{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;align-items:end;gap:12px;margin-bottom:8px;display:grid}@media (max-width:880px){.form-grid-2{grid-template-columns:1fr}}.worksites-list{margin-top:8px}.worksites-summary .name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-weight:600;overflow:hidden}.worksites-actions{justify-content:flex-end;gap:6px;display:flex}.pac-icon{filter:invert(50%);opacity:.8}.leaflet-control-attribution{background:var(--card);color:var(--muted);border-radius:6px}.leaflet-control-attribution a{color:var(--accent1)}.leaflet-control-zoom{border:1px solid var(--border)!important;box-shadow:none!important}.leaflet-bar a,.leaflet-bar a:hover{background:var(--card);width:32px;height:32px;color:var(--text);border-bottom:1px solid var(--border);line-height:32px}.leaflet-bar a:hover{background:var(--input-bg)}.worksites-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:900px){.worksites-grid{grid-template-columns:1.2fr .8fr}}.worksites-map{border:1px solid var(--border);background:var(--input-bg);border-radius:10px;width:100%;height:360px;margin-bottom:12px;overflow:hidden}.worksites-item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.worksites-item:last-child{border-bottom:none}.worksites-summary .name{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:600}.worksites-summary .subline{opacity:.7;color:var(--muted);font-size:12px}.worksites-actions{gap:8px;display:flex}.label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.pac-container{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;z-index:9999!important;border-radius:10px!important;font-family:inherit!important}.pac-item{border-top:1px solid var(--border)!important;color:var(--text)!important;padding:10px!important}.pac-item:hover{background:var(--input-bg)!important}.pac-item-query{color:var(--accent1)!important}.onb-page{background:var(--bg);min-height:100vh;color:var(--text);padding-bottom:100px;font-family:Inter,sans-serif}.onb-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.onb-title{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.onb-hero{padding:24px}.onb-hero h1{margin:0 0 8px;font-size:28px;font-weight:800}.onb-hero p{color:var(--muted);margin:0;font-size:14px}.onb-progress-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;margin:0 24px 24px;padding:20px;position:relative;overflow:hidden}.onb-progress-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.onb-progress-val{background:linear-gradient(135deg,#fff,var(--accent1));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800;line-height:1}.onb-progress-label{color:var(--muted);font-size:13px;font-weight:500}.onb-progress-icon{width:32px;height:32px;color:var(--accent1);background:#60a5fa26;border-radius:50%;justify-content:center;align-items:center;display:flex}.onb-progress-track{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.onb-progress-fill{background:linear-gradient(90deg,var(--accent1),var(--accent2));border-radius:10px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #60a5fa99}.onb-tabs{scrollbar-width:none;gap:12px;margin-bottom:24px;padding:0 24px;display:flex;overflow-x:auto}.onb-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:99px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.onb-tab.active{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 4px 12px #0000004d}.onb-tasks{flex-direction:column;gap:16px;padding:0 24px;display:flex}.onb-card{background:var(--card);border:1px solid #ffffff0d;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.onb-card.expanded{border-color:#60a5fa80;box-shadow:0 0 0 1px #60a5fa1a,0 10px 30px -10px #00000080}.onb-card.expanded:before{content:"";background:linear-gradient(to bottom,var(--accent1),var(--accent2));width:4px;height:100%;position:absolute;top:0;left:0}.onb-card-header{cursor:pointer;align-items:center;gap:16px;padding:20px;display:flex}.onb-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.onb-card.completed .onb-icon-box{color:var(--ok);background:#22c55e26}.onb-card.expanded .onb-icon-box{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 0 15px var(--accent1-glow)}.onb-card:not(.expanded):not(.completed) .onb-icon-box{color:var(--muted);background:#ffffff0d}.onb-info{flex:1}.onb-task-title{margin-bottom:4px;font-size:15px;font-weight:700}.onb-task-status{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.status-badge{align-items:center;gap:6px;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.onb-body{border-top:1px solid #ffffff0d;margin-top:-8px;padding:20px 20px 24px}.onb-desc{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.5}.onb-sig-card{background:#0000004d;border:1px dashed #fff3;border-radius:16px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.onb-sig-card:before{content:"";opacity:.6;pointer-events:none;background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.onb-sig-label{text-transform:uppercase;color:var(--accent1);letter-spacing:1px;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.onb-sig-canvas{cursor:crosshair;touch-action:none;z-index:2;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:180px;position:relative}.onb-sig-placeholder{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Times New Roman,serif;font-size:24px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%)}.onb-sig-actions{gap:10px;margin-top:12px;display:flex}.onb-action-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.onb-action-btn:active{transform:scale(.98)}.btn-neon{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 4px 15px #60a5fa66}.btn-review{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:16px}.onb-file-label{width:100%;display:block}.onb-footer{background:linear-gradient(to top,var(--bg)80%,transparent);z-index:100;justify-content:center;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.onb-finalize-btn{background:var(--text);width:100%;max-width:500px;color:var(--bg);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 30px #00000080}.onb-finalize-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.kiosk-container{color:#fff;z-index:9999;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.kiosk-header{position:absolute;top:40px;left:40px}.kiosk-org-name{margin:0;font-size:2rem;font-weight:600}.kiosk-subtitle{opacity:.6}.kiosk-pin-container{width:100%;max-width:360px}.kiosk-pin-prompt{text-align:center;margin-bottom:40px;font-size:24px;font-weight:500}.kiosk-pin-display{text-align:center;letter-spacing:16px;justify-content:center;align-items:center;height:60px;margin-bottom:40px;font-size:48px;display:flex}.kiosk-error-msg{color:var(--danger,#ff4d4f);text-align:center;height:24px;margin-bottom:16px}.kiosk-numpad{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kiosk-num-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:40px;height:80px;font-size:28px;transition:background .2s}.kiosk-num-btn:active{background:#444}.kiosk-backspace-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:40px;height:80px;font-size:24px}.kiosk-action-screen{text-align:center;width:100%;max-width:500px}.kiosk-greeting{margin-bottom:10px;font-size:2.5rem}.kiosk-instruction{opacity:.6;margin-bottom:60px}.kiosk-action-stack{flex-direction:column;gap:20px;display:flex}.kiosk-action-btn{cursor:pointer;border:none;border-radius:20px;padding:30px;font-size:24px;font-weight:600}.kiosk-btn-start-shift{background:var(--ok,#52c41a);color:#000}.kiosk-btn-end-break{background:var(--warn,#faad14);color:#000}.kiosk-btn-start-break{color:#000;background:#ffb020}.kiosk-btn-end-shift{background:var(--danger,#ff4d4f);color:#fff}.kiosk-btn-cancel{color:#aaa;cursor:pointer;background:0 0;border:none;margin-top:20px;padding:20px;font-size:18px}.kiosk-camera-container{flex-direction:column;align-items:center;gap:30px;display:flex}.kiosk-camera-view{border:4px solid #fff;border-radius:200px;width:400px;height:400px;position:relative;overflow:hidden}.kiosk-video{object-fit:cover;width:100%;height:100%}.kiosk-camera-msg{font-size:24px;font-weight:500}.kiosk-capture-actions{gap:20px;display:flex}.kiosk-btn-capture{color:#000;cursor:pointer;background:#fff;border:none;border-radius:40px;padding:20px 60px;font-size:24px;font-weight:700}.kiosk-btn-back{color:#aaa;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:18px}.roster-layout{flex-direction:column;gap:20px;height:calc(100vh - 140px);min-height:600px;display:flex;overflow:hidden}.roster-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.roster-title{color:var(--text);letter-spacing:-.02em;font-size:24px;font-weight:800}.roster-subtitle{color:var(--muted);font-size:14px}.roster-grid{grid-template-columns:280px 1fr 280px;gap:24px;height:100%;display:grid;overflow:hidden}.roster-col{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.col-title{color:var(--text);padding:0 4px;font-size:18px;font-weight:700}.staff-card{background:var(--card);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.staff-card:hover{border-color:var(--accent1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.staff-card:active{cursor:grabbing}.staff-card.assigned{opacity:.5;background:0 0;border-style:dashed}.staff-card.selected{border-color:var(--accent1);box-shadow:0 0 0 2px var(--accent1);background:#60a5fa1a}.staff-card.unavailable{opacity:.7;background:#ef44440d;border-color:#ef444433;cursor:not-allowed!important}.staff-card.unavailable:hover{box-shadow:none;border-color:#ef444433;transform:none}.avatar{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.site-card{background:var(--input-bg);border:2px dashed var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;min-height:120px;padding:20px;transition:all .2s;display:flex}.site-card.drag-over{border-color:var(--accent1);background:#60a5fa1a;transform:scale(1.02)}.site-card.tap-target{border-color:var(--accent1);background:#60a5fa0d;animation:2s infinite pulse}@keyframes pulse{0%{border-color:var(--border)}50%{border-color:var(--accent1)}to{border-color:var(--border)}}.site-name{color:var(--text);font-size:16px;font-weight:700}.time-card{background:var(--card);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:16px;font-weight:600;transition:all .2s}.time-card:hover{border-color:var(--accent1);color:var(--accent1)}.shift-pill{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.shift-pill.staged{border-left-color:var(--accent1);background:#60a5fa14;border-style:dashed}.shift-pill.cancelled{border-left-color:var(--muted);opacity:.6;background:#0000000d;text-decoration:line-through}.date-nav{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.date-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.date-btn:hover{background:var(--hover);color:var(--text)}.date-display{padding:0 12px;font-size:14px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border:1px solid var(--border);width:90%;max-width:420px;box-shadow:var(--shadow);border-radius:20px;padding:24px;animation:.2s slideUp}.roster-presence-bar{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.pulse-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}.presence-text{color:var(--ok);flex:1;font-size:13px;font-weight:600}.avatars-stack{margin-left:auto;display:flex}.mini-avatar{background:var(--accent2);color:#fff;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-8px;font-size:10px;display:flex}@keyframes pulse-green{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width:900px){.roster-grid{flex-direction:column;gap:16px;display:flex;overflow-y:auto}.roster-col:first-child{border-bottom:1px solid var(--border);flex-direction:row;flex-shrink:0;gap:12px;min-height:auto;margin-bottom:4px;padding-bottom:12px;overflow-x:auto}.staff-card{flex-shrink:0;min-width:200px}.roster-col:nth-child(2){flex:1;overflow-y:visible}.presets-col{order:3;padding-bottom:40px}@media (max-width:600px){.presets-col{display:none}}}
:root{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--accent1:#60a5fa;--accent2:#a78bfa;--danger:#ef4444;--ok:#22c55e;--bar-bg:#1f2937;--input-bg:#0b1020;--border:#1f2937;--hover:#ffffff0d;--shadow:0 8px 24px #00000040;--accent1-contrast:#042f66}*{box-sizing:border-box}body.theme-transitioning,body.theme-transitioning *,body.theme-transitioning :before,body.theme-transitioning :after{transition:background-color .4s,background .4s,color .4s,border-color .4s,box-shadow .4s,fill .4s,stroke .4s!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;transition:background .3s,color .3s}.app{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:14px;display:flex}.app>.content{flex-direction:column;flex:1;display:flex}.stack{flex-direction:column;display:flex}.grid{grid-template-columns:1fr;gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:16px}.section-title{color:var(--muted);margin-bottom:6px;font-size:12px}.value{font-size:20px;font-weight:700}.sub{color:var(--muted);font-size:12px}.form{flex-direction:column;gap:10px;display:flex}.row{gap:10px;display:grid}.row-2{grid-template-columns:1fr 120px;gap:10px}.row-3{grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:700px){.row-3{grid-template-columns:1fr}}.input,select,textarea{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none;padding:10px 12px;transition:border-color .2s}.input:focus,select:focus,textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px #60a5fa14}.radio{flex-wrap:wrap;gap:12px;display:flex}.radio label{align-items:center;gap:8px;line-height:1;display:inline-flex}.radio input{accent-color:var(--accent1)}.progress{background:#1a1a1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress__fill{background:linear-gradient(90deg,#00f260,#0575e6);height:100%;transition:width .3s ease-in-out}button{cursor:pointer;color:#fff;background:#1f2937;border:0;border-radius:12px;padding:10px 14px;transition:transform 60ms,filter 60ms}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 6px 18px #60a5fa59}button.primary:hover{filter:brightness(1.05)}button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover{background:var(--hover)}button.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}button.pill.active{outline:2px solid var(--accent1);border-color:var(--accent1)}button.danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.warn{color:var(--danger);background:#ef444426;border:1px solid #ef444459;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:12px}.footer-note{color:var(--muted);text-align:center;opacity:.7;background:0 0;margin-top:auto;padding:12px;font-size:12px}.footer-note a{color:var(--accent1);pointer-events:auto;text-decoration:none}.footer-note a:hover{text-decoration:underline}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .toggle-ui{background:var(--input-bg);border:1px solid var(--border);border-radius:999px;flex:none;width:48px;height:28px;transition:background .18s,border-color .18s;position:relative;box-shadow:inset 0 0 0 1px #ffffff03}.toggle .toggle-ui:before{content:"";background:#e5e7eb;border-radius:999px;width:22px;height:22px;transition:left .16s,background .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.toggle-ui{background:linear-gradient(135deg,var(--accent1),var(--accent2));border-color:#0000}.toggle input:checked+.toggle-ui:before{background:#fff;left:23px}.toggle-sm .toggle-ui{width:36px;height:20px}.toggle-sm .toggle-ui:before{width:14px;height:14px;box-shadow:none;top:3px;left:3px}.toggle-sm input:checked+.toggle-ui:before{left:19px}.toggle-label{color:var(--text);font-size:14px;line-height:1.2}.toggle+.toggle{margin-top:10px;display:inline-flex}.radio-stack{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.radio-stack label{border:1px solid var(--border);background:var(--input-bg);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.radio-stack input[type=radio]{accent-color:var(--accent1)}@media (max-width:480px){.row-3>div,.row-2>div{min-width:0}}.topbar{background:var(--bar-bg);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.topbar .brand{font-weight:700}.topbar .spacer{flex:1}.org-switcher{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 8px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}.pill.active{outline:2px solid var(--accent1)}.login-screen{background:radial-gradient(1200px 600px at 20% -20%,#1e3b8a00,#0000),radial-gradient(1000px 500px at 120% 120%,#10b98100,#0000),#0a0f1a00;flex:1;place-items:center;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;background:#0d121e00;border:1px solid #94a3b826;border-radius:18px;width:100%;max-width:560px;padding:24px 22px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.login-title{margin:0 0 14px;font-size:22px;font-weight:700}.login-form{gap:12px;display:grid}.login-label{color:#9aa3b2;font-size:13px}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{color:#e5e7eb;background:#0b1322;border:1px solid #2a3447;border-radius:12px;outline:none;padding:10px 12px}.login-form input::placeholder{color:#64748b}.login-error{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:10px;padding:8px 10px;font-size:13px}.glass-btn{appearance:none;color:#e6f4ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #94a3b840;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform 50ms,box-shadow .2s,border-color .2s;box-shadow:0 8px 25px #00000059}.glass-btn:hover{border-color:#94a3b873}.glass-btn:active{transform:translateY(1px)}.glass-btn[disabled]{opacity:.65;cursor:default}.org-field{position:relative}.org-suggest{z-index:50;background:#0b1322;border:1px solid #2a3447;border-radius:12px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.org-item{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.org-item:hover{background:#1e293b59;border-color:#2a3447}.org-item img,.org-item .dot{background:#334155;border-radius:2px;width:10px;height:10px}.org-name{font-size:14px}.org-slug{color:#93a3b8;font-size:12px}.login-foot{color:#93a3b8;margin-top:12px;font-size:12px}#bg{z-index:-1;pointer-events:none;position:fixed;inset:0}body[data-particles=off] #bg{display:none!important}.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{width:100%;max-width:560px;margin:0 auto}@media (max-width:420px){.login-card{margin-top:0}}.orgs-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}@media (max-width:760px){.orgs-layout{grid-template-columns:1fr}}@media (max-width:768px){.app{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.topbar{display:none}}.leaflet-control-zoom a{background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.leaflet-control-zoom a:hover{background:var(--hover)}.btn-start{color:#111827;background:linear-gradient(135deg,#34d399,#facc15);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #34d39940,0 3px 10px #facc1540}.btn-start:hover{filter:brightness(1.05)}.btn-end{color:#111827;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #ef444440,0 3px 10px #f9731640}.btn-end:hover{filter:brightness(1.05)}.hidden{display:none!important}.center{justify-content:center;align-items:center;display:flex}:focus{outline-offset:2px;outline:3px solid #60a5fa1f}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}.table tr:last-child td{border-bottom:none}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-card{border-radius:16px;position:relative}.login-card:after{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle),transparent 20%,var(--ok)80%,#8400ff 100%  );-webkit-mask-composite:xor;z-index:2;pointer-events:none;padding:2px;animation:5s linear infinite spin-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--border-angle:360deg}}.theme-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-btn:hover{color:var(--accent1);background:var(--hover)}[data-theme=light] .theme-btn:hover{background:#0000000d}[data-theme=light] .login-form input[type=text],[data-theme=light] .login-form input[type=email],[data-theme=light] .login-form input[type=password]{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}[data-theme=light] .login-form input::placeholder{color:#94a3b8}.mfa-input{text-align:center;letter-spacing:8px;color:#fff;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px;font-size:24px;transition:all .2s}[data-theme=light] .mfa-input{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}[data-theme=light] .mfa-input:focus{border-color:var(--accent1);box-shadow:0 0 0 4px var(--accent1-glow)}.mfa-instruction{color:#cbd5e1;margin-top:16px;font-size:14px}[data-theme=light] .mfa-instruction{color:var(--text-secondary)}.pricing-card{flex-direction:column;height:100%;transition:transform .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-5px)}.sale-banner{-webkit-backdrop-filter:blur(12px)saturate(180%);color:var(--text);text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border:1px solid #ffffff26;border-bottom-color:#ffffff0d;border-radius:20px 20px 0 0;flex-direction:column;gap:2px;margin:-24px -24px 16px;padding:10px 12px;font-size:.75rem;font-weight:800;animation:3s infinite pulse-gold;display:flex;position:relative;overflow:hidden}.sale-banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#ff4d4d1a,#f9cb2826);position:absolute;inset:0}@keyframes pulse-gold{0%{box-shadow:inset 0 0 10px #f9cb281a}50%{box-shadow:inset 0 0 25px #f9cb2833}to{box-shadow:inset 0 0 10px #f9cb281a}}.trial-badge{-webkit-backdrop-filter:blur(8px);color:var(--accent2);vertical-align:middle;text-transform:uppercase;background:#00e7ff1a;border:1px solid #00e7ff4d;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #0000001a}.pricing-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:18px}.pricing-header h3{color:var(--accent2);margin-bottom:12px;font-size:1.5rem}.pricing-card .btn{text-align:center;justify-content:center;align-items:center;width:100%;padding:12px 18px;margin-top:auto!important;display:flex!important}.pricing-header .price{color:var(--text);margin-bottom:8px;font-size:2.5rem;font-weight:800}.pricing-header .price span{color:var(--muted);font-size:1rem;font-weight:400}.pricing-features{flex-grow:1;margin:0;padding:0;list-style:none}.pricing-features li{color:var(--muted);margin-bottom:12px;padding-left:24px;font-size:.95rem;position:relative}.pricing-features li:before{content:"✔";color:var(--accent1);opacity:.8;font-size:.9em;position:absolute;left:0}.pricing-card.popular{background:#7c8cff08;border-color:#7c8cff66}.badge-popular{background:var(--accent1);color:#0b0b12;text-transform:uppercase;letter-spacing:.05em;z-index:2;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #7c8cff66}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}
:root{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--accent1:#60a5fa;--accent2:#a78bfa;--danger:#ef4444;--ok:#22c55e;--bar-bg:#1f2937;--input-bg:#0b1020;--border:#1f2937;--hover:#ffffff0d;--shadow:0 8px 24px #00000040;--accent1-contrast:#042f66}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;transition:background .3s,color .3s}.app{max-width:1100px;min-height:100vh;margin:0 auto;padding:14px}.stack{flex-direction:column;display:flex}.grid{grid-template-columns:1fr;gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:16px}.section-title{color:var(--muted);margin-bottom:6px;font-size:12px}.value{font-size:20px;font-weight:700}.sub{color:var(--muted);font-size:12px}.form{flex-direction:column;gap:10px;display:flex}.row{gap:10px;display:grid}.row-2{grid-template-columns:1fr 120px;gap:10px}.row-3{grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:700px){.row-3{grid-template-columns:1fr}}.input,select,textarea{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none;padding:10px 12px;transition:border-color .2s}.input:focus,select:focus,textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px #60a5fa14}.radio{flex-wrap:wrap;gap:12px;display:flex}.radio label{align-items:center;gap:8px;line-height:1;display:inline-flex}.radio input{accent-color:var(--accent1)}.progress{background:#1a1a1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress__fill{background:linear-gradient(90deg,#00f260,#0575e6);height:100%;transition:width .3s ease-in-out}button{cursor:pointer;color:#fff;background:#1f2937;border:0;border-radius:12px;padding:10px 14px;transition:transform 60ms,filter 60ms}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 6px 18px #60a5fa59}button.primary:hover{filter:brightness(1.05)}button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover{background:var(--hover)}button.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}button.pill.active{outline:2px solid var(--accent1);border-color:var(--accent1)}button.danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.warn{color:var(--danger);background:#ef444426;border:1px solid #ef444459;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:12px}.footer-note{color:var(--muted);text-align:center;font-size:12px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .toggle-ui{background:var(--input-bg);border:1px solid var(--border);border-radius:999px;flex:none;width:48px;height:28px;transition:background .18s,border-color .18s;position:relative;box-shadow:inset 0 0 0 1px #ffffff03}.toggle .toggle-ui:before{content:"";background:#e5e7eb;border-radius:999px;width:22px;height:22px;transition:left .16s,background .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.toggle-ui{background:linear-gradient(135deg,var(--accent1),var(--accent2));border-color:#0000}.toggle input:checked+.toggle-ui:before{background:#fff;left:23px}.toggle-sm .toggle-ui{width:36px;height:20px}.toggle-sm .toggle-ui:before{width:14px;height:14px;box-shadow:none;top:3px;left:3px}.toggle-sm input:checked+.toggle-ui:before{left:19px}.toggle-label{color:var(--text);font-size:14px;line-height:1.2}.toggle+.toggle{margin-top:10px;display:inline-flex}.radio-stack{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.radio-stack label{border:1px solid var(--border);background:var(--input-bg);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.radio-stack input[type=radio]{accent-color:var(--accent1)}@media (max-width:480px){.row-3>div,.row-2>div{min-width:0}}.topbar{background:var(--bar-bg);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.topbar .brand{font-weight:700}.org-switcher{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 8px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}.pill.active{outline:2px solid var(--accent1)}.login-screen{background:radial-gradient(1200px 600px at 20% -20%,#1e3b8a00,#0000),radial-gradient(1000px 500px at 120% 120%,#10b98100,#0000),#0a0f1a00;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;background:#0d121e00;border:1px solid #94a3b826;border-radius:18px;width:min(560px,92vw);padding:24px 22px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.login-title{margin:0 0 14px;font-size:22px;font-weight:700}.login-form{gap:12px;display:grid}.login-label{color:#9aa3b2;font-size:13px}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{color:#e5e7eb;background:#0b1322;border:1px solid #2a3447;border-radius:12px;outline:none;padding:10px 12px}.login-form input::placeholder{color:#64748b}.login-error{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:10px;padding:8px 10px;font-size:13px}.glass-btn{appearance:none;color:#e6f4ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #94a3b840;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform 50ms,box-shadow .2s,border-color .2s;box-shadow:0 8px 25px #00000059}.glass-btn:hover{border-color:#94a3b873}.glass-btn:active{transform:translateY(1px)}.glass-btn[disabled]{opacity:.65;cursor:default}.org-field{position:relative}.org-suggest{z-index:50;background:#0b1322;border:1px solid #2a3447;border-radius:12px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.org-item{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.org-item:hover{background:#1e293b59;border-color:#2a3447}.org-item img,.org-item .dot{background:#334155;border-radius:2px;width:10px;height:10px}.org-name{font-size:14px}.org-slug{color:#93a3b8;font-size:12px}.login-foot{color:#93a3b8;margin-top:12px;font-size:12px}#bg{z-index:-1;pointer-events:none;position:fixed;inset:0}body[data-particles=off] #bg{display:none!important}.login-screen{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{width:min(560px,92vw)}@media (max-width:420px){.login-card{margin-top:0}}.orgs-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}@media (max-width:760px){.orgs-layout{grid-template-columns:1fr}}@media (max-width:768px){.app{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.topbar{display:none}}.leaflet-control-zoom a{background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.leaflet-control-zoom a:hover{background:var(--hover)}.btn-start{color:#111827;background:linear-gradient(135deg,#34d399,#facc15);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #34d39940,0 3px 10px #facc1540}.btn-start:hover{filter:brightness(1.05)}.btn-end{color:#111827;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #ef444440,0 3px 10px #f9731640}.btn-end:hover{filter:brightness(1.05)}.hidden{display:none!important}.center{justify-content:center;align-items:center;display:flex}:focus{outline-offset:2px;outline:3px solid #60a5fa1f}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}.table tr:last-child td{border-bottom:none}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-card{border-radius:16px;position:relative}.login-card:after{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle),transparent 20%,var(--ok)80%,#8400ff 100%  );-webkit-mask-composite:xor;z-index:2;pointer-events:none;padding:2px;animation:5s linear infinite spin-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--border-angle:360deg}}[data-theme=light]{--bg:#f8fafc;--panel:#ffffffb3;--border:#00000014;--text:#0f172a;--muted:#64748b;--primary:#0f172a;--accent1:#3b82f6;--accent2:#06b6d4;--btn-bg:#0f172a;--btn-text:#fff;--toggle-bg:#0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--card:#fff;--surface:#f1f5f9;--surface-hover:#e2e8f0;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-strong:#cbd5e1;--accent1-glow:#3b82f640;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fecaca;--ok:#10b981;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--warning:#f59e0b;--bar-bg:#ffffffd9;--input-bg:#fff;--hover:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #3b82f626}body[data-theme=light]{background-color:#0000;background-image:radial-gradient(at 10% 10%,#3b82f61f 0,#0000 50%),radial-gradient(at 90% 10%,#06b5d4 0,#0000 50%),radial-gradient(#a955f754 0,#0000 50%),radial-gradient(at 10% 90%,#ec489a96 0,#0000 50%),radial-gradient(at 90% 90%,#f59f0bb9 0,#0000 50%),linear-gradient(#7fff5f 0%,#f8fafc 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;background-color:var(--bg)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:#1e293b;letter-spacing:-.025em}[data-theme=light] .sub,[data-theme=light] .section-title{color:var(--text-secondary);font-weight:500}[data-theme=light] .card{-webkit-backdrop-filter:blur(12px)saturate(160%);background:#ffffffb3;border:1px solid #ffffff80;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #1f268712}[data-theme=light] .card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}[data-theme=light] .input,[data-theme=light] select,[data-theme=light] textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;transition:all .2s;box-shadow:0 1px 2px #0000000d}[data-theme=light] .input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 4px var(--accent1-glow);background:#fff}[data-theme=light] .input::placeholder{color:#94a3b8}[data-theme=light] button.primary{letter-spacing:.01em;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff1a;font-weight:600;box-shadow:0 4px 6px -1px #2563eb4d}[data-theme=light] button.primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 12px -2px #2563eb66}[data-theme=light] button.primary:active{transform:translateY(0);box-shadow:0 2px 4px -1px #2563eb4d}[data-theme=light] button.ghost{border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff}[data-theme=light] button.ghost:hover{color:var(--accent1);border-color:var(--accent1);background:#f8fafc}[data-theme=light] button.danger{background:var(--danger-bg);color:#b91c1c;border:1px solid var(--danger-border)}[data-theme=light] button.danger:hover{background:#fee2e2;border-color:#fca5a5}[data-theme=light] .pill{border:1px solid var(--border);color:var(--text-secondary);background:#fff;font-weight:500;box-shadow:0 1px 2px #00000005}[data-theme=light] .pill.active{color:var(--accent1);border-color:var(--accent1);box-shadow:0 0 0 2px var(--accent1-glow);background:#eff6ff}body[data-theme=light] .topbar{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#fff6;border-bottom:1px solid #ffffff4d;padding:10px 16px;box-shadow:0 4px 30px #0000000d}[data-theme=light] .topbar .tab{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .topbar .tab:hover{color:var(--text);background:#fff9}[data-theme=light] .topbar .tab.active{color:var(--accent1);background:#fff;border:1px solid #0000000a;transform:translateY(-1px);box-shadow:0 2px 4px #00000005,0 1px 2px #00000005}[data-theme=light] .topbar .tab.active:hover{background:#f8fafc}[data-theme=light] .brand-name{color:#0f172a;letter-spacing:-.02em;font-weight:800}[data-theme=light] .brand-powered{color:var(--text-tertiary);font-weight:500}[data-theme=light] .brand-fallback{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border:none;box-shadow:0 2px 5px #3b82f64d}[data-theme=light] .topbar .ghost{color:var(--text-secondary);background:#00000008;border-color:#0000;border-radius:12px;font-weight:600}[data-theme=light] .topbar .ghost:hover{box-shadow:var(--shadow-sm);color:var(--text);background:#fff}[data-theme=light] .mobile-nav-bar{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 -4px 20px #0000000d}[data-theme=light] .nav-item{color:#94a3b8}[data-theme=light] .nav-item.active{color:var(--accent1)}[data-theme=light] .nav-item.active .icon{filter:drop-shadow(0 2px 4px var(--accent1-glow))}[data-theme=light] .kpi .value{color:#1e293b}[data-theme=light] #dash-map,[data-theme=light] .ws-map,[data-theme=light] .worksites-map{border:1px solid var(--border-strong);background:#eef2f6;box-shadow:inset 0 0 20px #0000000d}[data-theme=light] .progress{background:#e2e8f0;box-shadow:inset 0 1px 2px #0000001a}[data-theme=light] .progress__fill{background:linear-gradient(90deg,var(--accent1),var(--accent2));box-shadow:0 0 10px var(--accent1-glow)}[data-theme=light] .staff-card{border:1px solid var(--border);background:#fff;box-shadow:0 2px 4px #00000005}[data-theme=light] .staff-card:hover{border-color:var(--accent1);box-shadow:var(--shadow);background:#f8fafc}[data-theme=light] .staff-card.assigned{border-color:var(--border);opacity:.6;background:#f1f5f9}[data-theme=light] .site-card{background:#f8fafc;border:2px dashed #cbd5e1}[data-theme=light] .site-card.drag-over{border-color:var(--accent1);box-shadow:inset 0 0 0 1px var(--accent1);background:#eff6ff}[data-theme=light] .shift-pill{border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=light] .live-status-card-active{border-color:var(--ok-border);background:#f0fdf4}[data-theme=light] .live-status-card-late{border-color:var(--danger-border);background:#fef2f2}[data-theme=light] .notif-dropdown{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff}[data-theme=light] .notif-header{border-bottom:1px solid var(--border);color:var(--text);background:#f8fafc}[data-theme=light] .notif-item:hover{background:#f1f5f9}[data-theme=light] .notif-item.unread{border-left-color:var(--accent1);background:#eff6ff}[data-theme=light] .toggle .toggle-ui{background:#e2e8f0;border-color:#cbd5e1;box-shadow:inset 0 1px 3px #0000001a}[data-theme=light] .toggle input:checked+.toggle-ui{background:var(--accent1);border-color:var(--accent1)}[data-theme=light] .toggle .toggle-ui:before{background:#fff;box-shadow:0 2px 4px #0003}[data-theme=light] .table tbody tr{border-bottom:1px solid var(--border)}[data-theme=light] .table tbody tr:hover{background:#f8fafc}[data-theme=light] .table th{color:var(--text-secondary);border-bottom:2px solid var(--border)}[data-theme=light] .pac-container{border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;color:var(--text)!important;background-color:#fff!important}[data-theme=light] .pac-item{border-top-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=light] .pac-item:hover{background-color:#f1f5f9!important}[data-theme=light] .pac-item-query{font-weight:600;color:var(--text)!important}[data-theme=light] .leaflet-popup-content-wrapper,[data-theme=light] .leaflet-popup-tip{color:var(--text);box-shadow:var(--shadow);background:#fff}.topbar{background:var(--bar-bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:12px;padding:10px 14px;transition:background .3s;display:flex;position:relative}.topbar .left{align-items:center;display:flex}.topbar .brand{cursor:pointer;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.topbar .brand-logo{object-fit:cover;border-radius:6px;width:24px;height:24px;margin-right:4px}.topbar .brand-fallback{background:var(--input-bg);width:24px;height:24px;color:var(--text);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;margin-right:4px;font-size:12px;font-weight:700;display:inline-flex}.topbar .brand-name{color:var(--text);font-weight:700}.topbar .brand-powered{opacity:.6;color:var(--muted);margin-left:8px;font-size:12px}.topbar .tabs{align-items:center;gap:10px;margin-left:16px;display:flex}.topbar .tab{appearance:none;background:var(--input-bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:9999px;padding:8px 14px;font-size:14px;line-height:1;transition:all .12s}.topbar .tab:hover{background:var(--hover);border-color:var(--accent1)}.topbar .tab:active{transform:translateY(1px)}.topbar .tab.active{border-color:var(--accent1);color:var(--accent1);background:#60a5fa26}.more-wrapper{position:relative}.more-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px #0000004d}.dropdown-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .1s}.dropdown-item:hover{background:var(--hover)}.dropdown-item.active{color:var(--accent1);background:#60a5fa1a;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.topbar .spacer{flex:auto}.topbar .ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:6px 12px;transition:background .12s}.topbar .ghost:hover{background:var(--hover)}@media (max-width:900px){.topbar{gap:8px;padding:8px 10px}.topbar .tabs{gap:6px;margin-left:8px}.topbar .tab{padding:6px 10px;font-size:13px}}.mobile-nav-bar,.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-nav-bar{z-index:999;min-height:64px;padding-top:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);background:#0b0f17;border-top:1px solid #1f2937;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#9ca3af;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;padding:0;font-size:10px;display:flex}.nav-item.active{color:#60a5fa}.nav-item.active .icon svg{stroke-width:2.5px}.mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-content{background:#111827;border-top:1px solid #374151;border-radius:20px 20px 0 0;width:100%;padding:20px;animation:.2s ease-out slideUp}.mobile-menu-content h3{color:#e5e7eb;margin:0 0 16px;font-size:18px}.mobile-menu-grid{flex-direction:column;gap:8px;display:flex}.mobile-menu-btn{text-align:left;color:#e5e7eb;background:#1f2937;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:14px 16px;font-size:16px}.mobile-menu-btn.active{background:#60a5fa1a;border-color:#60a5fa}.mobile-menu-btn.logout{color:#fca5a5;text-align:center;background:#ef44441a;border-color:#ef444433}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.notif-wrapper{position:relative}.notif-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notif-btn:hover{color:var(--accent1);background:var(--hover);border-radius:50%}.notif-btn.floating{background:var(--card);border:1px solid var(--border);width:48px;height:48px;color:var(--accent1);border-radius:50%;box-shadow:0 4px 15px #0006}.notif-btn.floating:active{transform:scale(.95)}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--bar-bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-btn.floating .notif-badge{border-color:var(--card);top:0;right:0}.notif-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;width:300px;max-height:400px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.notif-dropdown.down{top:110%;right:-10px}.notif-dropdown.up{bottom:110%;right:0;box-shadow:0 -10px 30px #0000004d}.notif-header{border-bottom:1px solid var(--border);background:var(--input-bg);padding:12px;font-size:.9rem;font-weight:700}.notif-list{overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px;transition:background .2s}.notif-item:hover{background:var(--hover)}.notif-item.unread{border-left:3px solid var(--accent1);background:#60a5fa0d}.notif-title{margin-bottom:2px;font-size:.9rem;font-weight:600}.notif-body{color:var(--muted);font-size:.85rem}.notif-time{color:var(--muted);text-align:right;margin-top:4px;font-size:.75rem}.notif-empty{text-align:center;color:var(--muted);padding:20px;font-style:italic}.worksites-map{background:#0b0f17;border:1px solid #1f2937;border-radius:10px;width:100%;height:360px;margin-bottom:12px;overflow:hidden}@media (max-width:880px){.form-grid-2{grid-template-columns:1fr}}.help{opacity:.7;font-size:12px}.help.mini{font-size:11px}.meta-row,.actions-row,.worksites-status{opacity:.9;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.meta-row code{opacity:.9}.muted{opacity:.7}.error{color:#f87171}.input{color:#e5e7eb;background:#0b0f17;border:1px solid #1f2937;border-radius:10px;outline:none;width:100%;height:38px;padding:8px 10px}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.input::placeholder{color:#9ca3af}.input-sm{height:34px}.switch{width:56px;height:30px;display:inline-block;position:relative}.switch input{display:none}.switch .slider{background:#111827;border:1px solid #1f2937;border-radius:999px;transition:background .2s,border-color .2s;position:absolute;inset:0}.switch .slider:after{content:"";background:#e5e7eb;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#2563eb;border-color:#2563eb}.switch input:checked+.slider:after{transform:translate(26px)}.range-row{align-items:center;gap:8px;display:flex}.range-row .unit{opacity:.7;font-size:13px}input[type=range].range{appearance:none;background:#1f2937;border-radius:999px;outline:none;width:100%;height:6px}input[type=range].range::-webkit-slider-thumb{appearance:none;background:#2563eb;border:2px solid #93c5fd;border-radius:50%;width:18px;height:18px}input[type=range].range::-moz-range-thumb{background:#2563eb;border:2px solid #93c5fd;border-radius:50%;width:18px;height:18px}.flex-pair{gap:8px;display:flex}.flex-pair>div{flex:1}.worksites-summary .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.worksites-summary .subline{opacity:.7;font-size:12px}.pac-container{color:#e5e7eb!important;z-index:50000!important;background:#0b0f17!important;border:1px solid #1f2937!important;border-radius:10px!important;font-family:inherit!important;box-shadow:0 10px 30px #00000059!important}.pac-item{color:#e5e7eb!important;border-top:1px solid #ffffff0f!important;padding:10px 12px!important}.pac-item:first-child{border-top:0!important}.pac-container:after{display:none}.leaflet-control-attribution{color:#9ca3af;background:#0b0f17d9;border-radius:6px}.leaflet-control-zoom{box-shadow:none!important;border:1px solid #1f2937!important}.leaflet-bar a,.leaflet-bar a:hover{color:#e5e7eb;background:#0b0f17;border-bottom:1px solid #1f2937;width:32px;height:32px;line-height:32px}.leaflet-bar a:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.leaflet-bar a:last-child{border-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.worksites-manager{--ws-surface:#0b0f17;--ws-surface-2:#0f172a;--ws-border:#1f2937;--ws-text:#e5e7eb;--ws-muted:#9ca3af;--ws-primary:#60a5fa}.worksites-manager .ws-map{border:1px solid var(--ws-border);border-radius:12px;width:100%;height:380px;margin:8px 0 12px;overflow:hidden}.worksites-manager .ws-status{opacity:.9;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.worksites-manager .ws-status__err{color:#f87171}.worksites-manager .ws-grid{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr);align-items:end;gap:14px;margin-bottom:8px;display:grid}.worksites-manager .form-row{flex-direction:column;gap:6px;display:flex}.worksites-manager .form-row>label{color:var(--ws-text);opacity:.9;font-size:13px}.worksites-manager .hint{color:var(--ws-muted);font-size:12px}.worksites-manager .checkbox{color:var(--ws-muted);align-items:center;gap:8px;font-size:13px;display:flex}.worksites-manager .checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--ws-primary)}.worksites-manager .ws-range{align-items:center;gap:10px;display:flex}.worksites-manager .ws-flex{grid-template-columns:1fr 1fr;gap:10px;display:grid}.worksites-manager .ws-actions{align-items:center;gap:8px;margin:8px 0 16px;display:flex}.worksites-manager .ws-actions .spacer{flex:1}.worksites-manager .ws-list-title,.worksites-manager .ws-list{margin-top:8px}.worksites-grid{flex-direction:column;gap:20px;display:flex}.form-row{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;align-items:end;gap:12px;margin-bottom:8px;display:grid}@media (max-width:880px){.form-grid-2{grid-template-columns:1fr}}.worksites-list{margin-top:8px}.worksites-summary .name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-weight:600;overflow:hidden}.worksites-actions{justify-content:flex-end;gap:6px;display:flex}.pac-icon{filter:invert(50%);opacity:.8}.leaflet-control-attribution{background:var(--card);color:var(--muted);border-radius:6px}.leaflet-control-attribution a{color:var(--accent1)}.leaflet-control-zoom{border:1px solid var(--border)!important;box-shadow:none!important}.leaflet-bar a,.leaflet-bar a:hover{background:var(--card);width:32px;height:32px;color:var(--text);border-bottom:1px solid var(--border);line-height:32px}.leaflet-bar a:hover{background:var(--input-bg)}.worksites-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:900px){.worksites-grid{grid-template-columns:1.2fr .8fr}}.worksites-map{border:1px solid var(--border);background:var(--input-bg);border-radius:10px;width:100%;height:360px;margin-bottom:12px;overflow:hidden}.worksites-item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.worksites-item:last-child{border-bottom:none}.worksites-summary .name{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:600}.worksites-summary .subline{opacity:.7;color:var(--muted);font-size:12px}.worksites-actions{gap:8px;display:flex}.label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.pac-container{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;z-index:9999!important;border-radius:10px!important;font-family:inherit!important}.pac-item{border-top:1px solid var(--border)!important;color:var(--text)!important;padding:10px!important}.pac-item:hover{background:var(--input-bg)!important}.pac-item-query{color:var(--accent1)!important}.onb-page{background:var(--bg);min-height:100vh;color:var(--text);padding-bottom:100px;font-family:Inter,sans-serif}.onb-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.onb-title{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.onb-hero{padding:24px}.onb-hero h1{margin:0 0 8px;font-size:28px;font-weight:800}.onb-hero p{color:var(--muted);margin:0;font-size:14px}.onb-progress-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;margin:0 24px 24px;padding:20px;position:relative;overflow:hidden}.onb-progress-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.onb-progress-val{background:linear-gradient(135deg,#fff,var(--accent1));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800;line-height:1}.onb-progress-label{color:var(--muted);font-size:13px;font-weight:500}.onb-progress-icon{width:32px;height:32px;color:var(--accent1);background:#60a5fa26;border-radius:50%;justify-content:center;align-items:center;display:flex}.onb-progress-track{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.onb-progress-fill{background:linear-gradient(90deg,var(--accent1),var(--accent2));border-radius:10px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #60a5fa99}.onb-tabs{scrollbar-width:none;gap:12px;margin-bottom:24px;padding:0 24px;display:flex;overflow-x:auto}.onb-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:99px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.onb-tab.active{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 4px 12px #0000004d}.onb-tasks{flex-direction:column;gap:16px;padding:0 24px;display:flex}.onb-card{background:var(--card);border:1px solid #ffffff0d;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.onb-card.expanded{border-color:#60a5fa80;box-shadow:0 0 0 1px #60a5fa1a,0 10px 30px -10px #00000080}.onb-card.expanded:before{content:"";background:linear-gradient(to bottom,var(--accent1),var(--accent2));width:4px;height:100%;position:absolute;top:0;left:0}.onb-card-header{cursor:pointer;align-items:center;gap:16px;padding:20px;display:flex}.onb-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.onb-card.completed .onb-icon-box{color:var(--ok);background:#22c55e26}.onb-card.expanded .onb-icon-box{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 0 15px var(--accent1-glow)}.onb-card:not(.expanded):not(.completed) .onb-icon-box{color:var(--muted);background:#ffffff0d}.onb-info{flex:1}.onb-task-title{margin-bottom:4px;font-size:15px;font-weight:700}.onb-task-status{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.status-badge{align-items:center;gap:6px;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.onb-body{border-top:1px solid #ffffff0d;margin-top:-8px;padding:20px 20px 24px}.onb-desc{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.5}.onb-sig-card{background:#0000004d;border:1px dashed #fff3;border-radius:16px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.onb-sig-card:before{content:"";opacity:.6;pointer-events:none;background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.onb-sig-label{text-transform:uppercase;color:var(--accent1);letter-spacing:1px;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.onb-sig-canvas{cursor:crosshair;touch-action:none;z-index:2;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:180px;position:relative}.onb-sig-placeholder{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Times New Roman,serif;font-size:24px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%)}.onb-sig-actions{gap:10px;margin-top:12px;display:flex}.onb-action-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.onb-action-btn:active{transform:scale(.98)}.btn-neon{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 4px 15px #60a5fa66}.btn-review{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:16px}.onb-file-label{width:100%;display:block}.onb-footer{background:linear-gradient(to top,var(--bg)80%,transparent);z-index:100;justify-content:center;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.onb-finalize-btn{background:var(--text);width:100%;max-width:500px;color:var(--bg);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 30px #00000080}.onb-finalize-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.kiosk-container{color:#fff;z-index:9999;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.kiosk-header{position:absolute;top:40px;left:40px}.kiosk-org-name{margin:0;font-size:2rem;font-weight:600}.kiosk-subtitle{opacity:.6}.kiosk-pin-container{width:100%;max-width:360px}.kiosk-pin-prompt{text-align:center;margin-bottom:40px;font-size:24px;font-weight:500}.kiosk-pin-display{text-align:center;letter-spacing:16px;justify-content:center;align-items:center;height:60px;margin-bottom:40px;font-size:48px;display:flex}.kiosk-error-msg{color:var(--danger,#ff4d4f);text-align:center;height:24px;margin-bottom:16px}.kiosk-numpad{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kiosk-num-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:40px;height:80px;font-size:28px;transition:background .2s}.kiosk-num-btn:active{background:#444}.kiosk-backspace-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:40px;height:80px;font-size:24px}.kiosk-action-screen{text-align:center;width:100%;max-width:500px}.kiosk-greeting{margin-bottom:10px;font-size:2.5rem}.kiosk-instruction{opacity:.6;margin-bottom:60px}.kiosk-action-stack{flex-direction:column;gap:20px;display:flex}.kiosk-action-btn{cursor:pointer;border:none;border-radius:20px;padding:30px;font-size:24px;font-weight:600}.kiosk-btn-start-shift{background:var(--ok,#52c41a);color:#000}.kiosk-btn-end-break{background:var(--warn,#faad14);color:#000}.kiosk-btn-start-break{color:#000;background:#ffb020}.kiosk-btn-end-shift{background:var(--danger,#ff4d4f);color:#fff}.kiosk-btn-cancel{color:#aaa;cursor:pointer;background:0 0;border:none;margin-top:20px;padding:20px;font-size:18px}.kiosk-camera-container{flex-direction:column;align-items:center;gap:30px;display:flex}.kiosk-camera-view{border:4px solid #fff;border-radius:200px;width:400px;height:400px;position:relative;overflow:hidden}.kiosk-video{object-fit:cover;width:100%;height:100%}.kiosk-camera-msg{font-size:24px;font-weight:500}.kiosk-capture-actions{gap:20px;display:flex}.kiosk-btn-capture{color:#000;cursor:pointer;background:#fff;border:none;border-radius:40px;padding:20px 60px;font-size:24px;font-weight:700}.kiosk-btn-back{color:#aaa;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:18px}.roster-layout{flex-direction:column;gap:20px;height:calc(100vh - 140px);min-height:600px;display:flex;overflow:hidden}.roster-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.roster-title{color:var(--text);letter-spacing:-.02em;font-size:24px;font-weight:800}.roster-subtitle{color:var(--muted);font-size:14px}.roster-grid{grid-template-columns:280px 1fr 280px;gap:24px;height:100%;display:grid;overflow:hidden}.roster-col{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.col-title{color:var(--text);padding:0 4px;font-size:18px;font-weight:700}.staff-card{background:var(--card);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.staff-card:hover{border-color:var(--accent1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.staff-card:active{cursor:grabbing}.staff-card.assigned{opacity:.5;background:0 0;border-style:dashed}.staff-card.selected{border-color:var(--accent1);box-shadow:0 0 0 2px var(--accent1);background:#60a5fa1a}.staff-card.unavailable{opacity:.7;background:#ef44440d;border-color:#ef444433;cursor:not-allowed!important}.staff-card.unavailable:hover{box-shadow:none;border-color:#ef444433;transform:none}.avatar{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.site-card{background:var(--input-bg);border:2px dashed var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;min-height:120px;padding:20px;transition:all .2s;display:flex}.site-card.drag-over{border-color:var(--accent1);background:#60a5fa1a;transform:scale(1.02)}.site-card.tap-target{border-color:var(--accent1);background:#60a5fa0d;animation:2s infinite pulse}@keyframes pulse{0%{border-color:var(--border)}50%{border-color:var(--accent1)}to{border-color:var(--border)}}.site-name{color:var(--text);font-size:16px;font-weight:700}.time-card{background:var(--card);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:16px;font-weight:600;transition:all .2s}.time-card:hover{border-color:var(--accent1);color:var(--accent1)}.shift-pill{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.shift-pill.staged{border-left-color:var(--accent1);background:#60a5fa14;border-style:dashed}.shift-pill.cancelled{border-left-color:var(--muted);opacity:.6;background:#0000000d;text-decoration:line-through}.date-nav{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.date-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.date-btn:hover{background:var(--hover);color:var(--text)}.date-display{padding:0 12px;font-size:14px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border:1px solid var(--border);width:90%;max-width:420px;box-shadow:var(--shadow);border-radius:20px;padding:24px;animation:.2s slideUp}.roster-presence-bar{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.pulse-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}.presence-text{color:var(--ok);flex:1;font-size:13px;font-weight:600}.avatars-stack{margin-left:auto;display:flex}.mini-avatar{background:var(--accent2);color:#fff;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-8px;font-size:10px;display:flex}@keyframes pulse-green{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width:900px){.roster-grid{flex-direction:column;gap:16px;display:flex;overflow-y:auto}.roster-col:first-child{border-bottom:1px solid var(--border);flex-direction:row;flex-shrink:0;gap:12px;min-height:auto;margin-bottom:4px;padding-bottom:12px;overflow-x:auto}.staff-card{flex-shrink:0;min-width:200px}.roster-col:nth-child(2){flex:1;overflow-y:visible}.presets-col{order:3;padding-bottom:40px}@media (max-width:600px){.presets-col{display:none}}}