*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080b;--bg-card:#101015;--bg-elevated:#16161d;--bg-input:#1a1a22;--border:#ffffff14;--border-strong:#ffffff24;--text:#f5f5f7;--text-secondary:#ffffff9e;--text-muted:#fff6;--accent:#3d7fff;--accent-soft:#3d7fff24;--accent-line:#3d7fff4d;--good:#22c55e;--danger:#f0616d;--radius:14px;--radius-sm:10px;--font-sans:"Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Source Serif 4", Georgia, serif}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#0c0c11,#08080b);flex-direction:column;width:232px;padding:26px 16px;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto}.sidebar-header h2{letter-spacing:-.5px;margin-bottom:28px;font-size:19px;font-weight:800}.accent{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);padding:9px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.nav-item:hover{color:var(--text);background:var(--bg-elevated)}.nav-item.active{color:#fff;background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);opacity:.6;padding:16px 14px 6px;font-size:10.5px}.logout-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;margin-top:auto;padding:10px;font-family:inherit;font-size:13px}.logout-btn:hover{color:var(--danger);border-color:var(--danger)}.main-content{flex:1;max-width:1240px;margin-left:232px;padding:36px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-header h1{font-family:var(--font-serif);letter-spacing:-.5px;font-size:30px;font-weight:500;line-height:1.1}.page-header h1 em{color:var(--accent);font-style:italic}.page-header p{color:var(--text-muted);margin-top:4px;font-size:13.5px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:22px}.card-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:18px;font-size:12px;font-weight:600}.grid{gap:18px;margin-bottom:18px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.span-2{grid-column:span 2}@media (width<=900px){.grid-2,.grid-3,.span-2{grid-column:auto;grid-template-columns:1fr}}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:20px 22px;text-decoration:none;transition:border-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.kpi:hover{border-color:var(--border-strong);transform:translateY(-2px)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.kpi-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:34px;font-weight:700}.kpi-value.accent-num{color:var(--accent)}.kpi-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.kpi-delta{align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.kpi-delta.up{color:var(--good)}.kpi-delta.down{color:var(--danger)}.chart-svg{width:100%;display:block;overflow:visible}.chart-grid-line{stroke:var(--border);stroke-width:1px}.chart-axis-label{fill:var(--text-muted);font-size:11px;font-family:var(--font-sans)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-crosshair{stroke:var(--accent-line)}.chart-dot{fill:var(--accent)}.chart-empty{color:var(--text-muted);text-align:center;padding:40px 0;font-size:13px}.hbar-row{margin-bottom:14px}.hbar-head{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.hbar-head .muted{color:var(--text-muted);font-variant-numeric:tabular-nums}.hbar-track{background:var(--bg-input);border-radius:5px;height:9px;overflow:hidden}.hbar-fill{background:var(--accent);border-radius:5px;height:9px;transition:width .4s}.conv-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:24px;margin-top:18px;padding-top:18px;display:flex}.conv-item .n{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.conv-item .n.on{color:var(--accent)}.conv-item .n.off{color:var(--text-muted)}.conv-item .l{color:var(--text-muted);font-size:11.5px}.chart-tip{z-index:2000;pointer-events:none;background:var(--bg-elevated);border:1px solid var(--border-strong);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12.5px;position:fixed;box-shadow:0 8px 30px #00000080}.chart-tip .tip-day{color:var(--text-muted);margin-bottom:3px;font-size:11px}.chart-tip .tip-val{font-weight:600}.chart-tip .tip-val .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.map-wrap{position:relative}.map-country{fill:#1c1c24;stroke:#0c0c11;stroke-width:.4px;transition:fill .2s}.map-marker{fill:var(--accent);fill-opacity:.75;stroke:#cfe0ff;stroke-width:.6px}.geo-list{max-height:340px;overflow-y:auto}.geo-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.geo-row:last-child{border-bottom:none}.geo-flag{text-align:center;width:22px}.geo-name{flex:1}.geo-name .sub{color:var(--text-muted);font-size:11.5px}.geo-count{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:600}.form-row{margin-bottom:16px}.form-row label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-row input,.form-row textarea,.form-row select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}.form-row textarea{resize:vertical;min-height:80px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--text);color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-group{gap:8px;margin-top:16px;display:flex}.seg{background:var(--bg-input);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.seg button.on{background:var(--accent);color:#fff}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);padding:12px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{border-radius:100px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.badge-unread{background:var(--accent-soft);color:var(--accent)}.badge-read{color:var(--text-muted);background:#ffffff0f}.toast{border-radius:var(--radius-sm);z-index:1000;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast-success{background:var(--good);color:#000}.toast-error{background:var(--danger);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:100%;max-width:400px}.login-card h1{text-align:center;font-family:var(--font-serif);margin-bottom:24px;font-weight:500}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.dashboard-stat{text-align:center}.dashboard-stat .number{color:var(--accent);font-size:34px;font-weight:800}.dashboard-stat .label{color:var(--text-muted);font-size:13px}.skill-items-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.skill-chip{background:var(--bg-input);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.skill-chip img{width:18px;height:18px}.skill-chip button{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.file-upload{align-items:center;gap:16px;display:flex}.inline-form{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.inline-form input{flex:1}.loading-note{color:var(--text-muted);font-size:13px}.error-note strong{color:var(--danger)}.error-note code{background:var(--bg-input);border-radius:4px;padding:1px 6px;font-size:12px}@media (width<=768px){.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:16px;position:static}.sidebar-nav{flex-flow:wrap;gap:4px}.main-content{margin-left:0;padding:20px 16px}.layout{flex-direction:column}}