:root{--bg:#f5f7fb;--card:#fff;--text:#1c2638;--muted:#758094;--line:#e6eaf0;--brand:#f3c316;--brand-soft:#fff6c8;--navy:#18243a;--green:#14956e;--green-soft:#e8f7f1;--red:#c63c50;--red-soft:#fff0f2;--blue:#2765c7;--blue-soft:#edf4ff;--purple:#7552c8;--purple-soft:#f2edff;--orange:#b86e16;--orange-soft:#fff3e6;--shadow:0 12px 34px rgba(27,39,67,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 7% 0%,rgba(243,195,22,.09),transparent 25%),linear-gradient(180deg,#fbfcfe 0,#f5f7fb 48%,#f2f4f8 100%)}body{font-size:13px}.hidden{display:none!important}button,input,select,textarea{font:inherit}.topbar{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-logo-shell{width:96px;height:46px;border-radius:12px;background:#182238;display:flex;align-items:center;justify-content:center;padding:8px 10px;overflow:hidden;box-shadow:0 8px 22px rgba(25,36,59,.13)}.brand-logo{width:100%;height:100%;object-fit:contain}.brand{font-weight:950;font-size:12px;letter-spacing:.08em}.brand span{font-weight:800;color:#6d7788}.brand-sub{font-size:9px;color:#9aa3b2;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px}.user-chip{padding:8px 10px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:10px;font-weight:800;color:#5f6a7b}.app-shell{width:min(1280px,calc(100% - 42px));margin:28px auto 48px}.footer{text-align:center;color:#9aa3b2;font-size:10px;padding:4px 20px 26px}.footer-brand{display:inline-flex;align-items:center;gap:9px}.footer-logo-shell{display:inline-flex;width:54px;height:24px;padding:4px 6px;border-radius:7px;background:#202b42}.footer-logo-shell img{width:100%;height:100%;object-fit:contain}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(31,44,74,.055)}.btn{border:1px solid transparent;border-radius:10px;padding:9px 13px;font-weight:850;font-size:10px;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#18243a,#243451);color:white}.btn-success{background:#14956e;color:#fff}.btn-danger{background:#fff2f4;color:#b9364b;border-color:#ffd8de}.btn-soft{background:#f6f8fb;color:#566275;border-color:#e6eaf0}.btn-ghost{background:white;color:#596579;border-color:#e2e7ee}.btn-block{width:100%}.btn-sm{padding:7px 9px;font-size:9px}.btn-lg{padding:12px 17px;font-size:11px}.input,.select,.textarea{width:100%;border:1px solid #dce2ea;border-radius:11px;background:#fff;padding:11px 12px;color:#263247;outline:none;transition:.15s}.textarea{min-height:100px;resize:vertical}.textarea.tall{min-height:150px}.input:focus,.select:focus,.textarea:focus{border-color:#c4aa35;box-shadow:0 0 0 3px rgba(243,195,22,.11)}.field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#737f91;margin:0 0 6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field.full{grid-column:1/-1}.divider{height:1px;background:var(--line);margin:18px 0}.small{font-size:10px}.tiny{font-size:9px}.muted{color:var(--muted)}.empty{text-align:center;padding:24px;color:#919baa;font-size:10px}.page-kicker{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:#a27b00;margin-bottom:6px}
.hero{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.hero-main{padding:42px;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-130px;background:rgba(243,195,22,.13)}.hero-brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;z-index:1}.hero-brand-logo .logo-panel{width:150px;height:62px;border-radius:15px;background:#182238;padding:11px 14px;display:flex;align-items:center;justify-content:center}.hero-brand-logo img{width:100%;height:100%;object-fit:contain}.hero-brand-logo strong{display:block;font-size:12px;letter-spacing:.08em}.hero-brand-logo span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.eyebrow{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--brand-soft);font-size:9px;font-weight:900;color:#7a5f00;position:relative;z-index:1}.hero h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;max-width:720px;margin:17px 0 14px;position:relative;z-index:1}.hero h1 span{color:#a98400}.hero-copy{font-size:13px;line-height:1.8;color:#6e798b;max-width:720px;position:relative;z-index:1}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;position:relative;z-index:1}.mode-mini{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfcfd}.mode-mini .mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:950;margin-bottom:10px}.mode-mini.theory .mini-icon{background:var(--blue-soft);color:var(--blue)}.mode-mini.practical .mini-icon{background:var(--green-soft);color:var(--green)}.mode-mini strong{display:block;font-size:12px}.mode-mini p{font-size:10px;color:#7c8797;line-height:1.55;margin:5px 0 0}.hero-side{padding:18px;display:grid;gap:12px}.role-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.role-top{display:flex;align-items:center;gap:10px}.role-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:950}.role-icon.mentor{background:var(--brand-soft);color:#806200}.role-icon.student{background:var(--green-soft);color:var(--green)}.role-card h3{font-size:13px;margin:0}.role-card p{font-size:10px;color:#7e8999;line-height:1.55}.course-row{display:flex;gap:6px;flex-wrap:wrap}.course-chip{padding:6px 8px;border-radius:999px;border:1px solid var(--line);background:#fafbfc;font-size:8px;font-weight:850;color:#717d8e}.notice{border-radius:11px;padding:11px 12px;font-size:9px;line-height:1.55}.notice.info{background:#eef5ff;border:1px solid #d8e8ff;color:#436088}.notice.success{background:#ebf9f4;border:1px solid #d0efe3;color:#417664}.notice.warn{background:#fff7ea;border:1px solid #ffe2b8;color:#8a651f}.notice.error{background:#fff0f2;border:1px solid #ffd8de;color:#9b3648}
.auth-wrap{width:min(590px,100%);margin:56px auto;padding:24px}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd}.login-brand .logo-panel{width:94px;height:42px;border-radius:10px;background:#182238;padding:7px 9px}.login-brand img{width:100%;height:100%;object-fit:contain}.login-brand strong{display:block;font-size:11px}.login-brand span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.auth-head{display:flex;gap:11px;align-items:center;margin-bottom:18px}.auth-head .icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center;font-weight:950;color:#806200}.auth-head h2{margin:0;font-size:19px}.device-note{margin-top:12px;display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px dashed #d7dde6;border-radius:11px;background:#fafbfc}.device-note b{font-size:10px}.device-note span{display:block;font-size:9px;color:#7c8797;margin-top:3px;line-height:1.5}
.dashboard{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px}.sidebar{padding:14px;position:sticky;top:96px;height:fit-content;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfe)}.side-brand{padding:13px 12px 18px}.side-brand-logo .logo-panel{width:88px;height:39px;border-radius:9px;background:#182238;padding:6px 8px}.side-brand-logo img{width:100%;height:100%;object-fit:contain}.side-brand>strong{display:block;font-size:13px;margin-top:8px}.side-brand>div:last-child{font-size:8px;color:#8994a5;margin-top:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.side-profile{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;padding:10px;margin:0 0 8px}.side-avatar{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;font-weight:950;color:#7d6000}.side-profile strong{display:block;font-size:10px}.side-profile span{display:block;font-size:8px;color:#909baa;margin-top:2px}.side-nav{display:grid;gap:4px}.nav-group{display:grid;gap:3px;margin-top:8px}.nav-group-label{padding:8px 10px 4px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#a1a9b7;font-weight:900}.nav-btn{display:flex;align-items:center;gap:9px;width:100%;border:1px solid transparent;background:transparent;border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left;color:#616d7e;font-size:9px;font-weight:850}.nav-btn.active{background:linear-gradient(90deg,#fff8d9,#fffdf3);border-color:#f0df95;color:#594600}.nav-symbol{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f4f6f9;border:1px solid #e8ecf2;color:#7a8596;font-size:8px;font-weight:950}.nav-btn.active .nav-symbol{background:#f3c316;border-color:#e0b313;color:#2e2a1b}.side-tools{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.content{min-width:0}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:17px}.page-head h1{font-size:28px;letter-spacing:-.035em;margin:0}.page-head p{font-size:10px;color:#7e8998;margin:5px 0 0}.head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat{padding:15px;position:relative;overflow:hidden}.stat .label{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#929cab;font-weight:900}.stat .value{font-size:25px;font-weight:950;letter-spacing:-.04em;margin:7px 0 3px}.stat .micro{font-size:8px;color:#9aa3b2}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.section-card{padding:17px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title{font-size:12px;margin:0}.list{display:grid;gap:7px}.list-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fbfcfd}.list-item h4{font-size:10px;margin:0}.list-item p{font-size:8px;color:#8c96a5;margin:3px 0 0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:999px;border:1px solid transparent;font-size:8px;font-weight:900;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green);border-color:#d2efe4}.badge.red{background:var(--red-soft);color:var(--red);border-color:#ffd8de}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:#dbe8ff}.badge.purple{background:var(--purple-soft);color:var(--purple);border-color:#e2d9ff}.badge.orange{background:var(--orange-soft);color:var(--orange);border-color:#ffe3c2}.badge.brand{background:var(--brand-soft);color:#7a5f00;border-color:#f2e39b}.badge.dark{background:#f2f4f7;color:#5c6878;border-color:#e2e7ed}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.table-wrap table{width:100%;border-collapse:collapse;min-width:820px}.table-wrap th,.table-wrap td{padding:11px 12px;text-align:left;border-bottom:1px solid #edf0f4;font-size:9px;vertical-align:middle}.table-wrap th{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#818c9c;background:#f9fafc}.actions{display:flex;gap:6px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px}.toolbar-card{padding:11px;margin-bottom:12px}.person-cell{display:flex;align-items:center;gap:9px}.person-avatar{width:32px;height:32px;border-radius:10px;background:#fff8d9;border:1px solid #f0df95;display:grid;place-items:center;font-weight:950;color:#8a6900}.person-cell strong{display:block;font-size:10px}.person-cell span{display:block;font-size:8px;color:#9aa3b2;margin-top:2px}.inline-link{border:0;background:transparent;color:#50617b;font-size:9px;font-weight:850;padding:0;text-decoration:underline;text-decoration-color:#d9dee6;text-underline-offset:3px;cursor:pointer}.batch-grid,.batch-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.batch-card,.batch-pro-card{padding:17px}.batch-pro-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.batch-pro-top>div:first-child{display:flex;align-items:center;gap:11px}.batch-number{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#fff8d7,#f8e99b);border:1px solid #efdb76;display:grid;place-items:center;color:#785b00;font-weight:950;font-size:14px}.batch-pro-top h3{margin:0;font-size:16px}.batch-pro-top p{font-size:8px;color:#939cac;margin:4px 0 0}.batch-pro-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.batch-pro-metrics>div{padding:9px;border-radius:10px;background:#f8fafc;border:1px solid #edf0f4}.batch-pro-metrics strong{display:block;font-size:15px}.batch-pro-metrics span{display:block;font-size:7px;color:#909aa9;margin-top:3px;text-transform:uppercase;font-weight:850}.batch-pro-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #edf0f4;padding-top:12px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid.batches{grid-template-columns:repeat(4,1fr)}.permission-item{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fbfcfd;font-size:9px;font-weight:750}.practical-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practical-bank-card{padding:16px}.practical-bank-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.practical-bank-card h3{font-size:14px;margin:7px 0}.practical-bank-card>p{font-size:9px;color:#7d8796;line-height:1.6}.task-meta{display:flex;gap:5px;flex-wrap:wrap}.task-meta>span{font-size:8px;border:1px solid var(--line);padding:4px 6px;border-radius:999px;background:#fafbfc;color:#788394}.exam-type-card{padding:15px;border-radius:13px;border:1px solid var(--line);background:#fbfcfd}.exam-type-card h3{font-size:13px;margin:10px 0 5px}.exam-type-card p{font-size:9px;line-height:1.55;color:#7c8797}.switchline{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4}.switchline input{accent-color:#d0a600}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.type-option{border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.type-option.active{border-color:#dec45c;background:#fffaf0}.type-option strong{font-size:11px}.type-option p{font-size:8px;color:#8993a2;margin:4px 0 0}.task-picker{display:grid;gap:7px;max-height:350px;overflow:auto}.task-pick{display:flex;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;cursor:pointer}.task-pick.selected{background:#fffdf3;border-color:#dfc65a}.task-pick strong{font-size:10px}.task-pick p{font-size:8px;color:#8993a2;line-height:1.45;margin:3px 0 6px}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.archive-card{padding:17px}.archive-head{display:flex;justify-content:space-between;gap:12px}.archive-head h3{font-size:15px;margin:8px 0 3px}.archive-head p{font-size:8px;color:#8d97a6;margin:0}.archive-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.archive-metrics>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.archive-metrics strong{display:block;font-size:12px}.archive-metrics span{display:block;font-size:7px;color:#929cab;text-transform:uppercase;margin-top:3px}.archive-date{font-size:8px;color:#7f8a9b;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.archive-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.review-box{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfd}.review-box strong{font-size:8px;text-transform:uppercase;color:#8994a5}.review-box p{font-size:11px;font-weight:850;margin:5px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(18,27,44,.5);display:grid;place-items:center;padding:20px;z-index:1000}.modal{width:min(780px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 28px 70px rgba(25,36,59,.2)}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.modal-head h2{font-size:20px;margin:0}.modal-head p{font-size:9px;color:#7d8797;margin:5px 0 0}.close{border:0;background:#f4f6f9;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:7px}.field-help{border:1px dashed #dce2ea;border-radius:10px;background:#fafbfc;color:#7e8999;font-size:9px;line-height:1.55;padding:10px}.toast{position:fixed;right:22px;bottom:22px;max-width:380px;padding:11px 13px;border-radius:11px;background:#1d293d;color:white;font-size:9px;font-weight:750;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s;z-index:3000}.toast.show{opacity:1;transform:none}.toast.error{background:#9e3143}.toast.ok{background:#176f58}
.exam-lobby{width:min(920px,100%);margin:20px auto}.lobby-head{padding:24px}.lobby-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.lobby-title-row h1{font-size:26px;margin:8px 0 5px}.lobby-title-row p{font-size:10px;color:#7e8998}.lobby-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.lobby-stat{border:1px solid var(--line);border-radius:11px;background:#fafbfc;padding:10px}.lobby-stat strong{display:block;font-size:14px}.lobby-stat span{display:block;font-size:8px;color:#929cab;margin-top:3px}.instruction-list{display:grid;gap:7px}.instruction{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff}.instruction b{width:27px;height:27px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:8px}.instruction.practical b{background:var(--green-soft);color:var(--green)}.instruction span{font-size:9px;color:#697587;line-height:1.55}.checkline{display:flex;gap:8px;align-items:flex-start;font-size:9px;color:#697587}.exam-shell{width:min(920px,100%);margin:0 auto}.exam-top{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-bottom:10px}.timer-box{min-width:120px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:right}.timer-box .cap{font-size:7px;text-transform:uppercase;color:#929cab;font-weight:900}.timer-box .time{font-size:16px;font-weight:950;margin-top:2px}.violation-strip{font-size:8px;color:#7e8998;margin-top:5px}.progress{height:6px;background:#e8ecf2;border-radius:999px;overflow:hidden;margin-bottom:12px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#e3b900,#ffd942)}.question-card{padding:24px}.q-meta{display:flex;justify-content:space-between;gap:10px;color:#8c96a5;font-size:8px}.q-text{font-size:20px;font-weight:850;line-height:1.45;margin:18px 0}.options{display:grid;gap:8px}.option{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.option:has(input:checked){border-color:#d9be4c;background:#fffdf2}.option span{font-size:10px}.question-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.fullscreen-recovery{position:fixed;inset:0;background:rgba(12,20,35,.94);z-index:4000;display:grid;place-items:center;padding:20px;color:white}.fullscreen-recovery-card{width:min(520px,100%);text-align:center}.fullscreen-recovery-card h2{font-size:28px;margin:0 0 10px}.fullscreen-recovery-card p{font-size:11px;line-height:1.7;color:#cbd4e0}.fullscreen-recovery-card .btn{margin-top:12px;background:#f3c316;color:#2b2615}.practical-shell{width:min(1000px,100%);margin:0 auto}.practical-header{padding:20px}.submission-timer{text-align:right}.submission-timer span{display:block;font-size:8px;color:#8f99a8;text-transform:uppercase}.submission-timer strong{font-size:18px}.practical-question-stack{display:grid;gap:12px;margin-top:12px}.student-practical-task{padding:20px}.student-task-head{display:flex;justify-content:space-between;gap:14px}.student-task-head h2{font-size:18px;margin:7px 0}.task-mark{width:70px;height:60px;border-radius:13px;background:var(--brand-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px;font-weight:950;color:#725700}.task-mark small{font-size:7px;text-transform:uppercase}.brief-box{font-size:9px;line-height:1.65;color:#687486;background:#fafbfc;border:1px solid var(--line);border-radius:11px;padding:11px}.upload-zone{border:1px dashed #cfd7e2;border-radius:12px;padding:18px;text-align:center;background:#fafbfc;cursor:pointer}.upload-zone.drag{background:#effaf6;border-color:#8ccdb8}.upload-zone strong{display:block;font-size:10px}.upload-zone p{font-size:8px;color:#8d97a6}.file-list{display:grid;gap:7px;margin-top:9px}.file-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px}.file-meta strong{display:block;font-size:9px}.file-meta span{display:block;font-size:7px;color:#929cab;margin-top:2px}.practical-submit-bar{margin-top:12px;padding:16px;display:flex;justify-content:space-between;gap:14px;align-items:center;position:sticky;bottom:10px}.practical-submit-bar strong{font-size:11px}.practical-submit-bar p{font-size:8px;color:#8e98a7;margin:3px 0 0}.result-hero{width:min(680px,100%);margin:55px auto;padding:35px;text-align:center}.submission-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:28px;font-weight:950;margin:0 auto 14px}.result-hero h1{font-size:28px}.subline{font-size:10px;color:#7f8a9b}.result-notice{display:grid;gap:6px;border:1px solid #d7ece4;background:#effaf6;border-radius:13px;padding:15px;margin:18px 0}.result-notice strong{font-size:12px}.result-notice span{font-size:9px;color:#627b72;line-height:1.6}.desktop-blocker{min-height:calc(100vh - 150px);display:grid;place-items:center}.desktop-block-card{width:min(560px,100%);padding:34px;text-align:center}.desktop-block-icon{width:74px;height:74px;border-radius:20px;margin:0 auto 15px;background:var(--brand-soft);display:grid;place-items:center;font-size:28px;font-weight:950;color:#7c6000}.desktop-block-card h1{font-size:28px;margin:0 0 10px}.desktop-block-card p{font-size:11px;line-height:1.7;color:#737f91}.desktop-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.desktop-specs div{padding:10px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.desktop-specs strong{display:block;font-size:10px}.desktop-specs span{display:block;font-size:8px;color:#909baa;margin-top:3px}
@media(max-width:1080px){.stats{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.batch-management-grid,.practical-bank-grid,.archive-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:230px minmax(0,1fr)}.permission-grid.batches{grid-template-columns:repeat(3,1fr)}}

/* V10 final result publishing */
.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-mini.result-mode .mini-icon{background:var(--purple-soft);color:var(--purple)}.role-icon.result{background:var(--blue-soft);color:var(--blue)}.result-role{background:linear-gradient(180deg,#fff,#f8fbff)}
.final-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.final-set-card{padding:18px}.final-set-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.final-set-head h3{font-size:17px;margin:8px 0 4px;letter-spacing:-.025em}.final-set-head p{font-size:9px;color:var(--muted);margin:0}.final-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:15px 0}.final-formula>div:not(.plus-sign):not(.equals-sign){border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center;background:#fafbfc}.final-formula strong{display:block;font-size:17px}.final-formula span{display:block;font-size:8px;color:var(--muted);margin-top:3px;text-transform:uppercase;font-weight:850}.plus-sign,.equals-sign{font-size:14px;font-weight:950;color:#a0a8b4}.final-linked{display:grid;gap:7px}.final-linked>div{padding:9px 10px;border:1px solid #edf0f4;border-radius:10px;background:#fbfcfd}.final-linked span{display:block;font-size:8px;color:#929cab;text-transform:uppercase;font-weight:850}.final-linked strong{display:block;font-size:10px;margin-top:4px}.final-set-stats{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.final-set-stats span{font-size:8px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:#fafbfc;color:#748092;font-weight:800}
.final-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.final-admin-summary>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.final-admin-summary strong{display:block;font-size:17px}.final-admin-summary span{display:block;font-size:8px;color:var(--muted);margin-top:3px;text-transform:uppercase;font-weight:850}.final-result-table{max-height:460px;overflow:auto}.status-field{min-height:43px;display:flex;align-items:center;padding:0 4px}
.final-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.final-score-card{padding:14px;border-radius:12px;border:1px solid var(--line);background:#fafbfc}.final-score-card span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#788496}.final-score-card strong{display:block;font-size:22px;margin:7px 0 3px}.final-score-card small{font-size:8px;color:#929baa}.final-score-card.theory-score{background:#f6f9ff;border-color:#e2ebfb}.final-score-card.practical-score{background:#f2fbf7;border-color:#dcefe7}.final-score-card.combined-score{background:#fffaf0;border-color:#f4e6c0}.final-score-card.final-score{background:#f6f1ff;border-color:#e7def9}
.published-results-shell{max-width:980px;margin:0 auto}.published-student-head{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.published-student-head h1{font-size:26px;margin:8px 0 4px}.published-student-head p{font-size:10px;color:var(--muted);margin:0}.published-result-list{display:grid;gap:14px}.published-result-card{padding:24px;position:relative;overflow:hidden}.published-result-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:rgba(243,195,22,.07)}.published-result-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative;z-index:1}.published-result-title h2{font-size:23px;margin:6px 0 4px}.published-result-title p{font-size:9px;color:var(--muted);margin:0}.student-result-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;position:relative;z-index:1}.student-result-score-grid>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.student-result-score-grid span{display:block;font-size:8px;text-transform:uppercase;font-weight:900;color:#7b8798}.student-result-score-grid strong{display:block;font-size:22px;margin:7px 0 3px}.student-result-score-grid small{font-size:8px;color:#919aa8}.student-result-score-grid .combined{background:#fffaf0;border-color:#f1e4be}.student-result-score-grid .final{background:#f2edff;border-color:#e1d7ff}.published-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:relative;z-index:1}.published-status-grid>div{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.published-status-grid span:first-child{display:block;font-size:8px;text-transform:uppercase;color:#8a94a3;font-weight:850;margin-bottom:7px}.published-status-grid strong{font-size:12px}.result-feedback{margin-top:11px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfd;position:relative;z-index:1}.result-feedback span{display:block;font-size:8px;text-transform:uppercase;font-weight:900;color:#8a94a3}.result-feedback p{font-size:10px;line-height:1.6;color:#5f6b7d;margin:6px 0 0}.published-seal{margin-top:16px;padding-top:13px;border-top:1px dashed #dfe4ea;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.published-seal span{font-size:8px;letter-spacing:.09em;font-weight:950;color:#907000}.published-seal strong{font-size:9px;color:#647083}.result-not-published{padding:38px;text-align:center}.result-not-published h2{font-size:21px;margin:13px 0 7px}.result-not-published p{max-width:580px;margin:0 auto;color:var(--muted);font-size:10px;line-height:1.65}.result-check-card{margin-top:42px}
@media(max-width:1080px){.mode-grid{grid-template-columns:1fr 1fr}.final-set-grid{grid-template-columns:1fr}.final-score-grid,.student-result-score-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.mode-grid,.final-score-grid,.student-result-score-grid,.published-status-grid,.final-admin-summary{grid-template-columns:1fr}.published-student-head,.published-result-title,.published-seal{flex-direction:column;align-items:flex-start}.final-formula{grid-template-columns:1fr}.plus-sign,.equals-sign{display:none}}



/* ADSIN purple glass — no remote fonts, animation libraries or background loops. */
:root{color-scheme:dark;--bg:#110b1b;--panel:#1c1429;--card:#1c1429;--navy:#d1b4f4;--text:#f4f0fb;--muted:#b3a6c4;--line:rgba(216,191,255,.14);--brand:#b995ff;--brand-soft:rgba(176,128,255,.14);--blue:#cab3ff;--blue-soft:#2a203d;--green:#91dec0;--green-soft:#163a31;--red:#ffb0bc;--red-soft:#3d202d;--purple:#cbb0ff;--purple-soft:#322244;--orange:#f6d49c;--orange-soft:#3b2e23;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{background:#110b1b}body,body.entry-page,body.exam-page{background:radial-gradient(ellipse at 9% 0,rgba(115,58,166,.23),transparent 46%),radial-gradient(ellipse at 100% 30%,rgba(83,47,126,.15),transparent 42%),#110b1b!important;color:var(--text)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}
*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:#d2b8ff}a:hover{color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c7a4ff;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:#7347b5;color:white}
.topbar,body>header{background:rgba(20,13,30,.88)!important;border-bottom:1px solid var(--line)!important;color:#fff!important;box-shadow:0 10px 36px #0002;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.topbar{padding:18px max(26px,4vw);min-height:88px}.brand{font-size:19px!important;color:#fff!important;letter-spacing:-.025em}.brand span{color:#d7c6ed}.brand-sub{color:var(--muted)!important;font-size:11px!important}.brand-logo-shell,.footer-logo-shell,.logo-panel{background:#21172e!important;border:1px solid var(--line)}.user-chip{background:#241b32;color:#dfd0f4;border:1px solid var(--line);padding:10px 15px}
.app-shell{max-width:1600px;padding:32px max(24px,3vw);margin:auto}.card,.entry-card,.submitted-card,.ready-card,.question-card,.student-practical-task,.practical-header{background:linear-gradient(145deg,rgba(43,30,59,.94),rgba(25,18,36,.97))!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 18px 48px #0002;color:var(--text)!important}
.card,.entry-card,.submitted-card{background-clip:padding-box}.sidebar{background:rgba(28,20,40,.92)!important;padding:16px;top:110px;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 #ffffff06}.side-brand{padding:12px 10px 22px}.side-brand>strong{color:#fff;font-size:15px}.side-brand>div:last-child,.side-profile span,.tiny,.muted,.small.muted,.meta,.subline{color:var(--muted)!important}.side-profile{background:#251b33!important;border-color:var(--line)!important;padding:13px}.side-avatar{background:#3f2c59;color:#e6d5ff}.side-profile strong{font-size:12px;color:#f6edff}.nav-group-label{color:#9b88b0;font-size:9px;letter-spacing:.14em;padding-top:14px}.nav-btn{padding:10px;font-size:12px;color:#c1b3d0;border-radius:12px}.nav-symbol{background:#2b203a;border-color:var(--line);color:#c9b6e2}.nav-btn:hover{background:#ffffff07;color:#fff}.nav-btn.active{background:linear-gradient(100deg,#53347a,#322243);border-color:#b58ada55;color:#fff}.nav-btn.active .nav-symbol{background:#ba98ec;border-color:#ccadf3;color:#21152f}.side-tools{border-color:var(--line)}#resetDemo,#portalBackup{display:none!important}
.page-head{margin-bottom:24px;gap:16px}.page-head h1{font-size:32px;letter-spacing:-.04em;color:#fcf7ff}.page-head p{font-size:13px;color:var(--muted);line-height:1.6}.page-kicker,.eyebrow{color:#d3b5ff!important;letter-spacing:.12em}.eyebrow{background:#332241;border:1px solid #bb92ed33;padding:9px 13px}.section-title{font-size:15px;color:#f4edff}.section-card{padding:22px}.stats{gap:16px}.stat{padding:23px}.stat .label{color:#b5a3c7;font-size:10px}.stat .value{font-size:34px;color:#f8efff}.stat .micro{color:#a393b6;font-size:11px}.grid-2,.grid-3{gap:18px}
.btn,button.primary-btn,.primary-btn{border-radius:12px!important;padding:11px 17px;min-height:42px;font-size:12px;font-weight:650;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.btn-primary,.btn-success,button.primary-btn,.primary-btn{background:linear-gradient(120deg,#c2a1f2,#9c74d2)!important;color:#1b1128!important;border:1px solid #e1c9ff44!important}.btn-primary:hover,.btn-success:hover,.primary-btn:hover{background:linear-gradient(120deg,#d3b7fb,#b693ea)!important}.btn-soft,.btn-ghost,.btn-ghost.btn-block,.secondary{background:#2b2039!important;color:#e6d9f6!important;border:1px solid var(--line)!important}.btn-soft:hover,.btn-ghost:hover{background:#38294c!important;border-color:#a883d066!important}.btn-danger{background:#482435!important;color:#ffd2dc!important;border:1px solid #d17c9a44!important}.btn-sm{min-height:35px;padding:8px 12px;font-size:11px}.btn:active,.primary-btn:active{transform:translateY(1px)}
.input,.select,.textarea,input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{background:#171020!important;color:#f6f0ff!important;border:1px solid #6c52784d!important;border-radius:12px!important;font-size:14px!important;min-height:46px;box-shadow:inset 0 1px 3px #0002}.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{outline:2px solid #c09bea!important;outline-offset:2px;border-color:#c09bea!important}input::placeholder,textarea::placeholder{color:#8f7c9f!important}input[type=checkbox],input[type=radio]{accent-color:#b48de8}select option{background:#20162d;color:#fff}.field label,label{color:#c8b7d9;font-size:11px;font-weight:600;letter-spacing:.025em}.field-help{color:#a99ab9}.form-grid{gap:16px}.field.full{grid-column:1/-1}.divider{border-color:var(--line);background:var(--line)}
.table-wrap{background:#1a1225!important;border:1px solid var(--line)!important;border-radius:18px}.table-wrap table{background:transparent;color:#eee6f7}.table-wrap th{background:#261b34!important;color:#bba7ce!important;border-color:var(--line)!important;font-size:10px;letter-spacing:.08em;padding:16px}.table-wrap td{background:transparent!important;color:#e6dced!important;border-color:#c8a2ff12!important;font-size:12px;padding:16px;line-height:1.6}.table-wrap tbody tr:hover{background:#b48ce808}.badge{font-size:10px;padding:6px 9px}.badge.blue,.badge.purple,.badge.brand{background:#3b2851;color:#d7bcff;border-color:#bc93ef33}.badge.green{background:#18372e;color:#a2e5c5;border-color:#80d7b12b}.badge.red{background:#422333;color:#ffc0ce;border-color:#ce739333}.badge.orange{background:#3b2e23;color:#f2d3a2}.badge.dark{background:#2b2238;color:#cbbbdc;border-color:var(--line)}
.modal-backdrop{background:rgba(5,2,10,.76)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{background:linear-gradient(145deg,#2b1d3b,#191122)!important;color:#f8f0ff!important;border:1px solid #d8b5ff36!important;border-radius:25px;padding:26px;box-shadow:0 30px 110px #0008;animation:glass-enter .18s ease-out}.modal-head h2{color:#faf3ff;font-size:24px;letter-spacing:-.03em}.modal-head p{color:#bba8cd;font-size:12px}.close{background:#3a294b!important;color:#eadcf8!important;border:1px solid var(--line)}.modal-actions{gap:10px}.modal details summary{color:#cdb6e9}.modal div[style*="background:#f5f7"]{background:#160f20!important;color:#efe3fb}.modal .card{box-shadow:none}
.notice{font-size:12px;line-height:1.75;padding:15px;border-radius:13px}.notice.info{background:#2d2340!important;color:#d2c1ec!important;border:1px solid #c39aef2b!important}.notice.warn{background:#3a2e25!important;color:#f4d8b2!important;border-color:#deb56d33!important}.notice.success{background:#18352d!important;color:#b9edd9!important;border-color:#8bd6b033!important}.notice.error,.message.error{background:#3e2030!important;color:#ffd0dc!important;border:1px solid #db8fa540!important}.empty{color:#b7a4ca;padding:32px}.toast{background:#39254f;color:#fff;border:1px solid #bc93ef4d;box-shadow:0 12px 40px #0005}
.footer{background:transparent;color:#a994bf;border-color:var(--line);padding:22px 4vw}.footer-brand{color:#aa96be}.list-item,.mode-mini,.role-card,.lobby-stat,.instruction,.final-linked>div,.final-formula>div:not(.plus-sign):not(.equals-sign),.published-status-grid>div,.student-result-score-grid>div,.final-score-card,.brief-box,.file-item,.device-note,.permission-item,.exam-type-card,.course-chip,.batch-pro-card,.final-admin-summary>div{background:#21172e!important;border-color:var(--line)!important;color:#e9def3!important}.list-item p,.mode-mini p,.role-card p,.instruction span,.lobby-stat span{color:#b8a4cc!important;font-size:12px}.list-item h4,.role-card h3,.mode-mini strong{font-size:14px;color:#f9f2ff}.result-role{background:#2b1c3a!important}.final-formula strong,.student-result-score-grid strong,.final-score-card strong,.archive-metrics strong{color:#e5ccff}.result-notice,.brief-box{background:#21182d!important;color:#cdb9df!important;border-color:var(--line)!important}.upload-zone{background:#1c1427!important;border-color:#a480c85c!important;color:#d7c1ed}.upload-zone.drag{background:#352343!important}
/* Home */
.glass-home{max-width:1440px;margin:auto}.glass-home-intro{padding:50px 20px 35px;text-align:center}.glass-home-intro h1{font-size:clamp(34px,4vw,64px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:25px auto 20px;max-width:900px;color:#fff}.glass-home-intro h1 span{color:#c3a0f0}.glass-home-intro p{color:#b8a4ca;max-width:640px;margin:0 auto;font-size:16px;line-height:1.8}.glass-home-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#dcc3fc;border:1px solid #c299ea42;background:#291b38;border-radius:99px;display:inline-block;padding:9px 15px}.glass-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 26px}.glass-role{padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:290px}.glass-role::after{content:'';width:120px;height:120px;background:radial-gradient(circle,#b881ff17,transparent 70%);position:absolute;right:-20px;top:-30px;pointer-events:none}.glass-role-icon{height:48px;width:48px;border:1px solid #c59bf343;background:#38224d;border-radius:15px;display:grid;place-items:center;color:#dbbfff;margin-bottom:24px;font-size:19px;font-weight:600}.glass-role h2{font-size:22px;letter-spacing:-.025em;margin:0 0 12px}.glass-role p{color:#bba8ce;font-size:14px;line-height:1.8;margin:0 0 24px;flex:1}.glass-role .btn{width:100%;font-size:13px}.glass-role .small{margin-top:14px;color:#9c87b0;font-size:11px}.glass-home-bottom{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:20px;color:#9f89b2;font-size:12px}.glass-home-bottom span{display:flex;gap:9px;align-items:center}.glass-dot{height:5px;width:5px;border-radius:50%;background:#b188df}.glass-heading-line{height:1px;background:linear-gradient(90deg,transparent,#a67cd43d,transparent);max-width:700px;margin:auto}
/* Student entry / exams */
.entry-shell{width:min(560px,92vw)}.entry-card{padding:36px}.entry-badge{background:#332144!important;color:#d6b7fb!important}.entry-card h1,.ready-card h1,.submitted-card h1{color:#fff;font-size:34px;letter-spacing:-.04em}.entry-text,.entry-footer,.entry-card p{color:#bba9cd!important}.brand img{filter:none}.exam-topbar,.exam-header,.exam-info,.timer-box,.question-timer-box,.submission-timer{background:#21162e!important;border-color:var(--line)!important;color:#ebddfa!important}.exam-shell,.exam-container{color:#f4e9ff}.question-card{background:#1b1326!important;box-shadow:none!important}.question-text,.q-text,#questionText{color:#f4ebff!important;font-size:21px!important;line-height:1.65}.option{background:#251a33!important;border:1px solid #a67ed333!important;color:#e6d7f5!important;border-radius:12px;padding:15px}.option.selected,.option:has(input:checked){background:#45305e!important;border-color:#be99ed!important}.short-answer{min-height:180px}.question-actions{border-color:var(--line)}.warning-modal,.modal-card,.fullscreen-recovery{color:#f5ebff}.progress{background:#332143}.progress span{background:linear-gradient(90deg,#b28be0,#d6b6ff)}.urgent{color:#ffb6c7!important}#saveStatus{font-size:12px;color:#b8dfcc}#saveStatus.saving{color:#efc9a0}.submitted-note,.instructions,.ready-instructions{background:#261b34!important;color:#c7b3dd!important;border-color:var(--line)!important}
/* Practical page uses a standalone template, covered by the same palette. */
body.practical-page>main#app>section{background:linear-gradient(145deg,#2b1e3c,#191222)!important;border:1px solid var(--line)!important;border-radius:22px;color:#f5edff}body.practical-page>main#app .task{background:#160f20!important;color:#e2d2f0}body.practical-page>main#app footer{background:#23182f!important;border-color:var(--line)!important}body.practical-page>main#app .file{background:#2a1d39!important}body.practical-page>main#app .notice{background:#30223e!important;color:#dbc7ed}body.practical-page>main#app button{background:#b28bdf;color:#1c102b;font-weight:650}body.practical-page>main#app button.secondary{background:#332442;color:#eee0ff}body.practical-page>main#app .file button{background:#482637;color:#ffd2de}body.practical-page>main#app .meta{color:#b6a2c9!important}body.practical-page>main#app #message.error{color:#ffbdce}.entry-card .field input{width:100%;padding:14px}
@keyframes glass-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.glass-home-intro,.glass-role{animation:glass-enter .25s ease-out}.glass-role:nth-child(2){animation-duration:.3s}.glass-role:nth-child(3){animation-duration:.35s}
@media(hover:hover){.glass-role{transition:border-color .18s ease,transform .18s ease}.glass-role:hover{border-color:#c59bef66!important;transform:translateY(-3px)}}
@media(max-width:1100px){.glass-roles{gap:14px}.glass-role{padding:24px}.dashboard{grid-template-columns:220px minmax(0,1fr);gap:18px}.app-shell{padding:24px}.page-head h1{font-size:28px}}
@media(max-width:760px){.glass-roles{grid-template-columns:1fr}.glass-home-intro{padding:30px 4px}.glass-home-intro p{font-size:14px}.glass-role{min-height:240px}.app-shell{padding:20px 14px}.dashboard{grid-template-columns:1fr}.sidebar{position:static}.side-nav{grid-template-columns:1fr 1fr}.entry-card{padding:25px}.topbar{padding:14px}.modal{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,body>header{background:#1b1226!important}.modal-backdrop{background:#08040eef!important}}
.modal-card{background:#24182f!important;border:1px solid #bd95ef3d!important;box-shadow:0 28px 100px #0007;color:#f7eeff}.modal-card h2,.modal-card p{color:#e9d9f7}.secondary-btn{background:#33233f!important;color:#ecdafa!important;border-color:#b58dd344!important}.warning-icon{background:#493042!important;color:#ffbfce!important}.question-timer-box.urgent{background:#422231!important;border-color:#ce779044!important}