@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap";:root{color:#081d45;font-synthesis:none;background:#f7fbff;font-family:Noto Kufi Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.eyebrow{color:#087cf0;margin:0 0 8px;font-size:13px;font-weight:700}.primary-button,.secondary-button{border:1px solid #087cf0;min-height:48px;padding:0 22px;font-weight:700}.primary-button{color:#fff;background:#087cf0}.primary-button:hover{background:#0469d0}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{color:#087cf0;background:#fff}.login-shell{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-copy{background:linear-gradient(90deg,#0000 0 94%,#cfe8ff 94% 95%,#0000 95%),#eef8ff;flex-direction:column;justify-content:center;padding:clamp(48px,9vw,140px);display:flex}.brand-logo{object-fit:contain;width:min(430px,100%);height:auto;margin-bottom:42px}.login-copy h1{max-width:680px;margin:0;font-size:clamp(35px,4.8vw,72px);line-height:1.45}.login-copy>p:last-child{color:#49617f;max-width:620px;font-size:18px;line-height:2}.login-card{gap:22px;width:min(470px,100% - 48px);margin:auto;display:grid}.login-card h2{margin:0;font-size:34px}.login-card label,.student-form label{color:#284466;gap:9px;font-size:14px;font-weight:600;display:grid}.input-wrap{background:#fff;border:1px solid #b8d7f6;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.input-wrap input{flex:1;min-width:0;border:0!important;padding:0!important}input,textarea{color:#081d45;background:#fff;border:1px solid #b8d7f6;outline:none;width:100%;padding:13px 14px}input:focus,textarea:focus,.input-wrap:focus-within{border-color:#087cf0;box-shadow:0 0 0 3px #dff0ff}.form-error{color:#a31d25;background:#fff1f2;border-right:3px solid #d52d38;padding:12px}.screen-loader,.state-message{text-align:center;color:#49617f;padding:80px 20px}.dashboard-shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#071d45;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:14px;margin-bottom:48px;display:flex}.sidebar-brand>img{object-fit:contain;background:#fff;width:48px;height:48px}.sidebar-brand div{display:grid}.sidebar-brand strong{font-size:24px}.sidebar-brand small{color:#aacaef}.sidebar nav{gap:8px;display:grid}.sidebar a,.sidebar nav button,.logout-button{color:#c8daf2;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:0 14px;text-decoration:none;display:flex}.active-nav{color:#fff!important;background:#0c3d79!important;border-right:3px solid #4eb0ff!important}.logout-button{width:100%;margin-top:auto}.dashboard-content{padding:40px clamp(24px,5vw,72px) 80px;overflow:hidden}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.dashboard-header h1{margin:0;font-size:40px}.dashboard-header p:last-child{color:#5a6f8b}.add-button{align-items:center;gap:9px;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0;display:grid}.metrics article{background:#fff;border:1px solid #d3e7fb;align-items:center;gap:16px;min-height:110px;padding:22px;display:flex}.metrics article div{display:grid}.metrics strong{font-size:28px}.metrics span:last-child{color:#60758f}.blue-icon{color:#087cf0;background:#eaf5ff;place-items:center;width:46px;height:46px;display:grid}.table-panel{background:#fff;border:1px solid #d3e7fb}.table-toolbar{border-bottom:1px solid #d3e7fb;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.table-toolbar h2{margin:0}.table-toolbar p{color:#60758f;margin:5px 0 0;font-size:13px}.search-box{border:1px solid #b8d7f6;align-items:center;gap:10px;min-width:290px;padding:0 12px;display:flex}.search-box input{border:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:right;border-bottom:1px solid #e2eef9;padding:18px 24px}th{color:#49617f;background:#f9fcff;font-size:13px}td strong,td small{display:block}td small{color:#71849d;margin-top:4px}.status{align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-active{color:#176544;background:#e5f7ef}.status-disabled{color:#a31d25;background:#fff0f1}.status-expired{color:#5a6472;background:#edf1f5}.status-scheduled{color:#8a5a06;background:#fff6e5}.table-action{color:#087cf0;background:0 0;border:0;font-weight:700}.row-actions{align-items:center;gap:14px;display:flex}.row-actions .table-action{align-items:center;gap:5px;display:inline-flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-row .primary-button,.filter-row .secondary-button{align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex}.form-notice{color:#176544;background:#e5f7ef;margin:0;padding:10px 14px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:28px 0;display:grid}.stat-tile{background:#fff;border:1px solid #d3e7fb;border-top:3px solid #087cf0;gap:4px;padding:18px;display:grid}.stat-tile strong{color:#081d45;font-size:26px}.stat-label{color:#49617f;font-size:13px;font-weight:700}.stat-hint{color:#71849d;font-size:12px}.stat-tile.tone-warn{border-top-color:#c98407}.stat-tile.tone-bad{border-top-color:#a31d25}.stat-tile.tone-good{border-top-color:#0f9d68}.stat-value-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.trend{white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.trend-up{color:#0b6b49;background:#e2f6ee}.trend-down{color:#a31d25;background:#fdecee}.trend-flat{color:#5a6f8b;background:#eef3f9}.chart-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.line-card .line-plot{width:100%}.line-card svg{display:block}.chart-card footer .legend{gap:12px;display:flex}.chart-card footer .legend em{font-style:normal;font-weight:700}.summary-card{background:linear-gradient(#f4f9ff,#fff);border:1px solid #cfe4fa;border-right:4px solid #087cf0;margin-bottom:28px;padding:22px 24px}.summary-card>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.summary-card h2{align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.summary-card>header span{color:#71849d;font-size:12px}.summary-body{gap:10px;display:grid}.summary-body p{color:#26405e;margin:0;line-height:1.9}.summary-body strong{color:#081d45}.panel-split{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:start;gap:16px;margin-bottom:30px;display:grid}.ltv-math{border-bottom:1px solid #e2eef9;flex-wrap:wrap;align-items:stretch;gap:10px;padding:20px 24px;display:flex}.ltv-math>div{background:#f5f9fe;border:1px solid #e2eef9;flex:120px;gap:3px;padding:12px 14px;display:grid}.ltv-math>div span{color:#5a6f8b;font-size:12px}.ltv-math>div strong{color:#081d45;font-size:18px}.ltv-math .ltv-result{background:#eaf5ff;border-color:#b8d7f6}.ltv-math .ltv-result strong{color:#0469d0}.ltv-math em{color:#9db9d8;align-self:center;font-size:18px;font-style:normal}.dist-wrap{padding:18px 24px 24px}.dist-list{gap:12px;display:grid}.dist-row{grid-template-columns:90px minmax(60px,1fr) auto;align-items:center;gap:12px;display:grid}.dist-label{color:#26405e;font-size:13px;font-weight:700}.dist-track{background:#eef4fb;border-radius:999px;height:12px;overflow:hidden}.dist-track span{background:#087cf0;border-radius:999px;height:100%;display:block}.dist-value{color:#26405e;white-space:nowrap;font-size:13px}.dist-value strong{color:#081d45}.dist-note{color:#71849d;grid-column:2/-1;font-size:12px}.sample-note{color:#8a5a06;background:#fff8e9;border:1px solid #f2ddb4;align-items:center;gap:8px;margin:-10px 0 24px;padding:12px 16px;font-size:13px;display:flex}.sample-note.tone-bad-note{color:#a31d25;background:#fdeced;border-color:#f3c9cd}.table-scroll tr.row-alert>td:first-child{box-shadow:inset 3px 0 #a31d25}.table-scroll tr.row-warn>td:first-child{box-shadow:inset 3px 0 #c98407}.table-scroll td small{color:#71849d;font-size:12px;display:block}.cell-heat{text-align:center;font-weight:700}.cell-empty{background:#f7fafd}.pill-count{color:#0469d0;background:#eaf5ff;padding:5px 12px;font-size:14px;font-weight:700}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:30px;display:grid}.chart-card{background:#fff;border:1px solid #d3e7fb;padding:18px}.chart-card header{gap:2px;margin-bottom:14px;display:grid}.chart-card h3{color:#081d45;margin:0;font-size:16px}.chart-card header p{color:#49617f;min-height:19px;margin:0;font-size:13px}.chart-plot{border-bottom:1px solid #e2eef9;align-items:flex-end;gap:2px;height:110px;display:flex}.chart-bar{flex:1;align-items:flex-end;height:100%;display:flex}.chart-bar span{background:#087cf0;border-radius:4px 4px 0 0;width:100%;display:block}.chart-bar:hover span,.chart-bar.is-hovered span{background:#0a4388}.chart-card footer{color:#71849d;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.table-scroll.sheet{max-height:560px;overflow:auto}.table-scroll.sheet th{z-index:1;white-space:nowrap;position:sticky;top:0}.table-scroll.sheet th,.table-scroll.sheet td{white-space:nowrap;padding:12px 14px;font-size:13px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.warn-line{color:#8a5a06;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.renew-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.renew-row .secondary-button{min-height:40px;padding:0 14px}.password-row{border-top:1px solid #e2eef9;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.password-row input{border:1px solid #d3e7fb;flex:1;min-height:44px;padding:0 12px}.password-row .secondary-button{min-height:44px}.danger-row{background:#fdeced;border:1px solid #f3c9cd;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.danger-row strong{color:#8f1f28;display:block}.danger-row small{color:#a5555c}.danger-button{color:#a31d25;background:#fff;border:1px solid #a31d25;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.danger-button:disabled{opacity:.55;cursor:wait}.dialog-backdrop{z-index:20;background:#041530a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-top:5px solid #168df6;width:min(820px,100%);max-height:calc(100vh - 48px);padding:34px;position:relative;overflow:auto}.dialog-close{position:absolute;top:18px;left:18px}.icon-button{color:#0a4388;background:#edf6ff;border:0;place-items:center;width:40px;height:40px;display:grid}.dialog-heading{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.dialog-heading h2{margin:0;font-size:28px}.dialog-heading p:last-child{color:#60758f;margin-bottom:0}.student-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.wide-field{grid-column:1/-1}.dialog-actions{justify-content:flex-start;gap:12px;padding-top:8px;display:flex}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:42vh;padding:48px 28px}.brand-mark{margin-bottom:24px}.login-copy h1{font-size:38px}.login-card{margin:52px auto}.dashboard-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;padding:14px 18px;position:static}.sidebar-brand{margin:0}.sidebar-brand small,.sidebar nav{display:none}.logout-button{width:auto;margin:0 0 0 auto}.metrics{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}}@media (width<=600px){.dashboard-content{padding:28px 16px 64px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header h1{font-size:32px}.metrics{gap:10px;margin:24px 0}.student-form{grid-template-columns:1fr}.wide-field{grid-column:auto}.dialog{padding:28px 18px}}.sheet-meta{color:#49617f;background:#f4f9ff;border-top:1px solid #e2eef9;flex-wrap:wrap;gap:18px;padding:12px 24px;font-size:13px;font-weight:600;display:flex}.sheet-meta span{white-space:nowrap}.table-scroll.sheet tbody tr:nth-child(2n){background:#fbfdff}.table-scroll.sheet tbody tr:hover{background:#eef6ff}.table-scroll.sheet tr.row-warn td:first-child{box-shadow:inset 3px 0 #c98407}.table-scroll.sheet tr.row-muted{color:#8a99ab}.table-scroll.sheet tr.row-alert td:first-child{box-shadow:inset 3px 0 #a31d25}.table-scroll.sheet tr.row-alert{background:#fdf3f4}.table-scroll.sheet th.sortable:hover{background:#eef6ff}