:root{--midnight-bg:#0d1117;--midnight-surface:#161b22;--midnight-border:#30363d;--midnight-text:#c9d1d9;--midnight-text-muted:#8b949e;--midnight-primary:#58a6ff;--midnight-header:#010409}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.midnight-container{display:flex;height:100vh;width:100vw;background-color:var(--midnight-bg);color:var(--midnight-text);overflow:hidden}.midnight-sidebar{width:260px;background-color:var(--midnight-surface);border-right:1px solid var(--midnight-border);display:flex;flex-direction:column;transition:width .2s ease}.midnight-sidebar.collapsed{width:64px}.sidebar-header{height:60px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--midnight-border)}.logo-text{font-size:1.2rem;letter-spacing:1px;display:flex;gap:2px}.sidebar-nav{padding:20px 0;flex:1 1;overflow-y:auto}.nav-category{padding:10px 20px;font-size:.75rem;font-weight:700;color:var(--midnight-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--midnight-text);text-decoration:none;font-size:.9rem;transition:background .2s}.nav-item.active,.nav-item:hover{background-color:rgba(88,166,255,.1);color:var(--midnight-primary);border-left:3px solid var(--midnight-primary)}.nav-item.active{font-weight:600}.midnight-main{flex:1 1;display:flex;flex-direction:column}.midnight-topbar{height:60px;background-color:var(--midnight-header);border-bottom:1px solid var(--midnight-border);justify-content:space-between;padding:0 20px}.midnight-topbar,.search-bar{display:flex;align-items:center}.search-bar{gap:10px;background-color:var(--midnight-surface);border:1px solid var(--midnight-border);padding:6px 12px;border-radius:6px;width:400px}.search-bar input{background:transparent;border:none;color:var(--midnight-text);width:100%;outline:none;font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:transparent;border:none;color:var(--midnight-text-muted);cursor:pointer;display:flex}.icon-btn:hover{color:var(--midnight-text)}.user-profile{gap:8px;font-size:.9rem}.avatar,.user-profile{display:flex;align-items:center}.avatar{width:28px;height:28px;border-radius:50%;background-color:var(--midnight-primary);color:white;justify-content:center;font-weight:700;font-size:.8rem}.exit-btn{display:flex;align-items:center;gap:6px;color:#f85149;text-decoration:none;font-size:.9rem;font-weight:600;padding:6px 12px;border-radius:6px;transition:background .2s}.exit-btn:hover{background:rgba(248,81,73,.1)}.midnight-content{flex:1 1;padding:24px;overflow-y:auto}.midnight-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.midnight-widget{background-color:var(--midnight-surface);border:1px solid var(--midnight-border);border-radius:8px;padding:20px}.widget-title{font-size:.9rem;font-weight:600;color:var(--midnight-text-muted);margin:0 0 16px;text-transform:uppercase}.widget-value{font-size:2.5rem;font-weight:300;color:var(--midnight-primary);margin:0}