@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#121b35;--navy2:#1d2a4b;--blue:#536dfe;--blue2:#4054dc;--ink:#18223b;--muted:#77819b;--line:#e6eaf2;--bg:#f4f6fb;--white:#fff;--green:#159a72;--red:#d84b63;--amber:#bf7b17;--shadow:0 10px 32px rgba(28,42,82,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:linear-gradient(180deg,#151e39,#10172d);color:#e9edff;padding:25px 16px 18px;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-icon,.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7b8cff,#4d5ff5);display:grid;place-items:center;color:white;font-weight:800;font-family:Manrope;box-shadow:0 6px 20px #536dfe55}.brand strong{font:800 17px Manrope;display:block;letter-spacing:-.4px}.brand small{display:block;color:#8f9bbc;font-size:10px;margin-top:4px;letter-spacing:.5px}.sidebar-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.35px;color:#8e9aba}.sidebar-label{padding:4px 13px 12px}.side-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#b7c0dc;font-size:12px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link:focus{background:#ffffff12;color:white}.nav-dot{width:7px;height:7px;border:1.5px solid #8e9aba;border-radius:3px}.nav-link:hover .nav-dot{background:#97a5ff;border-color:#97a5ff}.sidebar-bottom{margin-top:auto}.secure-tag{border:1px solid #ffffff16;background:#ffffff08;color:#aeb9d5;border-radius:10px;padding:10px 12px;font-size:11px;margin-bottom:15px}.secure-tag span{color:#42d6a0;margin-right:5px}.user-mini{display:flex;align-items:center;gap:10px;padding:13px 8px;border-top:1px solid #ffffff17}.avatar{height:33px;width:33px;border-radius:11px;display:grid;place-items:center;background:#2d3b68;color:white;font-weight:800}.user-mini strong{font-size:11px;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini small{display:block;color:#9ba8c7;font-size:10px;margin-top:4px}.logout-link{display:block;color:#a6b1d1;padding:8px;font-size:11px}.main-area{margin-left:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{padding:31px 38px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.topbar .eyebrow{color:#919bb2;margin-bottom:7px}.topbar h1{font:800 25px Manrope;margin:0;letter-spacing:-.9px}.topbar-right{display:flex;align-items:center;gap:8px;color:#7f89a1;font-size:11px;background:#f8f9fd;padding:10px 13px;border:1px solid var(--line);border-radius:12px}.live-dot{width:7px;height:7px;background:#19bf8b;border-radius:50%;box-shadow:0 0 0 4px #19bf8b20}.page-content{padding:28px 38px 42px;flex:1;max-width:1500px;width:100%;margin:0 auto}.app-footer{padding:18px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#929bb0;font-size:10px}.grid{display:grid;gap:17px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:23px}.stat-card,.card,.table-card,.form-card,.welcome-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7e89a1;font-size:11px;font-weight:600}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#eef0ff;color:#5469f5;font-weight:800}.stat-value{font:800 30px Manrope;letter-spacing:-1px;margin-top:18px}.stat-foot{font-size:10px;color:#98a1b4;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 13px}.section-head h2,.card h2,.form-card h2{font:800 16px Manrope;letter-spacing:-.4px;margin:0}.section-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.card{padding:23px}.welcome-card{padding:25px 27px;background:linear-gradient(115deg,#202e56,#32447a 65%,#5063d8);color:#fff;position:relative;overflow:hidden;margin-bottom:22px}.welcome-card:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff1a;border-radius:50%;right:-60px;top:-105px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05}.welcome-card .eyebrow{color:#adbafa}.welcome-card h2{font:800 24px Manrope;margin:10px 0 7px;letter-spacing:-.8px}.welcome-card p{color:#d0d8f6;margin:0;max-width:630px;line-height:1.7;font-size:12px}.btn{border:0;border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:12px;font-weight:700;transition:.2s;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 15px #536dfe33}.btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}.btn-secondary{background:#f1f3fa;border:1px solid #e4e8f3;color:#4f5c79}.btn-danger{background:#fff0f2;color:#c23b54;border:1px solid #ffd7de}.btn-small{padding:7px 10px;font-size:10px;border-radius:8px}.btn-block{width:100%}.inline-form{display:inline}.table-card{overflow:hidden}.table-toolbar{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.table-toolbar h2{font:800 14px Manrope;margin:0}.table-toolbar p{margin:4px 0 0;color:#8a94aa;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfe;color:#8791a7;font-size:10px;font-weight:700;letter-spacing:.5px;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:14px 18px;border-bottom:1px solid #eff1f6;font-size:11px;color:#495571}tr:last-child td{border-bottom:0}td strong{font-size:11px;color:#202b48}td .sub{font-size:10px;color:#939cb0;margin-top:4px}.empty-state{text-align:center;padding:38px 20px;color:#8791a7}.empty-state strong{display:block;color:#4a5673;margin-bottom:5px}.badge{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.2px}.badge-green{background:#e5f8f0;color:#13845f}.badge-red{background:#ffebee;color:#c33b55}.badge-blue{background:#e9edff;color:#4c5fe2}.badge-amber{background:#fff4df;color:#ac701a}.badge-gray{background:#eff1f6;color:#6f7a92}.alert{padding:13px 15px;border-radius:10px;margin:0 0 18px;line-height:1.55;font-size:12px}.alert-success{background:#e9f8f1;color:#157553;border:1px solid #c9f0de}.alert-danger{background:#fff0f2;color:#ad2943;border:1px solid #ffd5dd}.alert-info{background:#eff3ff;color:#4356ac;border:1px solid #dce3ff}.alert-warning{background:#fff6e5;color:#8d611b;border:1px solid #ffebc0}.form-card{padding:23px;margin-bottom:20px}.form-card h2{margin-bottom:5px}.form-card .form-desc{color:#929bb0;font-size:11px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .span-2{grid-column:1/-1}label{display:block;font-size:11px;font-weight:700;color:#55617c}input,select,textarea{width:100%;margin-top:7px;border:1px solid #e0e5ef;background:#fbfcff;border-radius:9px;padding:11px 12px;color:#24304d;outline:0;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#8794ff;box-shadow:0 0 0 3px #6377ff16;background:#fff}textarea{min-height:95px;resize:vertical}input::placeholder,textarea::placeholder{color:#abb3c3}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px}.muted{color:#8892a9}.small{font-size:10px}.split-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.login-body,.install-body{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#e3e8ff 0,transparent 37%),radial-gradient(ellipse at 90% 90%,#dfe8ff 0,transparent 35%),#f5f7fc;display:grid;place-items:center;padding:25px}.login-shell{width:min(1040px,100%);display:grid;grid-template-columns:1.02fr .98fr;background:#fff;border:1px solid #e3e8f4;border-radius:25px;overflow:hidden;box-shadow:0 25px 80px #1e2f5c18;min-height:610px}.login-visual{background:linear-gradient(145deg,#17213f,#273967 65%,#485ce0);color:white;padding:44px 42px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:'';position:absolute;border:1px solid #ffffff1b;border-radius:50%;width:400px;height:400px;right:-210px;top:80px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.login-visual:after{width:250px;height:250px;top:auto;right:auto;left:-130px;bottom:-130px}.login-logo{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.login-logo strong{font:800 17px Manrope}.login-logo small{display:block;color:#9eadd4;font-size:10px;margin-top:3px}.login-hero{position:relative;z-index:1;margin:auto 0}.login-hero .eyebrow{color:#a7b6f0}.login-hero h1{font:800 35px/1.2 Manrope;letter-spacing:-1.4px;margin:16px 0}.login-hero p{max-width:360px;color:#c9d3f1;line-height:1.85;font-size:12px}.feature-list{display:grid;gap:13px;margin-top:27px}.feature{display:flex;gap:10px;align-items:center;font-size:11px;color:#dfe5ff}.feature i{font-style:normal;width:22px;height:22px;border-radius:7px;background:#ffffff16;display:grid;place-items:center;color:#a8f0d5}.login-foot{position:relative;z-index:1;color:#97a5cd;font-size:10px}.login-form-area{padding:45px 44px;display:flex;flex-direction:column;justify-content:center}.login-form-area h2{font:800 23px Manrope;margin:0 0 7px;letter-spacing:-.8px}.login-form-area .desc{font-size:11px;color:#8c96ac;line-height:1.7;margin:0 0 24px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:22px}.role-option{border:1px solid #e3e7f1;border-radius:11px;padding:12px;display:flex;align-items:center;gap:9px;cursor:pointer;color:#6c7893;transition:.2s}.role-option:has(input:checked){border-color:#7f8cff;background:#f1f3ff;color:#3f52d6}.role-option input{width:auto;margin:0;accent-color:#536dfe}.role-icon{width:28px;height:28px;background:#eef0ff;border-radius:9px;display:grid;place-items:center;font-size:13px}.login-fields{display:grid;gap:15px}.login-fields label{font-size:11px}.login-bottom{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #eff1f6;color:#a0a8ba;font-size:10px}.login-bottom a{color:#596ce9;font-weight:700}.install-wrap{width:min(700px,100%);padding:35px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 70px #1d2b5215}.install-wrap>.brand-mark{margin-bottom:16px}.install-wrap h1{font:800 27px Manrope;letter-spacing:-1px;margin:6px 0}.install-wrap>p{font-size:12px}.install-wrap .panel-form{margin-top:25px}.install-wrap .panel-form h2{font:800 14px Manrope;margin:24px 0 13px}.install-wrap .panel-form h2:first-child{margin-top:0}.footer-note{text-align:center;color:#99a2b6;font-size:10px;margin-top:22px}.question-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:15px}.question-title{font:700 14px/1.65 Manrope;margin:0 0 17px}.option-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e6eaf3;border-radius:10px;margin:8px 0;color:#596581;cursor:pointer;font-size:12px;font-weight:500}.option-row:has(input:checked){background:#f0f3ff;border-color:#8995ff;color:#3449c7}.option-row input{width:auto;margin:2px 0 0;accent-color:#536dfe}.exam-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.timer{position:sticky;top:15px;z-index:4;background:#fff;border:1px solid #f3d69d;color:#9a6412;padding:12px 16px;border-radius:12px;font:800 17px Manrope;box-shadow:var(--shadow)}.result-number{font:800 28px Manrope;color:#28365b}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.icon-label{color:#6e7a97;font-size:10px}.login-error{font-size:10px;color:#c4455b;margin-top:5px}.footer-link{color:#586ce8;font-weight:700}@media(max-width:1120px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:23px}.topbar{padding:25px 23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{padding:16px 23px}}@media(max-width:760px){.sidebar{position:relative;width:auto;inset:auto;padding:13px;min-height:auto}.brand{padding:0 5px 10px}.sidebar-label,.sidebar-bottom,.side-nav a:not(:first-child){display:none}.side-nav{display:flex;flex-direction:row;overflow:auto}.nav-link{white-space:nowrap;padding:9px 11px}.main-area{margin:0}.topbar{padding:20px 17px}.topbar h1{font-size:21px}.topbar-right{display:none}.page-content{padding:17px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-value{font-size:24px}.split-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.app-footer{padding:14px 17px;gap:10px;flex-wrap:wrap}.login-shell{grid-template-columns:1fr}.login-visual{padding:24px;min-height:230px}.login-hero{margin:30px 0}.login-hero h1{font-size:27px}.login-hero p,.feature-list,.login-foot{display:none}.login-form-area{padding:28px 23px}.install-wrap{padding:24px}.table-toolbar{align-items:flex-start;flex-direction:column}.exam-top{align-items:flex-start;flex-direction:column}.timer{position:static}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-top{font-size:10px}.role-grid{gap:7px}.role-option{padding:9px;font-size:10px}}