:root{color-scheme:light;--bg: #f4f6fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #1d4ed8;--accent-soft: #dbeafe;--ok: #15803d;--warn: #b45309;--bad: #b91c1c;--shadow: 0 8px 24px rgba(15, 23, 42, .06);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#dbeafe 0%,transparent 50%),var(--bg);color:var(--text)}#root{min-height:100vh}.app{max-width:1600px;margin:0 auto;padding:1.5rem}header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}button.pill.lang-toggle{cursor:pointer;border:1px solid var(--border);background:#fff;font:inherit;font-weight:700;color:var(--accent)}button.pill.lang-toggle:hover{background:var(--accent-soft)}header h1{margin:0 0 .25rem;font-size:1.6rem}header p{margin:0;color:var(--muted)}.layout{display:flex;flex-direction:column;gap:1rem}.controls-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.controls-row>.collapsible-card{display:flex;flex-direction:column;height:100%;min-height:0}.controls-row>.collapsible-card>.collapse-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.controls-row>.collapsible-card>.collapse-body>*{flex:1 1 auto}@media(max-width:960px){.controls-row{grid-template-columns:1fr}}.activity-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:960px){.activity-panels{grid-template-columns:1fr}}.activity-panel h3{margin-bottom:.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow)}.card h2{margin:0 0 .75rem;font-size:1.05rem}.banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:14px;background:var(--accent-soft);border:1px solid #bfdbfe;margin-bottom:1rem}.banner strong{font-size:1.1rem}.banner .meta{color:var(--muted);font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.85rem}.stat .label{color:var(--muted);font-size:.8rem}.stat .value{font-size:1.25rem;font-weight:700;margin-top:.2rem}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.pill.ok{background:#dcfce7;color:var(--ok)}.pill.bad{background:#fee2e2;color:var(--bad)}.pill.warn{background:#ffedd5;color:var(--warn)}.policies{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.policies button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:.7rem .8rem;font-weight:600;cursor:pointer;transition:.15s ease}.policies button:hover,.btn:hover{border-color:#93c5fd;background:#f8fbff}.policies button.active{border-color:var(--accent);background:var(--accent);color:#fff}.policies button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.85rem 0}label{font-size:.9rem;color:var(--muted)}select,input{border:1px solid var(--border);border-radius:10px;padding:.45rem .6rem;background:#fff}.btn.danger{background:#fef2f2;border-color:#fecaca;color:var(--bad)}.btn.secondary{background:#f8fafc}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.feed{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}.feed li{padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.feed .time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:.5rem}.feed .kind{display:inline-block;min-width:3.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.error{background:#fef2f2;color:var(--bad);border:1px solid #fecaca;border-radius:12px;padding:.7rem .9rem;margin-bottom:1rem}.stack{display:flex;flex-direction:column;gap:1rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.btn-sm{padding:.35rem .55rem;font-size:.8rem;border-radius:8px}.clickable-row{cursor:pointer}.selected-row{background:#eff6ff;cursor:pointer}.student-table{border-collapse:separate;border-spacing:0;width:100%}.student-block.student-id-row td{border-bottom:none;padding-bottom:.25rem}.student-block.student-net-row td{border-bottom:1px solid var(--border);padding-top:.15rem;padding-bottom:.7rem}.student-block.policy-row-internal_only{background:#ffedd573}.student-block.policy-row-essential{background:#ccfbf173}.student-block.policy-row-research{background:#dbeafe73}.student-block.policy-row-open{background:#dcfce773}.student-block.policy-row-lockdown{background:#fee2e266}.student-block.policy-row-internal_only:hover{background:#ffedd5b3}.student-block.policy-row-essential:hover{background:#ccfbf1b3}.student-block.policy-row-research:hover{background:#dbeafeb3}.student-block.policy-row-open:hover{background:#dcfce7b3}.student-block.policy-row-lockdown:hover{background:#fee2e2a6}.student-block.selected{box-shadow:inset 3px 0 0 var(--accent)}.student-block.policy-row-internal_only.selected{background:#ffedd5d9}.student-block.policy-row-essential.selected{background:#ccfbf1d9}.student-block.policy-row-research.selected{background:#dbeafed9}.student-block.policy-row-open.selected{background:#dcfce7d9}.student-block.policy-row-lockdown.selected{background:#fee2e2cc}.student-cn{font-weight:600;letter-spacing:.02em}.student-net-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center;padding-left:.25rem;font-size:.82rem;color:var(--muted)}.student-net-meta strong{color:var(--text);font-weight:600}.access-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.badge-paused{display:inline-block;margin-top:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--warn);background:#ffedd5;border-radius:999px;padding:.1rem .45rem}.col-policy{width:10rem;min-width:8rem;max-width:12rem;text-align:left;vertical-align:middle;padding-left:.5rem;padding-right:.5rem}.badge-policy{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:3.1rem;max-width:3.5rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-radius:8px;padding:.2rem .3rem;line-height:1.05;text-align:center}.badge-policy-line{display:block}.badge-policy.policy-internal_only{color:var(--warn);background:#ffedd5}.badge-policy.policy-essential{color:#0f766e;background:#ccfbf1}.badge-policy.policy-research{color:#1d4ed8;background:#dbeafe}.badge-policy.policy-open{color:#15803d;background:#dcfce7}.badge-policy-arrow{font-size:.7rem;line-height:1;margin-bottom:.05rem}.group-chip{display:inline-block;font-size:.72rem;font-weight:600;color:#334155;background:#e2e8f0;border-radius:999px;padding:.1rem .45rem}.col-check{width:2rem;text-align:center}.table-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.table-controls input[type=search],.table-controls select{border:1px solid var(--border);border-radius:10px;padding:.4rem .55rem;background:#fff;font:inherit;font-size:.85rem}.table-controls input[type=search]{min-width:12rem;flex:1}.selection-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe}.toolbar-select{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted)}.toolbar-select select{border:1px solid var(--border);border-radius:8px;padding:.25rem .4rem;font:inherit;font-size:.82rem}.group-create{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;align-items:center}.group-create input[type=text]{flex:1;min-width:10rem;border:1px solid var(--border);border-radius:10px;padding:.4rem .55rem;font:inherit;height:2.1rem;box-sizing:border-box}.group-create .btn-sm{height:2.1rem;display:inline-flex;align-items:center;box-sizing:border-box}.group-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.group-item{border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem;background:#f8fafc}.group-item-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.group-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.group-actions .tri-select{flex-direction:row;align-items:center;gap:.4rem;margin:0}.group-actions .tri-select select,.group-actions .btn-sm{height:2.1rem;box-sizing:border-box}.group-actions .btn-sm{display:inline-flex;align-items:center}.group-actions select,.group-actions input[type=number]{border:1px solid var(--border);border-radius:8px;padding:.3rem .4rem;font:inherit;font-size:.8rem;background:#fff}.group-actions input[type=number]{width:4rem}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:1.25rem}.welcome-modal{width:min(560px,100%);max-height:min(90vh,720px);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #0f172a33;padding:1.25rem 1.4rem 1.1rem;color:var(--text)}.welcome-modal h2{margin:0 0 .5rem;font-size:1.25rem}.welcome-modal h3{margin:.9rem 0 .35rem;font-size:.92rem;color:var(--accent)}.welcome-intro{margin:0 0 .35rem;color:var(--muted);font-size:.92rem;line-height:1.45}.welcome-modal ul{margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.45;color:var(--text)}.welcome-modal li{margin-bottom:.25rem}.welcome-actions{display:flex;justify-content:flex-end;margin-top:1.1rem;gap:.5rem}.welcome-actions .btn{background:var(--accent);border-color:var(--accent);color:#fff;padding:.55rem 1.1rem}.welcome-actions .btn:hover{background:#1e40af;border-color:#1e40af}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:flex-end;z-index:40}.drawer{width:min(420px,100%);height:100%;background:var(--card);border-left:1px solid var(--border);box-shadow:-12px 0 40px #0f172a1f;padding:1.1rem 1.2rem;overflow:auto}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.drawer-header h2{margin:0;font-size:1.2rem}.drawer h3{margin:1rem 0 .5rem;font-size:.95rem}.drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .75rem;margin:0 0 .75rem}.drawer-meta dt{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.drawer-meta dd{margin:.15rem 0 0;font-size:.92rem}.kind-block{color:var(--bad)!important}.collapse-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.collapse-title{display:flex;align-items:center;gap:.45rem}.collapse-title h2{margin:0;font-size:1.05rem}.collapse-summary{font-size:.82rem;white-space:nowrap}.chevron{display:inline-block;transition:transform .15s ease;color:var(--muted)}.chevron.open{transform:rotate(90deg)}.collapse-body{margin-top:.75rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-of-type{border-bottom:none}.toggle-switch{min-width:4.2rem;border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;font-weight:700;font-size:.85rem;cursor:pointer;background:#f1f5f9;color:var(--muted)}.toggle-switch.on{background:#dcfce7;color:var(--ok);border-color:#86efac}.toggle-switch.off{background:#fee2e2;color:var(--bad);border-color:#fecaca}.preset-bits{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em}.policies button{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.policy-badge{display:inline-block;max-width:10rem;font-size:.72rem;font-weight:700;line-height:1.2;border-radius:8px;padding:.25rem .45rem;color:#0f172a;background:#ffffffbf;border:1px solid var(--border);white-space:normal;word-break:break-word}.perm-chip-stack{display:flex;flex-direction:column;gap:.15rem;align-items:stretch}.perm-chip-stack.inline{flex-direction:row;flex-wrap:wrap;gap:.25rem}.perm-chip{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:.12rem .35rem;text-align:center}.perm-chip.on{color:#15803d;background:#dcfce7}.perm-chip.off{color:#94a3b8;background:#f1f5f9}.tri-select{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--muted);white-space:nowrap}.tri-select select{border:1px solid var(--border);border-radius:8px;padding:.3rem .4rem;font:inherit;font-size:.8rem;background:#fff;color:var(--text);min-width:8.5rem}.group-override-chips{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}a.pill.demo-link{text-decoration:none;color:var(--accent);border:1px solid var(--border);background:#fff;font-weight:700}a.pill.demo-link:hover{background:var(--accent-soft)}a.pill.demo-link.active{background:#0f172a;color:#e2e8f0;border-color:#0f172a}.app.demo-mode{max-width:none;padding:0;height:100vh;overflow:hidden}.demo-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);height:100vh}.demo-left{overflow:auto;padding:1.25rem 1.5rem;border-right:1px solid var(--border);background:radial-gradient(900px 500px at 10% -10%,#dbeafe 0%,transparent 50%),var(--bg)}.demo-right{overflow:hidden;min-height:0;background:#0b1220}@media(max-width:1100px){.demo-split{grid-template-columns:1fr;grid-template-rows:55vh 45vh}.demo-left{border-right:none;border-bottom:1px solid var(--border)}}.diag-panel{height:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.diag-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.diag-header h2{margin:0;font-size:1.05rem;font-family:Segoe UI,system-ui,sans-serif;color:#f8fafc}.diag-sub{margin:.2rem 0 0;font-size:.75rem;color:#94a3b8}.diag-reset{border:1px solid #334155;background:#1e293b;color:#fbbf24;border-radius:8px;padding:.4rem .7rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.diag-reset:hover:not(:disabled){background:#334155}.diag-reset:disabled{opacity:.6;cursor:wait}.diag-error{background:#450a0a;color:#fecaca;border:1px solid #7f1d1d;border-radius:8px;padding:.45rem .6rem;font-size:.78rem}.diag-section{background:#111827;border:1px solid #1f2937;border-radius:10px;padding:.65rem .75rem}.diag-section h3{margin:0 0 .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;font-family:Segoe UI,system-ui,sans-serif}.diag-narrative{margin:0 0 .65rem;padding:.55rem .65rem;background:#0b1220;border:1px solid #1e3a5f;border-radius:8px;font-family:Segoe UI,system-ui,sans-serif;font-size:.78rem;line-height:1.45;color:#e2e8f0}.diag-narrative-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#93c5fd;margin-bottom:.35rem}.diag-narrative p{margin:0 0 .35rem;color:#cbd5e1}.diag-narrative p:last-child{margin-bottom:0;color:#94a3b8;font-size:.72rem}.diag-feed{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.diag-call{border-left:3px solid #334155;background:#0b1220;border-radius:6px;padding:.4rem .55rem;font-size:.72rem;line-height:1.35}.diag-call.ok{border-left-color:#22c55e}.diag-call.err{border-left-color:#ef4444}.diag-call.sync{border-left-color:#f59e0b}.diag-call.flash{animation:diag-flash 1.4s ease-out}.diag-hint{margin:0 0 .5rem;font-size:.72rem;color:#64748b;font-family:Segoe UI,system-ui,sans-serif;line-height:1.35}.diag-badge.sync{background:#78350f;color:#fde68a}.diag-group-card.paused-bucket{border-color:#9a3412}@keyframes diag-flash{0%{background:#1e3a5f}to{background:#0b1220}}.diag-call-top{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.15rem}.diag-time{color:#64748b}.diag-ms{color:#64748b;margin-left:auto}.diag-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.08rem .4rem}.diag-badge.live{background:#14532d;color:#86efac}.diag-badge.sim{background:#1e3a5f;color:#93c5fd}.diag-badge.ok{background:#14532d;color:#bbf7d0}.diag-badge.bad{background:#7f1d1d;color:#fecaca}.diag-path{color:#cbd5e1;word-break:break-all}.diag-method{color:#38bdf8;font-weight:700}.diag-summary{color:#94a3b8;margin-top:.1rem}.diag-empty,.diag-empty-inline{color:#64748b;font-size:.75rem;font-style:italic}.diag-meta-row,.diag-token-row,.diag-member-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.diag-token-row.compact{margin:.2rem 0 0}.diag-chip{font-size:.68rem;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:.12rem .45rem;color:#cbd5e1}.diag-chip.accent{background:#1e3a5f;border-color:#2563eb;color:#bfdbfe}.diag-chip.muted{color:#64748b}.diag-token{font-size:.65rem;background:#172554;color:#93c5fd;border-radius:4px;padding:.1rem .35rem}.diag-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.diag-rules li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .35rem;border-radius:6px;background:#0b1220}.diag-rules li.on code{color:#86efac}.diag-rules li.off code{color:#64748b}.diag-led{width:.55rem;height:.55rem;border-radius:50%;background:#334155;box-shadow:inset 0 0 0 1px #475569}.diag-led.on{background:#22c55e;box-shadow:0 0 8px #22c55eb3}.diag-led.off{background:#475569}.diag-rule-state{margin-left:auto;font-size:.65rem;color:#64748b}.diag-group-card{background:#0b1220;border:1px solid #1f2937;border-radius:8px;padding:.5rem .6rem;margin-bottom:.45rem}.diag-group-title{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.82rem}.diag-member{display:inline-flex;align-items:baseline;gap:.3rem;font-size:.68rem;background:#1e293b;border-radius:6px;padding:.15rem .4rem;color:#e2e8f0}.diag-member.paused{background:#451a03;color:#fdba74}.diag-ip{color:#64748b;font-size:.62rem}.diag-override-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.diag-override-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem}@media(max-width:700px){.app{padding:.85rem}.app.demo-mode{height:100dvh;padding:0}.demo-split{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100dvh}.demo-left{overflow:auto;-webkit-overflow-scrolling:touch;padding:.75rem .85rem;border-right:none;border-bottom:1px solid var(--border)}.demo-right{overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}.diag-panel{height:auto;min-height:100%;padding:.75rem .85rem}.controls-row{grid-template-columns:1fr}.controls-row>.collapsible-card{height:auto}.controls-row>.collapsible-card>.collapse-body>*{flex:0 1 auto}header{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:.85rem}header h1{font-size:1.25rem}.header-actions{width:100%}.banner{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem .85rem;margin-bottom:.75rem}.banner>div[style]{text-align:left!important}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.layout{gap:.75rem}.collapsible-card .collapse-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.student-table{min-width:36rem}.table-controls,.selection-toolbar,.group-create,.group-actions{flex-direction:column;align-items:stretch}.group-actions .tri-select,.group-actions .tri-select select,.group-actions .btn-sm,.group-create .btn-sm,.group-create input[type=text]{width:100%}.welcome-backdrop{padding:.75rem;align-items:flex-end}.welcome-modal{width:100%;max-height:min(88dvh,720px);border-radius:16px 16px 12px 12px}.welcome-actions .btn{width:100%;min-height:2.75rem;font-size:1rem}.drawer-backdrop{justify-content:stretch}.drawer{width:100%;max-width:none}}