*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#0e1117;color:#e6edf3;font-family:-apple-system,Inter,system-ui,sans-serif;font-size:14px}a{color:#4cc9f0;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0e1117}::-webkit-scrollbar-thumb{background:#2a2f3a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a4050}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#161b22;border-right:1px solid #2a2f3a;padding:20px;flex-shrink:0;overflow-y:auto}.main{flex:1;padding:24px 32px;overflow-y:auto}.section-title{font-size:18px;font-weight:600;margin:0 0 16px}.caption{color:#8b949e;font-size:12px;margin:8px 0}.divider{border:0;border-top:1px solid #2a2f3a;margin:20px 0}.row{display:flex;gap:16px;flex-wrap:wrap}.card{background:#161b22;border:1px solid #2a2f3a;border-radius:8px;padding:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.metric-card{background:#161b22;border:1px solid #2a2f3a;border-radius:8px;padding:16px}.metric-label{color:#8b949e;font-size:12px;margin-bottom:4px}.metric-value{font-size:22px;font-weight:600}.form-card{max-width:380px;margin:60px auto;background:#161b22;border:1px solid #2a2f3a;border-radius:12px;padding:32px}.form-card h2{margin:0 0 8px;text-align:center}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:#8b949e;margin-bottom:6px}.field input{width:100%;padding:10px 12px;background:#0e1117;border:1px solid #2a2f3a;border-radius:6px;color:#e6edf3;font-size:14px}.field input:focus{outline:none;border-color:#4cc9f0}.btn{width:100%;padding:11px;background:#4cc9f0;color:#000;border:0;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer}.btn:hover{background:#6fd5f5}.btn-secondary{background:#2a2f3a;color:#e6edf3}.btn-secondary:hover{background:#3a4050}.err{color:#ff7b7b;font-size:13px;margin-top:8px;text-align:center}.nav-item{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;color:#e6edf3;border:0;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:4px}.nav-item:hover{background:#21262d}.nav-item.active{background:#1f6feb33;color:#4cc9f0}.session-row .session-del{visibility:hidden;color:#8b949e;font-size:11px;padding:0 4px;border-radius:4px;flex-shrink:0}.session-row:hover .session-del{visibility:visible}.session-row .session-del:hover{color:#ff7b7b;background:#30363d}.nav-section{color:#8b949e;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}select,.sel{width:100%;padding:8px 10px;background:#0e1117;border:1px solid #2a2f3a;border-radius:6px;color:#e6edf3;font-size:13px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;padding:10px 8px;color:#8b949e;font-weight:500;border-bottom:1px solid #2a2f3a;white-space:nowrap}table.data td{padding:8px;border-bottom:1px solid #21262d;white-space:nowrap}table.data tr:hover{background:#161b2255}.loading{text-align:center;padding:40px;color:#8b949e}