@font-face{font-family:Cairo;src:url('/fonts/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}
.account-menu{position:relative;margin-inline-start:auto}.account-menu>button{display:flex;align-items:center;gap:10px;background:var(--panel);max-width:280px}.account-menu>button span{overflow-wrap:anywhere}.account-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:280px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0003;z-index:30}.account-menu-panel button{display:block;text-align:start;width:100%;border:0;background:transparent;margin:0;padding:11px 14px;font-size:16px}.account-menu-panel button:hover{background:var(--hover)}.account-menu-panel #appearance-toggle{margin:0;min-width:0}.account-menu-panel #logout{color:#d74747}.account-menu-heading{padding:12px 14px;display:flex;flex-direction:column}.account-menu-heading small{color:var(--muted);font-size:14px}.account-menu-panel hr{border:0;border-top:1px solid var(--border);margin:7px 0}.account-menu>button .avatar,.account-menu>button .avatar-initial{width:36px;height:36px}
:root{font-family:Cairo,'Segoe UI',sans-serif;font-size:17px;--bg:#f4f7fb;--panel:#fff;--surface:#fff;--border:#d8e1ed;--muted:#53647a;--text:#172b43;--accent:#1767c2;--input:#fff;--hover:#edf4fd;--active:#e6f0fd;--shadow:0 6px 24px #15335408;color-scheme:light}
:root[data-theme=dark]{--bg:#101824;--panel:#182334;--surface:#182334;--border:#34445a;--muted:#bbc9db;--text:#edf3fb;--accent:#8cc6ff;--input:#111d2d;--hover:#24364e;--active:#254363;--shadow:0 6px 24px #0002;color-scheme:dark}
body{background:var(--bg);color:var(--text);font-size:17px;line-height:1.85}header{background:var(--panel);border-color:var(--border);backdrop-filter:none;gap:18px}.brand{color:var(--text);font-size:25px;letter-spacing:0}.brand span{font-size:16px;color:var(--muted)}header #logout{margin-inline-start:0}#appearance-toggle{margin-inline-start:auto;min-width:120px}.badge{font-size:14px;color:var(--accent);border-color:var(--border);background:var(--hover)}
p,li,.muted,.metrics span,.metrics small,.system-card small,.school-mark small,.sidebar-note p,.sidebar-note span{color:var(--muted);font-size:16px}h1{font-size:32px;line-height:1.5;margin:8px 0 12px}h2{font-size:23px;line-height:1.6}h3{font-size:20px}.eyebrow{font-size:15px;color:var(--accent)}.panel,.metrics article,.system-card,.wan,.welcome{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}.panel{padding:28px}.metrics strong,.wan strong{color:var(--accent);font-size:34px}.metrics article{padding:22px}.system-card p{font-size:16px}
.signed-in #dashboard{grid-template-columns:290px minmax(0,1fr)}.sidebar{background:var(--panel);border-color:var(--border);padding:24px 16px}.school-mark,.school-mark span{color:var(--text)}.school-mark span{font-size:15px}.school-mark small{font-size:14px}.sidebar nav{max-height:none;flex:1;min-height:0;overflow:auto}.sidebar-note{margin-top:18px;color:var(--text);padding:12px}.sidebar-note>p,.sidebar-note>strong{display:none}.nav-group summary{font-size:17px;color:var(--text);padding:13px 14px}.nav-group[open]{background:var(--hover);border-color:var(--border)}.nav-branches{border-color:var(--border)}.sidebar .nav-branches button,nav button{font-size:16px;min-height:46px;padding:11px 14px;color:var(--muted)}.sidebar nav button.active{color:var(--accent);background:var(--active);border-color:var(--accent);font-weight:700}nav button:hover{background:var(--hover);color:var(--text)}.sidebar-profile{background:var(--hover);border-color:var(--border)}.sidebar-profile #current-user{color:var(--text);font-size:14px}.avatar-initial{background:var(--active);color:var(--accent)}
input,textarea,select,button{font-family:Cairo,'Segoe UI',sans-serif;font-size:16px;line-height:1.7}label{font-size:16px;font-weight:600;color:var(--text)}input,textarea,select,.device-tools select{display:block;width:100%;min-height:48px;margin:8px 0 16px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}textarea{min-height:110px;resize:vertical}input[type=checkbox]{display:inline-block;width:20px;min-height:20px;margin:0;accent-color:var(--accent)}input[type=hidden]{display:none}button{min-height:46px;padding:10px 18px;background:var(--hover);color:var(--text);border-color:var(--border);font-weight:600}button:hover{border-color:var(--accent)}button.primary,.primary{background:#1767c2;color:#fff;border-color:#1767c2}button:disabled{cursor:not-allowed}a{color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.table-wrap,.tablewrap{overflow:auto;margin-top:18px;border:1px solid var(--border);border-radius:12px}table{font-size:16px}th,td{padding:16px 14px;border-color:var(--border)}th{font-size:15px;color:var(--muted);background:var(--hover);font-weight:700}td{color:var(--text);line-height:1.9}td small{font-size:14px;color:var(--muted)}tbody tr:hover{background:var(--hover)}.actions{align-items:center;flex-wrap:wrap}.actions>input{flex:1;min-width:220px;margin:0}.actions>select{width:auto;min-width:180px;margin:0}.notice{background:#fff4df;border-color:#ebcc8e;color:#654411;font-size:16px}:root[data-theme=dark] .notice{background:#352c1c;border-color:#786136;color:#ffe0a4}
dialog{width:min(740px,94vw);max-height:88vh;overflow:auto;padding:30px;background:var(--panel);color:var(--text);border-color:var(--border);border-radius:18px;box-shadow:0 22px 90px #0004}dialog::backdrop{background:#101c3266;backdrop-filter:blur(3px)}dialog h2{margin-top:0;font-size:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}#ticket-update{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:22px 0 10px}#ticket-update label:has(textarea){grid-column:1/-1}#ticket-update button{grid-column:1/-1;justify-self:start}#ticket-detail-events{padding:14px 30px;background:var(--hover);border-radius:10px}#ticket-detail-events:empty{display:none}#ticket-detail-description{font-size:18px;line-height:1.9}#ticket-close{margin-top:8px}pre{background:var(--input);color:var(--text);font-size:15px}.connection-state{font-size:14px}.connection-state.reachable{background:#e1f4ec;color:#196448}.connection-state.unreachable{background:#fbe7e7;color:#9a3333}.workspace>.title,.profile-heading{border-color:var(--border)}#message{background:var(--panel);color:var(--text);border:1px solid var(--border);font-size:16px;max-width:min(620px,92vw)}
@media(max-width:1000px){.signed-in #dashboard{grid-template-columns:250px minmax(0,1fr)}.workspace{padding:26px 20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.signed-in #dashboard{display:block}.sidebar{height:auto;position:static}.sidebar nav{overflow:visible}.workspace{padding:22px 14px}header{gap:10px;padding:14px}.brand span{display:none}#appearance-toggle{min-width:100px;font-size:14px}h1{font-size:27px}.panel{padding:20px}.nav-group summary{font-size:16px}.sidebar .nav-branches button{font-size:15px}#ticket-update{grid-template-columns:1fr}#ticket-update label{grid-column:1/-1}dialog{padding:22px}.metrics span{font-size:14px}.metrics strong{font-size:30px}}

.integration-guide{margin-top:24px;padding:24px;border:1px solid var(--border,#8191a544);border-radius:16px}.integration-guide summary{font-weight:700;font-size:20px;cursor:pointer}.integration-guide li{margin-block:12px;line-height:1.9}.integration-guide button{display:block;margin-top:16px}.integration-guide a{color:inherit;text-decoration:underline}.connection-state.connected{color:#15803d}.connection-state.error{color:#dc2626}

#connection-wizard{width:min(900px,94vw);max-height:90vh;overflow:auto}.wizard-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.wizard-types button{min-height:80px}.wizard-guide{padding:16px;border-radius:12px;background:var(--surface,#8191a515);margin-bottom:20px}.wizard-guide p{line-height:1.8}

.profile-preferences{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:16px 0;margin-bottom:20px;border-bottom:1px solid var(--border)}.profile-preferences label{min-width:220px}.user-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.user-summary article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--hover)}.user-summary strong{font-size:23px;color:var(--accent)}.users-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.users-toolbar h3{margin-inline-end:auto}.users-toolbar label{min-width:180px;font-size:13px}.users-toolbar input,.users-toolbar select{margin:4px 0;min-height:40px}.user-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-card-head h3{margin:0;font-size:17px}.user-state{padding:2px 10px;border-radius:20px;font-size:12px}.user-state.active{background:#159b6520;color:#198460}.user-state.disabled{background:#c6781820;color:#a86515}.user-cards details{padding:10px 0;color:var(--muted)}.user-cards summary{cursor:pointer;font-size:13px}.user-cards small{display:block;margin-top:10px;line-height:1.8}.account-menu-panel{width:300px;padding:8px}.account-menu-panel button{font-size:14px;min-height:42px}.account-menu-heading{border-bottom:1px solid var(--border);margin-bottom:6px}.account-menu-panel #logout{margin-top:4px}@media(max-width:650px){.user-summary{grid-template-columns:1fr 1fr}.profile-preferences{align-items:stretch;flex-direction:column;gap:4px}.users-toolbar label{flex:1;min-width:140px}}