@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0f172a;color:#fff}button,input,select{font:inherit}button{cursor:pointer}.dashboard{display:flex;min-height:100vh;background:#0f172a;transition:background .25s,color .25s}.sidebar{width:280px;flex-shrink:0;background:#1e293b;padding:1.5rem 1rem;transition:width .3s,padding .3s}.sidebar.closed{width:80px;padding:1.25rem .75rem}.sidebar-header{min-height:34px;display:flex;align-items:center;gap:.65rem;padding:0 .5rem;margin-bottom:2rem;overflow:hidden}.brand-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;color:#fff;background:linear-gradient(145deg,#60a5fa,#7c3aed);font-size:.85rem;font-weight:800}.brand-mark span{color:#a7f3d0}.sidebar-header h2{font-size:1.25rem;white-space:nowrap;color:#667eea}.sidebar.closed h2{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{position:relative;width:100%;min-height:46px;display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border:0;border-radius:10px;background:transparent;color:#94a3b8;text-align:left;transition:all .2s}.nav-icon{width:24px;flex:0 0 24px;display:inline-grid;place-items:center;font-size:1.05rem;filter:saturate(.8)}.nav-item:hover,.nav-item.active{background:#334155;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #60a5fa}.sidebar.closed .nav-item{justify-content:center;gap:0;padding:.7rem 0}.sidebar.closed .nav-item span:not(.nav-icon){display:none}.sidebar.closed .nav-item.active{box-shadow:none;background:#334155}.sidebar.closed .nav-item.active:after{content:"";position:absolute;right:-12px;width:3px;height:22px;border-radius:4px 0 0 4px;background:#60a5fa}.sidebar.closed .nav-item:hover:before{content:attr(title);position:absolute;z-index:10;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.45rem .6rem;border:1px solid #475569;border-radius:6px;color:#e2e8f0;background:#0f172a;white-space:nowrap;font-size:.75rem;box-shadow:0 8px 20px #0004}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.header{min-height:76px;display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#1e293b;border-bottom:1px solid #334155}.menu-btn{background:none;border:none;color:#fff;font-size:1.5rem}.header h1{font-size:1.25rem}.breadcrumb{color:#64748b;font-size:.7rem;margin-bottom:.2rem}.header-right{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.avatar{font-size:1.5rem}.notification-dot{color:#60a5fa;font-size:.8rem}.content{position:relative;padding:2rem;max-width:1440px;width:100%;margin:0 auto}.run-instructions{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border:1px solid #334155;border-radius:12px;background:linear-gradient(135deg,#243552,#1e293b)}.eyebrow{display:block;margin-bottom:.35rem;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.run-instructions h2{margin-bottom:.35rem;font-size:1.1rem}.run-instructions p,.page-intro p,.settings-card>p,.chart-panel p{color:#94a3b8;font-size:.875rem}.command-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.command-list code{padding:.5rem .65rem;border-radius:6px;background:#0f172a;color:#93c5fd;font-size:.78rem}.dismiss-button{grid-column:1 / -1;justify-self:start;padding:0;border:0;background:transparent;color:#94a3b8;font-size:.8rem}.dismiss-button:hover{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.metric-card{background:#1e293b;padding:1.5rem;border-radius:12px;border:1px solid transparent;transition:transform .2s,border-color .2s}.metric-card:hover{transform:translateY(-2px);border-color:#475569}.metric-card-topline{display:flex;align-items:center;justify-content:space-between}.metric-card h3{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.metric-icon{font-size:1.25rem}.metric-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.metric-change{font-size:.875rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.page-intro h2{font-size:1.6rem;margin-bottom:.45rem}.primary-button,.secondary-button{border-radius:8px;padding:.7rem 1rem;font-weight:600;transition:.2s}.primary-button{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.primary-button:hover{background:#2563eb}.secondary-button{color:#cbd5e1;background:#243552;border:1px solid #475569}.secondary-button:hover{border-color:#60a5fa;color:#fff}.panel{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem}.dashboard-summary{margin-top:1.5rem}.section-heading,.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading h2,.section-heading h3,.table-toolbar h3{margin-bottom:.25rem}.activity-list{margin-top:1rem}.activity-list>div{display:flex;align-items:center;gap:.8rem;padding:1rem 0;border-top:1px solid #334155}.activity-list>div>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-list small,table small,.setting-row small{display:block;color:#94a3b8;font-size:.75rem;margin-top:.25rem}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.activity-icon.green{color:#34d399;background:#064e3b}.activity-icon.blue{color:#60a5fa;background:#1e3a8a}.activity-icon.purple{color:#c084fc;background:#581c87}.panel+.panel{margin-top:1.5rem}.count-badge{display:inline-block;padding:.2rem .5rem;margin-left:.35rem;border-radius:20px;background:#334155;color:#93c5fd;font-size:.75rem}.search-input,.period-select,input,select{width:100%;padding:.7rem .8rem;color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:7px;outline:none}.search-input{max-width:260px}.search-input:focus,input:focus,select:focus{border-color:#60a5fa}table{width:100%;margin-top:1.25rem;border-collapse:collapse;text-align:left}th{color:#94a3b8;font-size:.75rem;font-weight:500;text-transform:uppercase}th,td{padding:1rem .75rem;border-bottom:1px solid #334155}td strong{display:block}.status{display:inline-block;padding:.3rem .6rem;border-radius:20px;font-size:.75rem}.status.success{color:#6ee7b7;background:#064e3b}.status.warning{color:#fcd34d;background:#78350f}.icon-button{color:#94a3b8;background:transparent;border:0}.empty-state{padding:2rem;color:#94a3b8;text-align:center}.user-form h3{margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid label,.settings-card label{display:flex;flex-direction:column;gap:.45rem;color:#cbd5e1;font-size:.8rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.registration-form{margin-bottom:1.5rem}.registration-fields{grid-template-columns:repeat(3,1fr);margin-top:1.25rem}.table-action{margin-right:.65rem;padding:.35rem 0;border:0;color:#93c5fd;background:transparent;font-size:.78rem}.table-action:hover{color:#fff;text-decoration:underline}.table-action.danger{color:#fca5a5}.report-stats{margin-bottom:1.5rem}.chart-panel{min-height:380px}.period-select{max-width:180px}.chart{position:relative;display:flex;height:260px;margin-top:2rem;padding:0 1rem 2rem 3.5rem;border-bottom:1px solid #475569;background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,#334155 51px)}.chart-grid{position:absolute;left:0;top:-8px;bottom:35px;display:flex;flex-direction:column;justify-content:space-between;color:#64748b;font-size:.7rem}.bars{width:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:.75rem}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.6rem}.bar{width:min(34px,75%);min-height:10px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#60a5fa,#3b82f6);transition:height .3s}.bar:hover{background:#93c5fd}.bar-column small{color:#64748b;font-size:.7rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.settings-card h3{margin-bottom:.4rem}.settings-card label{margin-top:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #334155}.setting-row span{display:block}.toggle{width:44px;height:24px;padding:3px;border:0;border-radius:20px;background:#475569}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#e2e8f0;transition:transform .2s}.toggle.on{background:#3b82f6}.toggle.on span{transform:translate(20px)}.save-button{margin-top:1.5rem}.toast{position:fixed;z-index:5;right:2rem;top:1.5rem;padding:.8rem 1rem;border:1px solid #10b981;border-radius:8px;color:#a7f3d0;background:#064e3b;box-shadow:0 10px 30px #0004}.light-theme{color:#0f172a;background:#f8fafc}.light-theme .sidebar,.light-theme .header,.light-theme .panel,.light-theme .metric-card{background:#fff}.light-theme .nav-item{color:#64748b}.light-theme .nav-item:hover,.light-theme .nav-item.active{color:#1e293b;background:#e2e8f0}.light-theme .header,.light-theme .panel,.light-theme .metric-card,.light-theme .settings-card{border-color:#e2e8f0}.light-theme input,.light-theme select,.light-theme .search-input{color:#1e293b;background:#fff;border-color:#cbd5e1}.light-theme .secondary-button{color:#334155;background:#f1f5f9}.light-theme .activity-list>div,.light-theme th,.light-theme td,.light-theme .setting-row{border-color:#e2e8f0}@media (max-width: 800px){.sidebar{width:80px;padding:1rem .75rem}.sidebar h2,.sidebar .nav-item span:not(:first-child){display:none}.content,.header{padding:1rem}.form-grid,.settings-grid,.registration-fields{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.run-instructions{grid-template-columns:1fr}.command-list{justify-content:flex-start}.table-wrap{overflow-x:auto}.table-toolbar{align-items:flex-start;flex-direction:column}.search-input{max-width:none}.toast{right:1rem;left:1rem;top:1rem}}