@import url("sgca-classification.css");
@import url("sgca-canonical-theme.css");
:root{--as-bg:#060c18;--as-side:#091426;--as-panel:#0e1b31;--as-panel2:#12213a;--as-line:#263a5c;--as-text:#f2f6ff;--as-muted:#91a3bf;--as-red:#ef4444;--as-purple:#9b6cff;--as-cyan:#34d7e7;--as-green:#3dd598;--as-orange:#f59e0b;--as-blue:#3b82f6;--as-shadow:0 18px 60px #0005}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#633bb32b,transparent 32%),var(--as-bg);color:var(--as-text);font:14px/1.5 Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#111;padding:.8rem 1rem;border-radius:.5rem}.admin-shell{min-height:100vh}.admin-side{position:fixed;inset:0 auto 0 0;width:270px;padding:1.25rem 1rem;background:linear-gradient(180deg,#0c1930,#07101f);border-right:1px solid var(--as-line);display:flex;flex-direction:column;z-index:20}.admin-brand{display:flex;gap:.8rem;align-items:center;padding:.35rem .5rem 1.2rem}.admin-brand img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:var(--as-muted);font-size:.72rem}.admin-nav{overflow:auto}.admin-nav h2{margin:1.1rem .7rem .35rem;color:#657895;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}.admin-nav a{display:flex;gap:.7rem;align-items:center;padding:.68rem .75rem;border-radius:.65rem;color:#a9b8cf}.admin-nav a:hover,.admin-nav a[aria-current=page]{background:#9b6cff20;color:#e4d9ff}.nav-icon{display:grid;place-items:center;width:24px;color:#9b6cff;font-weight:800}.admin-user{margin-top:auto;padding:1rem .65rem 0;border-top:1px solid var(--as-line);display:flex;gap:.65rem;align-items:center}.admin-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#9b6cff);font-weight:900}.admin-user div{flex:1}.admin-user strong,.admin-user small{display:block}.admin-user small{color:var(--as-muted)}.icon-button{border:1px solid var(--as-line);background:#ffffff08;color:var(--as-text);border-radius:.55rem;padding:.5rem;cursor:pointer}.admin-main{margin-left:270px;min-height:100vh}.admin-top{min-height:82px;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--as-line);background:#07101fe8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}.mobile-toggle{display:none}.top-title p{margin:0;color:var(--as-purple);font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.top-title h1{margin:.15rem 0;font-size:1.45rem}.top-actions{margin-left:auto;display:flex;gap:.6rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;width:min(330px,30vw);padding:.62rem .8rem;border:1px solid var(--as-line);border-radius:.65rem;background:#0b172b}.search-box input{width:100%;border:0;outline:0;background:none;color:inherit}.button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;border:1px solid var(--as-line);border-radius:.65rem;background:#ffffff08;color:var(--as-text);font-weight:800;cursor:pointer}.button:hover{border-color:#8f6bd5}.button.primary{background:linear-gradient(135deg,#8050e8,#9b6cff);border-color:transparent}.button.danger{background:#ef444420;border-color:#ef444466;color:#ffadb0}.admin-content{max-width:1540px;margin:auto;padding:1.6rem 2rem 3rem}.classification-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.access-chip,.role-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid;border-radius:999px;padding:.3rem .65rem;font-size:.68rem;font-weight:900;letter-spacing:.05em}.access-chip{color:var(--as-red);background:#ef444414}.role-chip{color:#ff8d91;background:#ef444414}.hero{padding:clamp(1.5rem,4vw,2.6rem);border:1px solid #563f7b;border-radius:1.2rem;background:radial-gradient(circle at 88% 25%,#9258ed33,transparent 30%),linear-gradient(135deg,#18294b,#101d35);box-shadow:var(--as-shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.eyebrow{margin:0;color:var(--as-cyan);font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h2{margin:.45rem 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06}.hero p{max-width:720px;color:#b0bdd1}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.kpi,.panel{border:1px solid var(--as-line);border-radius:1rem;background:linear-gradient(145deg,var(--as-panel2),var(--as-panel));box-shadow:0 10px 35px #0002}.kpi{padding:1.1rem;display:flex;gap:.9rem;align-items:center}.kpi-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:.8rem;background:#9b6cff1b;color:#c2aaff;font-weight:900}.kpi small,.kpi strong,.kpi em{display:block}.kpi small{color:var(--as-muted)}.kpi strong{font-size:1.65rem}.kpi em{color:var(--as-green);font-size:.72rem;font-style:normal}.page-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:1rem}.panel{padding:1.2rem;margin-top:1rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.panel-head h2{margin:0;font-size:1.1rem}.panel-head p{margin:.2rem 0 0;color:var(--as-muted);font-size:.8rem}.status-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.4rem;background:var(--as-green);box-shadow:0 0 12px currentColor}.status-dot.warning{background:var(--as-orange)}.status-dot.error{background:var(--as-red)}.chart{display:flex;align-items:end;gap:.55rem;height:220px;padding-top:1rem}.bar{flex:1;min-width:18px;border-radius:.4rem .4rem .15rem .15rem;background:linear-gradient(180deg,var(--as-cyan),#4672e6);position:relative}.bar span{position:absolute;inset:auto 0 -1.5rem;text-align:center;color:var(--as-muted);font-size:.65rem}.service-list,.alert-list,.quick-grid{display:grid;gap:.65rem}.service,.alert,.quick-card{padding:.85rem;border:1px solid #263957;border-radius:.75rem;background:#09172b}.service{display:flex;justify-content:space-between;gap:1rem}.service small,.alert p,.quick-card p{color:var(--as-muted);margin:.2rem 0}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{min-height:115px;display:flex;flex-direction:column}.quick-card strong{font-size:.95rem}.quick-card b{margin-top:auto;color:#c8b5ff;font-size:.75rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--as-line);border-radius:.6rem;background:#081529;color:var(--as-text);padding:.68rem .75rem}.toolbar input{flex:1;min-width:220px}.data-wrap{overflow:auto;border:1px solid var(--as-line);border-radius:.8rem}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:.8rem;border-bottom:1px solid #20324f;text-align:left}.data-table th{background:#0a172b;color:#8ea2bf;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.data-table tr:hover td{background:#ffffff03}.pill{display:inline-flex;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:800;background:#3dd59818;color:#77e8bc}.pill.pending{background:#f59e0b18;color:#ffc568}.pill.admin{background:#ef444418;color:#ff989c}.pill.student{background:#3b82f618;color:#86b4ff}.pill.teacher{background:#a855f718;color:#d5a6ff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-grid label{display:grid;gap:.35rem;color:#bac6d8;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:110px;resize:vertical}.notice{padding:.85rem;border:1px solid #34d7e74a;border-radius:.7rem;background:#34d7e710;color:#a9eef3}.empty{padding:2rem;text-align:center;color:var(--as-muted)}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem}.heatmap i{aspect-ratio:1;border-radius:.25rem;background:color-mix(in srgb,var(--as-purple) var(--heat,25%),#132038);min-width:12px}.funnel{display:grid;gap:.55rem}.funnel div{height:38px;margin:auto;border-radius:.4rem;display:grid;place-items:center;background:linear-gradient(90deg,#6240b8,#34b9d0);font-weight:800}.footer{padding:1.5rem 2rem;border-top:1px solid var(--as-line);color:var(--as-muted);font-size:.75rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:100;max-width:360px;padding:.9rem 1rem;border:1px solid var(--as-line);border-radius:.8rem;background:#10203a;box-shadow:var(--as-shadow)}[hidden]{display:none!important}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-grid{grid-template-columns:1fr}.search-box{display:none}}@media(max-width:760px){.admin-side{transform:translateX(-100%);transition:.25s}.admin-side.open{transform:none}.admin-main{margin-left:0}.mobile-toggle{display:inline-flex}.admin-top{padding:1rem}.admin-content{padding:1rem}.top-actions .button span{display:none}.hero-grid{grid-template-columns:1fr}.kpi-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.hero h2{font-size:2rem}}