::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar::-webkit-scrollbar-thumb{background:#ffffff0d}:root{--bg:#081a36;--bg-2:#102a53;--card:#122d58;--text:#f4f7fb;--muted:#a8bbd7;--brand:#2d7ff9;--success:#38c172;--warning:#f5b545;--danger:#ef5c6a;--chip:#1d467f;--line:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#07162f,#0e2448 30%,#0a1d3e);color:var(--text)}body{overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.page-shell{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,#0b2f5f,#0a2348);border-right:1px solid var(--line);padding:22px 18px 18px;display:flex;flex-direction:column;gap:18px;overflow:hidden;height:100vh}.brand{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:700}.brand-mark{width:48px;height:48px;border:2px solid #d7e7ff;border-radius:10px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#d7e7ff}.brand-mark:before{inset:8px 20px 8px 8px;border-radius:4px}.brand-mark:after{inset:8px 8px 20px 20px;border-radius:4px}.user-card{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fff,#85a8ff)}.nav-links{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0}.nav-link{padding:14px 16px;border-radius:14px;color:#dbe7fb;border:1px solid transparent}.nav-link.active,.nav-link:hover{background:#2d7ff92e;border-color:#ffffff0f}.content-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content{padding:24px 28px;overflow:auto;height:100vh}.filters,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.input,.select,.btn{background:#ffffff0d;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px}.input,.select{min-width:180px}.btn{cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(180deg,#3287ff,#216ce8)}.btn.success{background:linear-gradient(180deg,#41c77d,#289f5d)}.btn.warning{background:linear-gradient(180deg,#f8c35e,#ec9c29);color:#16233c}.btn.danger{background:linear-gradient(180deg,#f36c76,#d94a56)}.card{background:linear-gradient(180deg,#143363f5,#10274df5);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 14px 50px #0000002e}.grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line)}.kpi .value{font-size:38px;font-weight:700;margin-top:8px}.two-col{grid-template-columns:2fr 1fr}.three-col{grid-template-columns:repeat(3,1fr)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:#c6d7f3;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--chip);font-size:12px;font-weight:700}.chip.success{background:#38c17233;color:#8cf0b2}.chip.warning{background:#f5b54533;color:#ffd37a}.chip.danger{background:#ef5c6a33;color:#ff9cab}.chip.info{background:#2d7ff933;color:#9cc2ff}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--line)}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.subtitle{color:var(--muted);margin-top:4px}.stat-row{display:flex;gap:12px;flex-wrap:wrap}.stat-box{flex:1;min-width:130px;padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line)}.progress{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#2d7ff9,#67b0ff)}.timeline{display:flex;gap:12px;align-items:center;overflow:auto}.timeline-step{min-width:180px;padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-col{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line)}.task-card,.door-card,.event-card{padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid var(--line);margin-bottom:12px}.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.map-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.spot{aspect-ratio:1/.65;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);padding:8px;font-size:12px}.spot.occupied{background:#2d7ff92e}.spot.alert{background:#ef5c6a2e}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(960px,100%);display:grid;grid-template-columns:1.2fr .8fr;background:linear-gradient(180deg,#0d264bfa,#081a36fa);border:1px solid var(--line);border-radius:28px;overflow:hidden}.login-hero{padding:40px;background:radial-gradient(circle at top left,rgba(45,127,249,.25),transparent 45%)}.login-form{padding:40px;display:flex;flex-direction:column;gap:14px;justify-content:center}.mobile-frame{max-width:420px;margin:auto;border-radius:28px;border:10px solid rgba(255,255,255,.08);padding:18px;background:#091936}.error{color:#ff9cab;font-size:13px}.muted{color:var(--muted)}@media (max-width:1200px){.kpi-grid,.door-grid,.three-col,.kanban,.two-col{grid-template-columns:1fr}.page-shell{grid-template-columns:92px 1fr}.sidebar .label,.sidebar .user-meta,.brand-text{display:none}}@media (max-width:768px){.page-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}.content{padding:16px}.login-card{grid-template-columns:1fr}}