:root{--bg:#070a14;--panel:#0e1428;--panel2:#11182e;--line:rgba(139,155,210,.18);--text:#f7f8ff;--muted:#9aa6c8;--purple:#7d54ff;--blue:#49b7ff;--green:#45e2b7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,rgba(125,84,255,.16),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px}.brand div{display:flex;flex-direction:column}.brand span{color:#7f8bad;font-size:10px}.eyebrow{color:#c8bcff;font-size:10px;font-weight:900;letter-spacing:.1em}.btn{border:0;border-radius:11px;padding:12px 16px;color:#fff;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#6f57ff,#913fec)}.card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(17,24,45,.95),rgba(8,13,28,.95));box-shadow:0 24px 70px rgba(0,0,0,.22)}label{display:grid;gap:7px;margin:14px 0;color:#cbd2e7;font-size:11px;font-weight:700}input,textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#090f1d;color:#fff;outline:none}input:focus,textarea:focus{border-color:#7d54ff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-story{padding:7vw;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-.06em}.login-story h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff,#c9a7ff,#6ae1ec);background-clip:text}.login-story p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7}.agents{display:flex;gap:10px}.agents article{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(14,20,40,.65)}.agents b{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:7px;border-radius:8px;background:#6f57ff}.agents span{font-size:10px;color:#b7c0db}.login-wrap{display:grid;place-items:center;padding:30px;background:rgba(5,8,18,.44)}.login-card{width:min(440px,100%);padding:34px}.login-card h2{margin:36px 0 4px;font-size:32px}.login-card>p{color:var(--muted);font-size:13px}.login-card .btn{width:100%;margin-top:8px}.error{margin-top:14px;padding:10px;border:1px solid rgba(255,100,120,.3);border-radius:9px;color:#ff9ead;font-size:11px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.shell>aside{height:100vh;position:sticky;top:0;padding:21px 15px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(6,9,20,.75)}nav{margin-top:28px;display:grid;gap:4px}nav button{padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8995b7;text-align:left;font-weight:700}nav button.active,nav button:hover{color:#fff;background:rgba(125,84,255,.10);border-color:rgba(125,84,255,.20)}nav i{float:right;font-style:normal;color:#8de9ce;font-size:8px}.user{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.user>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7258ff,#a148ee)}.user div{display:flex;flex-direction:column}.user small{color:#7180a3;font-size:8px}.user button{border:0;background:none;color:#7582a4}main{min-width:0;padding:0 34px 60px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(139,155,210,.09)}header small{color:#627094;font-size:8px;letter-spacing:.1em}header h1{margin:7px 0 0;font-size:20px}.env{padding:8px 10px;border:1px solid rgba(69,226,183,.15);border-radius:999px;color:#aaf5df;font-size:8px}.view{display:none;padding-top:30px}.view.active{display:block}.hero{min-height:350px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 70% 40%,rgba(113,75,255,.16),transparent 25rem),linear-gradient(145deg,rgba(91,63,214,.1),rgba(10,15,30,.92))}.hero h2{font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.05em}.hero h2 em{font-style:normal;color:#c9a7ff}.hero p{max-width:620px;color:var(--muted);line-height:1.7}.orb{width:250px;height:250px;justify-self:center;border:1px solid rgba(139,103,255,.25);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.orb img{width:62px}.orb small{color:#7180a8}.orb span{position:absolute;padding:8px;border:1px solid var(--line);border-radius:9px;background:#10162a;font-size:9px}.orb span:nth-of-type(1){left:-18px;bottom:42px}.orb span:nth-of-type(2){right:-13px;top:48px}.metrics{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metrics article{padding:19px}.metrics small{color:#7f70ff;font-weight:900;font-size:8px}.metrics b{display:block;margin:10px 0;font-size:31px}.metrics span{color:#7180a3;font-size:8px}.chat{height:calc(100vh - 155px);min-height:580px;display:grid;grid-template-rows:1fr auto;padding:0;overflow:hidden}.chat>div{padding:24px;overflow-y:auto}.msg{max-width:760px;margin-bottom:15px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#151c30}.msg.user{margin-left:auto;background:linear-gradient(135deg,#6754ff,#8a43e4)}.msg b{font-size:9px}.msg p{margin:5px 0 0;font-size:12px;line-height:1.65}.chat form{padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line)}.chat textarea{resize:none;min-height:54px}.students{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.students>.card{padding:22px}.students article{padding:12px 2px;border-bottom:1px solid rgba(139,155,210,.09);display:grid;grid-template-columns:1fr auto}.students article span{display:block;color:#7f8bad;font-size:9px}.students article small{color:#8de9ce;font-size:8px}.muted{color:#7f8bad}.placeholder{min-height:600px;place-items:center;text-align:center}.placeholder.active{display:grid}.placeholder>div{max-width:720px}.placeholder h2{font-size:45px;letter-spacing:-.04em}.placeholder p{color:var(--muted);font-size:14px}@media(max-width:1000px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.shell{grid-template-columns:1fr}.shell>aside{display:none}.hero{grid-template-columns:1fr}.orb{display:none}.metrics,.students{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:0 15px 40px}.metrics,.students{grid-template-columns:1fr}.chat form{grid-template-columns:1fr}.hero{padding:24px}}
.management,.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.management>.card,.settings-grid>.card{padding:24px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.section-head h3,.management h3,.settings-grid h3{margin:6px 0 0;font-size:22px}
.section-head>small{color:#7f8bad;font-size:9px}
.entity-list{display:grid}
.entity-list>article{min-height:68px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(139,155,210,.09)}
.entity-list>article:last-child{border-bottom:0}
.entity-list article>div:nth-child(2){display:flex;flex-direction:column;gap:4px}
.entity-list b{font-size:12px}
.entity-list span{color:#7f8bad;font-size:9px}
.entity-list small{color:#aab5d2;font-size:8px}
.entity-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7258ff,#a148ee);font-size:11px;font-weight:900}
.entity-avatar.classroom{background:linear-gradient(135deg,#338cff,#3fcfd4);color:#05131b}
.status-on{color:#8de9ce!important}
.status-off{color:#ff9ead!important}
.management form .btn,.settings-grid form .btn{width:100%;margin-top:8px}
.settings-info p{color:var(--muted);font-size:12px;line-height:1.7}
.settings-info dl{margin:24px 0 0;display:grid;gap:0}
.settings-info dl>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(139,155,210,.09)}
.settings-info dt{color:#7180a3;font-size:9px}
.settings-info dd{margin:0;font-size:10px;font-weight:800}
.toast{position:fixed;right:24px;top:24px;z-index:999;padding:12px 15px;border:1px solid rgba(69,226,183,.25);border-radius:12px;background:#10182b;color:#dffbf3;font-size:11px;font-weight:800;box-shadow:0 20px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(-8px);transition:.2s}
.toast.show{opacity:1;transform:none}
.toast.error{border-color:rgba(255,100,120,.3);color:#ffb0bd}
input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.management,.settings-grid{grid-template-columns:1fr}}
@media(max-width:650px){.metrics{grid-template-columns:1fr}.toast{left:14px;right:14px;top:14px}}