/* Fluent / Dynamics-inspired administrative treatment using Cafeteria theme variables */
body:not(.landing-page):not(.student-auth-page) .main{background:var(--page-bg)}
body:not(.landing-page):not(.student-auth-page) .content{max-width:1720px;margin:auto}
body:not(.landing-page):not(.student-auth-page) .sidebar{background:#0f172b;border-right:1px solid #24344d}
body:not(.landing-page):not(.student-auth-page) .nav-item{border-radius:6px;margin:2px 8px;width:calc(100% - 16px);transition:background .16s,color .16s}
body:not(.landing-page):not(.student-auth-page) .nav-item.active{background:#0065ff;box-shadow:inset 3px 0 0 #9dcaff}
body:not(.landing-page):not(.student-auth-page) .topbar{background:var(--surface);border-bottom:1px solid var(--line)}
body:not(.landing-page):not(.student-auth-page) .panel,body:not(.landing-page):not(.student-auth-page) .stat{background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 3px #0f172b08}
body:not(.landing-page):not(.student-auth-page) .page-heading h1{font-weight:700;letter-spacing:-.7px;color:var(--text-primary)}
body:not(.landing-page):not(.student-auth-page) button.primary{background:#0065ff;color:white;border-color:#0065ff;border-radius:6px}
body:not(.landing-page):not(.student-auth-page) .table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px}
body:not(.landing-page):not(.student-auth-page) table{border-collapse:collapse;width:100%;min-width:630px}
body:not(.landing-page):not(.student-auth-page) th{background:var(--surface-subtle);font-weight:650;color:var(--text-secondary);white-space:nowrap;font-size:12px}
body:not(.landing-page):not(.student-auth-page) tbody tr:hover{background:var(--accent-soft)}
body:not(.landing-page):not(.student-auth-page) td{vertical-align:middle}
.admin-table-pager{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;color:var(--text-secondary);font-size:12px;flex-wrap:wrap}
.pager-actions{display:flex;align-items:center;gap:10px}.pager-actions label{display:flex;align-items:center;gap:5px}.pager-actions select{width:66px;padding:5px;border:1px solid var(--line)}.pager-actions button{min-width:35px;padding:6px 10px;border:1px solid var(--line);border-radius:5px}
.admin-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.admin-key-panel{min-width:0}.admin-key-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.admin-key-panel .panel-heading p{color:var(--text-secondary);font-size:12px;margin:7px 0}.admin-shield{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:7px 12px;font-size:11px}
.admin-service{padding:22px 0;border-top:1px solid var(--line)}.admin-service:first-child{border-top:0}.admin-service-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-service-head h3{margin:0 0 5px;font-size:15px}.admin-service-head p{margin:0 0 15px;font-size:12px;color:var(--text-secondary);line-height:1.6}.service-state{flex-shrink:0;font-size:11px;color:var(--text-secondary);border:1px solid var(--line);border-radius:15px;padding:5px 9px}.service-state.connected{color:var(--positive);background:var(--positive-soft);border-color:transparent}.admin-service form{max-width:650px}.admin-service label{font-size:12px}.admin-service input{margin-top:6px}.admin-service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-service-actions button{padding:9px 15px}.admin-service-actions small{color:var(--text-secondary)}.admin-service-actions .remove-secret{color:var(--danger-text)}.admin-help-panel{position:sticky;top:84px}.admin-help-panel h3{margin-top:15px}.admin-help-panel p,.admin-help-panel li{font-size:12px;line-height:1.7;color:var(--text-secondary)}.admin-help-panel ol{padding-left:18px}.admin-help-panel a{display:block;margin-top:12px;font-size:12px;color:var(--accent)}.help-icon{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--accent-soft);color:var(--accent);border-radius:8px;font-size:22px}
@media(max-width:1000px){.admin-settings-layout{grid-template-columns:1fr}.admin-help-panel{position:static}}
@media(max-width:680px){.admin-service-head{flex-wrap:wrap}.admin-key-panel,.admin-help-panel{padding:16px}.admin-table-pager{align-items:flex-start}.pager-actions{flex-wrap:wrap}.admin-service-actions button{flex:1}.admin-service-head p{margin-bottom:8px}}