:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-hover:#222535;--bg-input:#161821;--border:#2a2d3a;--border-light:#353849;--coral:#e85d5d;--coral-light:#f28b8b;--coral-dim:#e85d5d1f;--green:#4ade80;--green-dim:#4ade801f;--yellow:#facc15;--yellow-dim:#facc151f;--blue:#60a5fa;--blue-dim:#60a5fa1f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--text:#e8e9ed;--text-muted:#8b8fa3;--text-dim:#5a5e72;--white:#fff;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Outfit", -apple-system, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:3rem 2.5rem}.login-card h1{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.8rem}.login-card .subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.login-card .pin-icon{margin-bottom:1.5rem}.form-group{text-align:left;margin-bottom:1rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.form-group input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus{border-color:var(--coral)}.login-btn{background:var(--coral);width:100%;color:var(--white);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.login-btn:hover{background:#d44d4d}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--coral);background:var(--coral-dim);border-radius:var(--radius-sm);margin-top:1rem;padding:.5rem;font-size:.85rem}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:240px;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:.6rem;margin-bottom:2rem;padding:0 1.5rem;display:flex}.sidebar-logo h2{font-family:var(--font-display);color:var(--text);font-size:1.3rem}.sidebar-logo span{background:var(--coral-dim);color:var(--coral);text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.sidebar-nav{flex:1}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;width:100%;font-size:.9rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.7rem 1.5rem;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:var(--bg-hover)}.nav-item.active{color:var(--coral);background:var(--coral-dim);border-left-color:var(--coral)}.nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.sidebar-user{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.8rem;overflow:hidden}.logout-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;padding:.4rem .8rem;transition:all .15s}.logout-btn:hover{border-color:var(--coral);color:var(--coral)}.main{flex:1;margin-left:240px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.8rem}.page-header p{color:var(--text-muted);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.stat-card .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.stat-card .value{font-family:var(--font-display);font-size:2rem;line-height:1}.stat-card .change{margin-top:.4rem;font-size:.8rem}.stat-coral .value{color:var(--coral)}.stat-green .value{color:var(--green)}.stat-blue .value{color:var(--blue)}.stat-purple .value{color:var(--purple)}.stat-yellow .value{color:var(--yellow)}.table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.table-header h3{font-size:1rem;font-weight:600}.table-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:var(--font-body);outline:none;width:220px;padding:.5rem .75rem}.table-search:focus{border-color:var(--coral)}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1.5rem;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.avatar{object-fit:cover;background:var(--border);border-radius:50%;width:32px;height:32px}.user-cell{align-items:center;gap:.75rem;display:flex}.user-cell .name{font-weight:500}.user-cell .handle{color:var(--text-muted);font-size:.8rem}.badge{border-radius:100px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-coral{background:var(--coral-dim);color:var(--coral)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.chart-card h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.charts-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.map-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s}.map-card:hover{border-color:var(--border-light)}.map-card .emoji{margin-bottom:.5rem;font-size:1.5rem}.map-card h4{margin-bottom:.25rem;font-size:1rem}.map-card .meta{color:var(--text-muted);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.map-card .desc{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;line-height:1.4}.notif-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;display:flex}.notif-card .icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.notif-card .content{flex:1}.notif-card .title{font-size:.9rem;font-weight:500}.notif-card .body{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.notif-card .time{color:var(--text-dim);margin-top:.25rem;font-size:.75rem}.notif-unread{border-left:3px solid var(--coral)}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--coral);border-radius:50%;width:24px;height:24px;margin-right:.75rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.empty-state .icon{margin-bottom:1rem;font-size:2.5rem}@media (width<=768px){.sidebar{width:60px;padding:1rem 0}.sidebar-logo h2,.sidebar-logo span,.nav-item span,.sidebar-user{display:none}.sidebar-logo{justify-content:center;padding:0}.nav-item{border-left:none;justify-content:center;padding:.7rem}.main{margin-left:60px;padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}}