:root{font-family:'Geeza Pro','Tajawal',system-ui,sans-serif;font-size:18px;color:var(--brand-black);background:var(--brand-surface);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--brand-surface)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--brand-deep)}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--brand-deep);outline-offset:4px}.topbar{height:80px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:var(--brand-white);color:var(--brand-black);border-bottom:3px solid var(--brand-yellow)}.brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--brand-black);text-decoration:none}.brand img{width:64px;height:64px}.brand b{font-size:inherit}.brand span{font-size:.8rem;font-weight:500;color:var(--brand-muted);border-inline-start:1px solid var(--brand-line);padding-inline-start:14px;margin-inline-start:14px}.topbar>div{display:flex;align-items:center;gap:14px;font-size:.85rem}#logout{background:var(--brand-tint);color:var(--brand-deep);border:1px solid var(--brand-line);border-radius:8px;padding:8px 16px}main{max-width:1400px;margin:auto;padding:36px max(24px,4vw) 70px}.eyebrow{font-size:.78rem;color:var(--brand-muted);letter-spacing:.035em}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}h1{font-size:2rem;line-height:1.5;margin:8px 0;color:var(--brand-black);letter-spacing:-.035em}p{line-height:1.8}h2{font-size:1.13rem;margin:0 0 6px;color:var(--brand-black)}.page-heading p,.panel-title p{margin:0;font-size:.87rem;color:var(--brand-muted)}.filters{display:flex;align-items:flex-end;gap:10px}.filters label{font-size:.75rem;color:var(--brand-muted);display:grid;gap:6px}select,input{border:1px solid var(--brand-line);border-radius:9px;min-height:42px;padding:8px 11px;background:white;color:var(--brand-deep)}select{min-width:140px}.primary,.secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:10px 16px;font-size:.86rem;font-weight:600}.primary{background:var(--brand-green);color:white}.secondary{background:var(--brand-tint);color:var(--brand-deep);border:1px solid var(--brand-line)}.status-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--brand-muted);font-size:.76rem;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.metric{background:var(--brand-white);border:1px solid var(--brand-line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:145px}.metric>span{font-size:.8rem;color:var(--brand-muted)}.metric>b{font-size:2rem;font-weight:750;line-height:1.3;color:var(--brand-black)}.metric>small{font-size:.71rem;color:var(--brand-muted);line-height:1.5}.chart-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.panel{padding:25px;background:var(--brand-white);border:1px solid var(--brand-line);border-radius:18px;margin-bottom:20px;min-width:0}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-title p{font-size:.78rem;max-width:60ch}.bars{display:grid;gap:16px}.bar-row{display:grid;grid-template-columns:105px 1fr 30px;align-items:center;gap:10px;font-size:.81rem}.bar-track{height:12px;background:var(--brand-tint);border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--brand-green);border-radius:4px}.bar-row b{text-align:end;font-weight:600}.daily-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:5px;min-height:210px;overflow:auto;direction:ltr}.day{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:22px;flex:1;max-width:48px}.day i{display:block;background:var(--brand-yellow);border-radius:4px 4px 0 0;width:70%;min-width:9px}.day b,.day small{font-size:.68rem;color:var(--brand-muted)}.search-label{font-size:.73rem;color:var(--brand-muted);display:grid;gap:6px}.search-label input{min-width:200px}.question{border-top:1px solid var(--brand-line);padding:14px 0}.question summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.question summary:after{content:'+';font-size:1.2rem;color:var(--brand-muted)}.question[open] summary:after{content:'−'}.question summary>div{flex:1}.question summary small{display:block;color:var(--brand-muted);font-size:.72rem;margin-bottom:5px}.question summary b{font-size:.92rem;font-weight:600;line-height:1.8}.question-score{background:var(--brand-yellow-tint);color:var(--brand-black);padding:6px 9px;border-radius:7px;white-space:nowrap;font-size:.75rem}.question-meta{font-size:.79rem;color:var(--brand-muted);background:var(--brand-surface);border-radius:8px;padding:10px 14px}.option-row{display:flex;justify-content:space-between;gap:16px;padding:12px;font-size:.85rem;line-height:1.8;border-bottom:1px solid var(--brand-line);color:var(--brand-muted)}.option-row.correct{color:var(--brand-deep);background:var(--brand-tint)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:.81rem}th{text-align:start;color:var(--brand-muted);font-size:.73rem;font-weight:500;background:var(--brand-surface);padding:13px;white-space:nowrap}td{padding:16px 13px;border-bottom:1px solid var(--brand-line);line-height:1.6}td:first-child{font-weight:600}.table-action{color:var(--brand-deep);background:var(--brand-tint);border-radius:7px;min-height:40px;padding:8px 12px;white-space:nowrap;font-size:.77rem}.empty{border:1px dashed var(--brand-line);padding:26px;background:var(--brand-tint);border-radius:15px;margin:0 0 22px}.empty p{font-size:.9rem;color:var(--brand-muted);max-width:70ch}.empty-inline{color:var(--brand-muted);font-size:.85rem;text-align:center;padding:25px}.small{font-size:.74rem;color:var(--brand-muted);line-height:1.8}.error{color:#a74735;background:#fff1e6;padding:12px;border-radius:8px;font-size:.9rem}.error:empty{display:none}.method{border-top:1px solid var(--brand-line);color:var(--brand-muted);font-size:.83rem;padding-top:15px}.method summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.method div{max-width:100ch}.method p{font-size:.83rem}.user-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--brand-line);padding:16px 0;font-size:.9rem}.user-row>div{flex:1}.user-row small{display:block;color:var(--brand-muted);margin-top:4px}.user-row .secondary{font-size:.77rem}#userSearch{display:flex;gap:8px}#roleStatus{color:var(--brand-deep);font-size:.87rem}.access{margin:7vh auto;max-width:650px;background:white;border:1px solid var(--brand-line);border-radius:24px;padding:40px}.access p{color:var(--brand-muted)}.access a{margin:8px 0 0 10px}dialog{margin:auto;width:min(780px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--brand-line);border-radius:20px;padding:30px;background:var(--brand-white);color:var(--brand-black);box-shadow:0 30px 100px #143A2840}dialog::backdrop{background:#171C19B8;backdrop-filter:blur(4px)}.close{float:left;width:42px;height:42px;border-radius:10px;background:var(--brand-tint);font-size:1.6rem;color:var(--brand-deep)}.timeline-event{border-inline-start:2px solid var(--brand-line);padding:0 18px 22px;margin-inline-start:8px}.timeline-event time{display:block;font-size:.72rem;color:var(--brand-muted);margin:3px 0 7px}.timeline-event b{font-size:.9rem}.timeline-event p{font-size:.85rem;margin:5px 0}.positive{color:var(--brand-green)}.negative{color:#a34732}#runHeading{font-size:.88rem;color:var(--brand-muted);margin-bottom:25px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.page-heading{align-items:start;flex-direction:column}.filters{align-self:stretch;justify-content:flex-start}.metric{min-height:125px}.metric>b{font-size:1.7rem}}
@media(max-width:700px){.topbar{padding:0 18px;height:68px}.brand{font-size:1.1rem;gap:8px}.brand img{width:52px;height:52px}.brand span{display:none}.topbar>div{font-size:.7rem}main{padding:24px 16px 45px}h1{font-size:1.5rem}.page-heading{gap:18px}.page-heading p{font-size:.8rem}.filters{gap:7px;flex-wrap:wrap}.filters label{flex:1;min-width:130px}.filters select{width:100%;min-width:0}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:16px;min-height:125px}.metric>b{font-size:1.75rem}.metric>small{font-size:.68rem}.chart-grid{grid-template-columns:1fr;gap:0}.panel{padding:19px 16px}.panel-title{flex-direction:column;gap:14px}.search-label{width:100%}.question summary{gap:9px;flex-wrap:wrap}.question summary>div{flex-basis:80%}.question-score{font-size:.68rem}.bar-row{grid-template-columns:95px 1fr 25px;font-size:.76rem}.status-row{font-size:.7rem}.access{padding:25px}.access a{display:flex;margin:10px 0}.user-row{gap:12px}#userSearch{width:100%}#userQuery{width:100%;min-width:0}.user-row .secondary{width:100%}dialog{padding:23px 18px}.panel-title h2{font-size:1.05rem}}