::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000014;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000026}.sidebar::-webkit-scrollbar-thumb{background:#0000000a}:root{--bg: #f4f7fc;--bg-2: #edf2f9;--card: #ffffff;--text: #0f172a;--muted: #64748b;--brand: #2d7ff9;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--chip: #f1f5f9;--line: rgba(0, 0, 0, .08);--font-main: "Inter", system-ui, -apple-system, sans-serif;--size-xs: 11px;--size-sm: 13px;--size-base: 14px;--size-lg: 16px;--size-xl: 18px;--size-2xl: 24px;--size-3xl: 30px;--size-4xl: 36px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-main);background:linear-gradient(135deg,#f5f7ff,#eef2ff);color:var(--text);font-size:var(--size-base)}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;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.page-shell.sidebar-collapsed{grid-template-columns:0px 1fr!important}.sidebar{background:#f8fafc;border-right:1px solid var(--line);padding:8px 20px 24px;display:flex;flex-direction:column;gap:10px;overflow:hidden;height:100vh;box-shadow:4px 0 24px #081a3605;transition:padding .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .3s ease;width:280px}.page-shell.sidebar-collapsed .sidebar{width:0!important;padding:24px 0!important;border-right:none!important;opacity:0!important;pointer-events:none}.brand{display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:4px;transition:all .3s ease}.close-sidebar-btn{background:transparent;border:1px solid transparent;color:var(--muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-sidebar-btn:hover{background:#0000000a;color:var(--text);border-color:#0000000a}.open-sidebar-btn{position:fixed;left:20px;top:18px;z-index:1000;width:38px;height:38px;background:#fff;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;box-shadow:0 4px 12px #081a3614;transition:all .2s ease;animation:fadeIn .2s ease}.open-sidebar-btn:hover{background:#f8fafc;transform:scale(1.05);box-shadow:0 6px 16px #081a361f;color:var(--brand)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translate(-5px)}to{opacity:1;transform:scale(1) translate(0)}}.user-card{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000004}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:16px;flex-shrink:0}.user-meta{display:flex;flex-direction:column;flex:1;min-width:0}.user-meta>div{font-weight:700;font-size:12px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .subtitle{color:var(--muted);font-size:10px;margin-top:1px}.nav-links{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0;margin:10px 0}.nav-links::-webkit-scrollbar{width:4px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}.nav-link{padding:12px 14px;border-radius:14px;color:#475569;border:1px solid transparent;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px;transition:all .2s ease}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;color:#64748b;flex-shrink:0}.nav-link:hover{background:#00000008;color:#0f172a}.nav-link:hover .nav-icon{color:#334155}.nav-link.active{background:linear-gradient(135deg,#5c72ff,#8c75ff);color:#fff;box-shadow:0 4px 12px #5c72ff33}.nav-link.active .nav-icon{color:#fff}.content-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content{padding:16px 20px;overflow:auto;height:100vh;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.page-shell.sidebar-collapsed .content{padding-left:76px}.filters,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.input,.select,.btn{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;box-shadow:0 2px 4px #00000005}.input,.select{min-width:180px}.btn{cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(180deg,#3287ff,#216ce8);color:#fff;border-color:#216ce8}.btn.success{background:linear-gradient(180deg,#41c77d,#289f5d);color:#fff;border-color:#289f5d}.btn.warning{background:linear-gradient(180deg,#f8c35e,#ec9c29);color:#16233c;border-color:#ec9c29}.btn.danger{background:linear-gradient(180deg,#f36c76,#d94a56);color:#fff;border-color:#d94a56}.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:14px;box-shadow:0 8px 24px #081a3605}.grid{display:grid;gap:12px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{padding:18px;border-radius:18px;background:#00000005;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:middle}.table th{color:#64748b;font-weight:700;font-size:12px;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:#10b9811f;color:#059669}.chip.warning{background:#f59e0b1f;color:#d97706}.chip.danger{background:#ef44441f;color:#dc2626}.chip.info{background:#2d7ff91f;color:#0284c7}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:14px 16px;border-radius:16px;background:#00000004;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:#00000004;border:1px solid var(--line)}.progress{height:10px;border-radius:99px;background:#0000000f;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:#00000005;border:1px solid var(--line)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-col{padding:14px;border-radius:18px;background:#00000004;border:1px solid var(--line)}.task-card,.door-card,.event-card{padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.06);margin-bottom:12px;box-shadow:0 4px 10px #00000003}.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:#fff;border:1px solid rgba(0,0,0,.06);padding:8px;font-size:12px;box-shadow:0 2px 4px #00000003}.spot.occupied{background:#2d7ff914;border-color:#2d7ff933}.spot.alert{background:#ef444414;border-color:#ef444433}.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:#fff;border:1px solid rgba(0,0,0,.06);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #081a3614}.login-hero{padding:40px;background:radial-gradient(circle at top left,rgba(45,127,249,.08),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(0,0,0,.08);padding:18px;background:radial-gradient(circle at 50% 0%,#1e293b,#0f172a);color:#fff;box-shadow:0 10px 30px #00000008}.error{color:#dc2626;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}.brand-logo{display:none!important}.brand{justify-content:center!important;margin-left:0!important;margin-top:0!important}}@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}.open-sidebar-btn,.close-sidebar-btn{display:none!important}}option{background-color:#fff;color:var(--text)}