@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{--ink:#06111e;--navy:#0a1a2c;--panel:#10243b;--muted:#8094aa;--line:#dfe7ef;--paper:#f2f5f8;--cyan:#63e5e8;--blue:#5b7cfa;--violet:#7c5cff;--orange:#ff8c5a;--green:#36d399;--red:#ff647c;--yellow:#ffcf58;--shadow:0 24px 70px rgba(11,30,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:#15263a;background:#f2f5f8}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.block{display:block}.muted{color:#72859a}.tag{font-size:10px;font-weight:800;letter-spacing:.12em;color:#617a93;background:#ecf2f7;border:1px solid #dce6ef;padding:6px 9px;border-radius:999px}.flash{padding:13px 16px;border-radius:12px;margin-bottom:16px;background:#e9f1f7;border:1px solid #d5e2eb;font-weight:600}.flash.success{background:#e5f8ef;color:#147a55;border-color:#bdebd6}.flash.error{background:#fff0f2;color:#ad2d43;border-color:#ffcbd3}.flash.warning{background:#fff7df;color:#8c6411;border-color:#ffe8a4}.primary-button,.primary-small,.finish-button{border:0;border-radius:12px;background:linear-gradient(135deg,#5078ff,#7959f7);color:#fff;font-weight:800;padding:13px 17px;box-shadow:0 9px 24px #6071ed33;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-small{padding:10px 14px}.secondary-button{border:1px solid #d4e0ea;background:#fff;color:#243d58;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.secondary-button.small{padding:7px 9px;font-size:12px}.danger-link{border:0;background:transparent;color:#e04e66;font-weight:700;padding:0}.text-link{color:#3e62dc;text-decoration:none;font-weight:700}.icon-button{width:35px;height:35px;border-radius:10px;border:1px solid #dfe8ef;background:#fff;color:#657b91;font-size:20px}

/* Public landing */
.landing-page{--hero-image:url('../city.svg');background:#030a12;color:#eef6ff;overflow-x:hidden}.ambient-bg{position:fixed;inset:0;background-image:linear-gradient(180deg,rgba(1,8,15,.56),rgba(2,9,17,.87)),var(--hero-image);background-position:center;background-size:cover;z-index:-5}.ambient-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0,rgba(2,8,14,.35) 48%,#02080e 100%)}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.aurora{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(120px);opacity:.12}.aurora-a{background:#0cf;left:-10vw;top:8vh}.aurora-b{background:#7548ff;right:-10vw;bottom:10vh}.scroll-progress{position:fixed;z-index:50;left:0;right:0;top:0;height:2px;background:#ffffff12}.scroll-progress span{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--cyan),var(--violet),var(--orange))}.cursor-light{position:fixed;width:34px;height:34px;border:1px solid #63e5e875;border-radius:50%;pointer-events:none;z-index:90;transition:width .2s,height .2s;mix-blend-mode:screen}.floating-header{position:fixed;z-index:40;top:22px;left:4vw;right:4vw;height:62px;padding:0 11px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff18;background:#06111aaa;border-radius:17px;backdrop-filter:blur(18px);transition:.3s}.floating-header.scrolled{top:10px;background:#06111aee;box-shadow:0 16px 40px #0006}.header-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.header-brand img,.mini-logo{width:35px;height:35px;object-fit:contain;border-radius:10px}.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));font-weight:900;font-size:11px}.header-brand span:last-child{display:grid}.header-brand b{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.06em}.header-brand small{color:#7f96a9;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.header-cta{background:#effaff;color:#0d2032;padding:11px 14px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em}.header-cta span{margin-left:10px}.site-shell{position:relative}.scroll-scene{height:210vh;position:relative}.sticky-frame{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:110px 6vw 45px}.scene-no{position:absolute;left:4vw;top:118px;font-family:Manrope,sans-serif;font-size:11px;color:#72889b;letter-spacing:.2em}.hero-copy{max-width:910px;text-align:center;transform:translateY(var(--hero-y,0)) scale(var(--hero-scale,1));opacity:var(--hero-out,1)}.brand-orbit{width:126px;height:126px;border-radius:50%;margin:0 auto 32px;display:grid;place-items:center;position:relative;background:#061523b8;border:1px solid #ffffff1c;box-shadow:0 0 100px #5ee3e829}.brand-orbit img{width:76px;height:76px;object-fit:contain}.brand-orbit strong{font:900 25px Manrope}.brand-orbit i{position:absolute;inset:-13px;border-radius:50%;border:1px solid #65e4e846;animation:orbitPulse 3s infinite}.brand-orbit i+ i{inset:-29px;animation-delay:1s}.eyebrow{display:inline-flex;align-items:center;color:#79e6e8;font-weight:800;font-size:11px;letter-spacing:.21em;margin:0 0 20px}.hero-copy h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(44px,7.7vw,118px);line-height:.92;letter-spacing:-.075em;margin:0;background:linear-gradient(100deg,#fff 20%,#80eef0 48%,#9b83ff 72%,#fff);background-size:200% auto;color:transparent;background-clip:text;animation:shine 7s linear infinite}.hero-copy>p:last-child{font-size:clamp(14px,1.5vw,19px);line-height:1.8;max-width:680px;margin:27px auto;color:#9caec0}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:grid;gap:8px;text-decoration:none;color:#8297a9;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.scroll-cue i{width:1px;height:36px;background:linear-gradient(#7ee6e8,transparent);margin:auto}.section-intro{text-align:center;transform:translateY(var(--enter-y,40px));opacity:var(--enter,0)}.section-intro small,.support-copy>small{font-weight:800;font-size:10px;letter-spacing:.23em;color:var(--cyan)}.section-intro h2{font:700 clamp(29px,4vw,58px) Manrope;margin:12px 0 36px;letter-spacing:-.045em}.portal-frame{display:flex;flex-direction:column}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1120px,92vw);gap:14px;transform:translateY(var(--enter-y,50px)) scale(var(--panel-scale,.94));opacity:var(--enter,0)}.role-card{position:relative;min-height:330px;border:1px solid #ffffff17;background:linear-gradient(145deg,#102333b8,#08131ee8);border-radius:17px;padding:23px;color:#eaf4fc;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:.35s;box-shadow:0 20px 60px #0004}.role-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0,#5de5e81e,transparent 40%);opacity:0;transition:.3s}.role-card:hover{transform:translateY(-12px);border-color:#6de8eb66}.role-card:hover:before{opacity:1}.role-number{font:700 11px Manrope;color:#658095}.role-icon{width:64px;height:64px;border-radius:20px;margin:52px 0 36px;background:linear-gradient(135deg,#183d54,#254b72);position:relative;box-shadow:inset 0 0 0 1px #ffffff16}.role-icon:after{content:"";position:absolute;inset:18px;border:2px solid #78e9eb;border-radius:7px}.role-card:nth-child(2) .role-icon{background:linear-gradient(135deg,#2e2959,#5f49a2)}.role-card:nth-child(2) .role-icon:after{border-color:#c09cff}.role-card:nth-child(3) .role-icon{background:linear-gradient(135deg,#173c38,#25675c)}.role-card:nth-child(3) .role-icon:after{border-color:#76e8b7}.role-card:nth-child(4) .role-icon{background:linear-gradient(135deg,#4a2d25,#8a4a33)}.role-card:nth-child(4) .role-icon:after{border-color:#ffc286}.role-card strong{font:800 25px Manrope;letter-spacing:.04em}.role-card small{color:#7891a6;margin-top:5px}.role-card>b{position:absolute;right:24px;bottom:21px;font-size:22px;color:#6f899f}.statement-frame{flex-direction:column}.moving-word{font:800 clamp(55px,10.8vw,150px)/.85 Manrope;letter-spacing:-.07em;white-space:nowrap;color:#f1f7fa;transform:translateX(var(--x-left,-60vw));will-change:transform}.moving-word.from-left{transform:translateX(var(--x-right,60vw))}.moving-word.outline{color:transparent;-webkit-text-stroke:1px #72dfe473}.moving-word.accent{background:linear-gradient(90deg,#59e6ea,#8570fb,#ff8c5a);background-clip:text;color:transparent}.center-note{position:absolute;bottom:8vh;color:#94aabd;display:flex;gap:12px;align-items:center}.center-note span{color:var(--cyan)}.values-frame{flex-direction:column}.value-stack{text-align:center;transform:scale(var(--scale,.72));opacity:var(--calm,.5)}.value-stack span{display:block;font:800 clamp(57px,9.8vw,138px)/.8 Manrope;letter-spacing:-.07em}.value-stack span:nth-child(2){color:transparent;-webkit-text-stroke:1px #8beef06b}.value-stack span:nth-child(3){background:linear-gradient(90deg,#73eaec,#967dff);background-clip:text;color:transparent}.value-cards{position:absolute;bottom:6vh;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(960px,88vw);opacity:var(--enter,0);transform:translateY(var(--enter-y,30px))}.value-cards article{background:#07131edc;border:1px solid #ffffff16;padding:17px;border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.value-cards article>b{grid-row:1/3;font:800 20px Manrope;color:var(--cyan)}.value-cards strong{font-size:13px}.value-cards p{margin:0;color:#7f95a8;font-size:11px}.flow-frame{flex-direction:column}.flow-line{width:min(1050px,92vw);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18;border:1px solid #ffffff18;border-radius:18px;overflow:hidden;transform:translateY(var(--enter-y,40px));opacity:var(--enter,0)}.flow-line article{background:#07131ee8;padding:33px 25px;min-height:220px}.flow-line span{color:#5ee3e8;font:800 11px Manrope}.flow-line b{display:block;font:700 24px Manrope;margin:45px 0 10px}.flow-line p{color:#7f94a6;font-size:13px;line-height:1.6}.support-frame{justify-content:flex-start}.support-copy{width:min(780px,92vw);transform:translateY(var(--enter-y,40px));opacity:var(--enter,0)}.support-copy h2{font:800 clamp(48px,8vw,112px)/.88 Manrope;letter-spacing:-.07em;margin:15px 0 24px}.support-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #75e3e883}.support-copy>p{color:#91a6b8;max-width:560px;font-size:16px;line-height:1.7}.support-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.support-actions a{background:#eef9ff;color:#0a1c2b;padding:13px 17px;border-radius:11px;text-decoration:none;font-weight:800;font-size:12px}.support-actions a.ghost{background:#0d2132c4;color:#bcd1e0;border:1px solid #ffffff1c}.support-frame footer{position:absolute;left:6vw;right:6vw;bottom:28px;border-top:1px solid #ffffff14;padding-top:18px;color:#597185;font-size:11px}.support-scene{height:130vh}@keyframes orbitPulse{50%{transform:scale(1.06);opacity:.45}}@keyframes shine{to{background-position:200% center}}

/* Authentication */
.auth-page{min-height:100vh;background:#06121f;color:#eaf4fd;display:grid;place-items:center;padding:35px;overflow-x:hidden}.auth-ambient{position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,#244e7455,transparent 30%),radial-gradient(circle at 85% 75%,#694ccc45,transparent 33%),linear-gradient(135deg,#07121e,#0b1f34);z-index:-1}.auth-shell{width:min(1040px,100%)}.back-home{display:inline-block;margin-bottom:17px;text-decoration:none;color:#96aec3;font-size:12px}.auth-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px;border:1px solid #ffffff17;background:#0a1929d9;border-radius:25px;overflow:hidden;box-shadow:0 35px 100px #0009;backdrop-filter:blur(18px)}.auth-art{padding:70px;background:radial-gradient(circle at 30% 20%,#51dde31f,transparent 35%),linear-gradient(145deg,#102a41,#071420);display:flex;flex-direction:column;justify-content:center}.auth-art .pill{font-size:10px;letter-spacing:.2em;color:#71e6e8;font-weight:800}.auth-art h1{font:800 clamp(42px,6vw,74px)/.95 Manrope;margin:16px 0 25px;letter-spacing:-.06em}.auth-art p{color:#94a8ba;line-height:1.75;max-width:440px}.security-list{display:grid;gap:11px;margin-top:45px;color:#a7bdce;font-size:13px}.security-list span::first-letter{color:#65e2b0}.auth-form-wrap{background:#fff;color:#1a2b3d;padding:65px 55px;display:flex;flex-direction:column;justify-content:center}.auth-logo{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#4e79fb,#7d5af3);color:#fff;font-weight:900;margin-bottom:28px;box-shadow:0 13px 35px #5b70ed55}.auth-logo img{width:50px;height:50px;object-fit:contain}.auth-form-wrap form{display:grid;gap:17px}.auth-form-wrap label,.form-grid label,.import-form label,.essay-answer{display:grid;gap:7px;font-size:12px;font-weight:700;color:#425c75}.auth-form-wrap input,.auth-form-wrap select,.form-grid input,.form-grid select,.form-grid textarea,.import-form input,.compact-select select,.table-toolbar input,.assign-participants select,.assign-form input,.grade-form input,.grade-form select,.token-form input{width:100%;padding:12px 13px;border:1px solid #d6e1ea;border-radius:10px;background:#f8fafc;color:#172b3f;outline:none}.auth-form-wrap input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#657ef0;box-shadow:0 0 0 3px #6078ed17}.password-input{position:relative}.password-input button{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;background:transparent}.login-help{font-size:11px;color:#8092a3;text-align:center;margin-top:18px}

/* Dashboard layout */
.dashboard-page{min-height:100vh;background:#edf2f6}.dashboard-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:256px;background:#071522;color:#d8e5ef;padding:20px 14px;display:flex;flex-direction:column;z-index:50;box-shadow:12px 0 40px #0a1d3320}.sidebar-brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:8px 8px 24px;border-bottom:1px solid #ffffff10}.brand-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#54dce4,#7564f8);font-weight:900;font-size:12px;overflow:hidden}.brand-symbol img{width:34px;height:34px;object-fit:contain}.sidebar-brand>span:last-child{display:grid;min-width:0}.sidebar-brand b{font:700 11px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand small{color:#668097;font-size:8px;letter-spacing:.13em;margin-top:3px}.sidebar nav{display:grid;gap:3px;margin:20px 0;overflow-y:auto;padding-right:3px}.sidebar nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#7890a4;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700;transition:.2s}.sidebar nav a i{font-style:normal;width:21px;text-align:center;color:#5e7a92}.sidebar nav a:hover{color:#d9eaf5;background:#ffffff08}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#2b5c74,#24395f);box-shadow:inset 3px 0 #6ae4e6}.sidebar nav a.active i{color:#6fe4e6}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff10;padding:17px 6px 0;display:flex;align-items:center;gap:9px}.sidebar-user>span{width:34px;height:34px;border-radius:10px;background:#183149;display:grid;place-items:center;font-weight:800;color:#65e3e6}.sidebar-user>div{display:grid;min-width:0;flex:1}.sidebar-user b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:#658096}.sidebar-user form button{border:0;background:transparent;color:#6f879a;font-size:20px}.dashboard-main{margin-left:256px;min-height:100vh}.topbar{height:95px;background:#fff;border-bottom:1px solid #e0e7ee;padding:0 31px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar>div:first-of-type small{color:#8a9bab;font-size:8px;font-weight:800;letter-spacing:.16em}.topbar h1{font:800 22px Manrope;margin:4px 0 0;letter-spacing:-.03em}.menu-toggle{display:none;border:0;background:#edf3f7;border-radius:10px;padding:10px}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-actions>a{font-size:11px;text-decoration:none;color:#536e87}.server-status{font-size:10px;color:#4a657c;display:flex;gap:6px;align-items:center}.server-status i,.live-label i{width:7px;height:7px;border-radius:50%;background:#3bd69b;box-shadow:0 0 0 5px #42d99d19}.content-area{padding:28px 31px 60px;max-width:1620px;margin:auto}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 22px}.section-heading-row small,.panel-head small{font-size:9px;letter-spacing:.17em;font-weight:800;color:#58738d}.section-heading-row h2,.panel h2{font:800 28px Manrope;letter-spacing:-.04em;margin:5px 0}.section-heading-row p{margin:4px 0 0;color:#75889b;font-size:13px}.welcome-banner{min-height:205px;border-radius:22px;padding:35px 40px;background:radial-gradient(circle at 85% 10%,#6ce2e626,transparent 25%),linear-gradient(130deg,#0a2135,#133c51 60%,#24435e);color:#eaf5fc;display:flex;align-items:center;justify-content:space-between;box-shadow:0 23px 60px #142d4533;margin-bottom:22px;overflow:hidden}.welcome-banner .eyebrow-dark{color:#68e1e4;font-size:9px;letter-spacing:.2em;font-weight:800}.welcome-banner h2{font:800 clamp(30px,4vw,47px) Manrope;margin:9px 0 11px;letter-spacing:-.05em}.welcome-banner p{color:#91acbe;margin:0;max-width:570px}.welcome-badge{width:130px;height:130px;border-radius:50%;border:1px solid #ffffff20;background:#ffffff09;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 40px #54e1e411}.welcome-badge b{font:800 23px Manrope}.welcome-badge small{color:#84a1b5}.live-orb{width:130px;height:130px;border-radius:50%;position:relative;border:1px solid #6ee6e83d;display:grid;place-items:center;text-align:center;font:800 11px Manrope;color:#6ce6e9}.live-orb i{position:absolute;inset:14px;border-radius:50%;border:1px dashed #68dfe557;animation:spin 12s linear infinite}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric-grid article{background:#fff;border:1px solid #e1e8ef;border-radius:16px;padding:19px;display:grid;grid-template-columns:45px 1fr;gap:11px;box-shadow:0 9px 28px #12304a0c}.metric-grid article>span{width:45px;height:45px;border-radius:13px;background:#ecf5fa;color:#25708d;display:grid;place-items:center;font-size:20px}.metric-grid article div{display:grid}.metric-grid small{font-size:8px;letter-spacing:.12em;color:#8798a7;font-weight:800}.metric-grid b{font:800 26px Manrope}.metric-grid article>i{grid-column:1/-1;border-top:1px solid #edf1f4;padding-top:10px;font-style:normal;color:#8a9aa9;font-size:10px}.panel{background:#fff;border:1px solid #e0e8ef;border-radius:17px;padding:20px;box-shadow:0 12px 35px #102b4309;margin-bottom:18px}.panel.compact{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.panel-head h2,.panel-head h3{margin:3px 0;font:800 18px Manrope;letter-spacing:-.025em}.panel-head p{margin:4px 0;color:#778b9e}.table-wrap{overflow:auto;border:1px solid #e8eef3;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:11px 13px;background:#f6f9fb;color:#667e94;font-size:9px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}td{padding:12px 13px;border-top:1px solid #e8eef3;color:#40566a}td b{color:#1d3348}.empty-cell{text-align:center;color:#8496a6;padding:30px!important}.status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;background:#edf2f5;color:#65798b}.status-active,.status-online,.status-submitted,.status-released{background:#def7eb;color:#167752}.status-draft,.status-waiting,.status-assigned,.status-scheduled{background:#fff4d6;color:#926b17}.status-closed,.status-inactive,.status-locked{background:#ffe7eb;color:#ad344b}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.table-toolbar form{display:flex;gap:7px}.table-toolbar input{min-width:280px}.table-toolbar button,.inline-upload button,.token-form button,.assign-participants button,.assign-form button,.grade-form button{border:0;background:#183b5c;color:#fff;border-radius:9px;padding:10px 13px;font-weight:700}.table-toolbar>span{color:#8192a2;font-size:11px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions a{color:#3d61da;text-decoration:none;font-weight:700}.row-actions form{display:inline}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span{width:33px;height:33px;border-radius:10px;background:#edf3f7;color:#51738d;display:grid;place-items:center;font-weight:800}.user-cell>div{display:grid}.user-cell small{color:#8596a5}.role-badge{font-size:9px;font-weight:800;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:#e9eff5;color:#587087}.role-admin{background:#e9e5ff;color:#6348b5}.role-guru{background:#ddf6f2;color:#147b6e}.role-pengawas{background:#e2effc;color:#2c6597}.role-siswa{background:#fff0dc;color:#9a6521}.pagination{display:flex;gap:5px;margin-top:13px}.pagination a{width:30px;height:30px;border:1px solid #dfe7ee;display:grid;place-items:center;text-decoration:none;border-radius:8px;font-size:11px}.pagination a.active{background:#193c5c;color:#fff}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:17px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.inline-upload{display:flex;gap:8px;margin-top:13px}.inline-upload input{flex:1;border:1px dashed #cbdbe7;padding:9px;border-radius:9px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mini-stats div{border:1px solid #e8eef3;border-radius:12px;padding:15px;display:grid;gap:4px}.mini-stats b{font:800 23px Manrope}.mini-stats span{font-size:10px;color:#8293a3}.form-panel{display:none;scroll-margin-top:115px}.form-panel.show,.form-panel:target{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:1/-1}.form-grid label small{font-weight:400;color:#8a9aa8}.form-grid textarea{resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:8px;margin-top:5px}.compact-grid{gap:10px}.compact-grid button{align-self:end}.import-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center}.import-panel h3{font:800 19px Manrope;margin:8px 0}.import-form{display:grid;gap:10px;padding:15px;border:1px dashed #ccdbe6;border-radius:13px}.import-form>span{text-align:center;color:#93a1ae;font-size:10px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tabs a{padding:7px 10px;border-radius:8px;text-decoration:none;font-size:10px;font-weight:700;color:#6d8295}.filter-tabs a.active{background:#163a59;color:#fff}.question-list{display:grid}.question-row{display:grid;grid-template-columns:105px 1fr auto auto;align-items:center;gap:14px;padding:14px;border-top:1px solid #e9eef2}.question-row:first-child{border-top:0}.question-type{font-size:9px;font-weight:800;letter-spacing:.06em;color:#49738f;background:#e8f4fa;padding:7px 8px;text-align:center;border-radius:7px}.type-essay{background:#f0eaff;color:#6d50ae}.type-matching{background:#e5f7ee;color:#28795a}.question-main{display:grid;gap:5px}.question-main>div{display:grid}.question-main span,.question-main small{font-size:10px;color:#7d91a4}.question-main b{font-size:12px}.question-thumb{width:54px;height:42px;object-fit:cover;border-radius:8px}.exam-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-exam-card,.student-exam-card{background:#fff;border:1px solid #e1e8ef;border-radius:17px;padding:20px;box-shadow:0 12px 35px #102b4309}.exam-card-top{display:flex;justify-content:space-between;align-items:center}.exam-card-top>span:first-child{font-size:9px;color:#637d93;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.admin-exam-card h3,.student-exam-card h3{font:800 19px Manrope;line-height:1.3;margin:16px 0}.exam-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e6edf2;border-radius:11px}.exam-numbers div{padding:12px;text-align:center;border-left:1px solid #e6edf2;display:grid}.exam-numbers div:first-child{border-left:0}.exam-numbers b{font:800 19px Manrope}.exam-numbers span{font-size:9px;color:#8293a2}.release-state{display:flex;gap:10px;align-items:center;padding:11px;border-radius:10px;margin-top:13px}.release-state.released{background:#e7f8f0;color:#167650}.release-state.held{background:#fff4db;color:#8e6817}.release-state>span{font-size:19px}.release-state>div{display:grid}.release-state b{font-size:11px}.release-state small{font-size:9px;opacity:.8}.card-footer-actions{display:flex;gap:13px;margin-top:15px;padding-top:13px;border-top:1px solid #ebf0f4}.card-footer-actions a{font-size:10px;text-decoration:none;color:#3e63d8;font-weight:700}.card-footer-actions form{margin-left:auto}.switch-field{display:flex!important;align-items:center;gap:11px;border:1px solid #dfe8ef;border-radius:11px;padding:10px}.switch-field>input{display:none}.switch-field>span{width:40px;height:23px;border-radius:99px;background:#cbd7e0;position:relative;flex:none}.switch-field>span:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-field>input:checked+span{background:#4f76f1}.switch-field>input:checked+span:after{transform:translateX(17px)}.switch-field>div{display:grid}.switch-field b{font-size:11px}.switch-field small{font-size:9px}.score-banner{padding:20px 24px;border-radius:16px;background:#fff3da;border:1px solid #ffe3a2;display:flex;align-items:center;gap:23px;margin-bottom:16px}.score-banner.complete{background:#def7eb;border-color:#bcebd5}.score-banner h3{font:800 20px Manrope;margin:3px 0}.score-banner small{color:#768b9d}.score-banner>p{margin-left:auto;color:#7a6850;font-size:11px}.score-ring{display:flex;align-items:baseline;gap:4px}.score-ring b{font:800 34px Manrope}.score-ring span{font-size:10px}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.builder-list{display:grid}.builder-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #ebf0f3}.builder-list article>div{display:grid}.builder-list small{font-size:9px;color:#7f92a3}.builder-list b{font-size:11px}.position-badge{width:27px;height:27px;border-radius:8px;background:#edf3f7;display:grid;place-items:center;font-weight:800;font-size:10px}.assign-form{display:flex;gap:5px}.assign-form input{width:48px;padding:7px}.assign-form button{padding:7px 10px}.chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.chip-list span{background:#edf3f7;border-radius:8px;padding:7px 9px;font-size:9px;color:#587188}.assign-participants{display:flex;gap:5px;min-width:205px}.assign-participants select{padding:7px}.assign-participants button{padding:7px 9px}.monitor-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.monitor-summary article{background:#fff;border:1px solid #e0e8ef;border-radius:13px;padding:14px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.monitor-summary .dot{width:9px;height:9px;border-radius:50%;background:#9daebb;grid-row:1/3}.dot-online{background:#36d399!important;box-shadow:0 0 0 5px #36d3991b}.dot-submitted{background:#5787f3!important}.dot-locked{background:#ff647c!important}.dot-terputus{background:#f1b94b!important}.monitor-summary b{font:800 21px Manrope}.monitor-summary span{font-size:9px;color:#768b9e}.live-label{font-size:9px;color:#6e8498;display:flex;align-items:center;gap:8px}.live-status{font-size:9px;font-weight:800;text-transform:uppercase}.live-online{color:#12805a}.live-locked{color:#bd334c}.live-terputus{color:#a36f12}.violation-number{color:#e35268}.ai-state{font-size:9px;font-weight:800;padding:7px 10px;border-radius:999px;background:#eef2f5;color:#798a99}.ai-state.ready{background:#e8e5ff;color:#644bb4}.essay-list{display:grid;gap:15px}.essay-card{background:#fff;border:1px solid #dfe8ef;border-radius:17px;padding:20px}.essay-card header{display:flex;justify-content:space-between}.essay-card header small{color:#7890a3;font-size:10px}.essay-card header h3{margin:4px 0;font:800 18px Manrope}.essay-card header>span{font-size:10px;color:#61798d}.essay-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.essay-columns>div{background:#f6f9fb;border-radius:12px;padding:15px}.essay-columns small{font-size:8px;letter-spacing:.13em;font-weight:800;color:#6f8496}.essay-columns p{font-size:12px;line-height:1.7}.student-answer{background:#eef6fa!important}.grade-form{display:flex;gap:8px;align-items:end;border-top:1px solid #e8eef3;padding-top:14px}.grade-form label{display:grid;gap:5px;font-size:9px;color:#677e93;font-weight:800}.grade-form label.grow{flex:1}.grade-form button{height:39px}.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.report-actions a{padding:11px 13px;border:1px solid #dce5ec;background:#fff;border-radius:10px;text-decoration:none;font-size:10px;font-weight:800;color:#3f5d76}.score-value{color:#375ddb;font-size:15px}.difficulty{font-size:9px;padding:5px 8px;border-radius:999px;background:#fff4d9;color:#87651b}.difficulty.easy{background:#e2f7ec;color:#197455}.difficulty.hard{background:#ffe7eb;color:#ae354b}.appearance-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.preview-card{min-height:460px;background:linear-gradient(145deg,#0b2439,#122e4a);background-size:cover;background-position:center;color:#fff;border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.preview-card>small{color:#65e3e6;letter-spacing:.15em;font-size:9px}.preview-card img,.preview-logo{width:85px;height:85px;object-fit:contain;margin:24px 0;border-radius:22px}.preview-logo{display:grid;place-items:center;background:linear-gradient(135deg,#58dce4,#7960f5);font-weight:900}.preview-card h3{font:800 30px Manrope;letter-spacing:-.05em;margin:3px 0}.preview-card p{color:#9cb1c2;line-height:1.7}.security-note{display:flex;gap:13px;align-items:center}.security-note>span{font-size:29px}.security-note p{margin:4px 0;color:#7b8fa0;font-size:11px}.minutes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result-card{background:#fff;border:1px solid #e0e8ef;border-radius:17px;padding:22px}.result-card>span{font-size:9px;color:#607b91;font-weight:800;letter-spacing:.1em}.result-card h3{font:800 18px Manrope;margin:9px 0 20px}.big-score{font:800 58px Manrope;color:#385cda;letter-spacing:-.06em}.big-score small{font-size:11px;color:#8394a4;letter-spacing:0}.score-breakdown{display:flex;gap:16px;border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2;padding:12px 0}.score-breakdown span{font-size:10px;color:#71869a}.result-card footer{font-size:9px;color:#93a1ad;margin-top:14px}.result-lock{text-align:center;background:#f4f7f9;border-radius:12px;padding:24px;color:#788b9c;display:grid;gap:6px}.result-lock:first-letter{font-size:25px}.result-lock p{margin:0;font-size:10px}.profile-grid{display:grid;grid-template-columns:340px 1fr;gap:17px}.profile-card{background:linear-gradient(145deg,#0b2236,#123b50);color:#fff;border-radius:18px;padding:32px;text-align:center}.profile-avatar{width:85px;height:85px;border-radius:24px;background:linear-gradient(135deg,#5ee2e8,#7a5ff3);display:grid;place-items:center;margin:auto;font:800 35px Manrope}.profile-card h2{font:800 22px Manrope}.profile-card dl{margin-top:24px;text-align:left;border-top:1px solid #ffffff14}.profile-card dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff12;font-size:11px}.profile-card dt{color:#809aad}.profile-card dd{margin:0}.exam-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.student-exam-card dl{display:grid;gap:8px}.student-exam-card dl div{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #ecf0f3;padding-bottom:7px}.student-exam-card dt{color:#7b8fa0}.student-exam-card dd{margin:0;font-weight:700}.token-form{display:flex;gap:7px;margin-top:14px}.token-form input{text-transform:uppercase;font-weight:800;letter-spacing:.17em}.submitted-note{background:#e5f8ef;color:#1a7254;padding:11px;border-radius:9px;font-size:10px;margin-top:14px}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #ccdae5;border-radius:16px;padding:50px;color:#6e8294}.empty-state b{font:800 19px Manrope;color:#243b51}.empty-state p{font-size:12px}

/* Exam interface */
.exam-page{height:100vh;overflow:hidden;background:#edf2f6;color:#183047}.exam-header{height:76px;background:#071827;color:#e8f3fb;display:flex;align-items:center;padding:0 20px;gap:23px;box-shadow:0 8px 25px #06111e33}.exam-brand{display:flex;align-items:center;gap:10px;min-width:280px}.exam-brand>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#56dee5,#765df3);display:grid;place-items:center;font-weight:900;font-size:11px}.exam-brand>div,.exam-candidate{display:grid}.exam-brand b{font:700 12px Manrope}.exam-brand small,.exam-candidate small,.exam-clock small{font-size:8px;color:#708aa0;letter-spacing:.1em}.exam-candidate{margin-left:auto}.exam-candidate b{font-size:11px}.exam-clock{display:grid;text-align:right}.exam-clock b{font:800 20px Manrope;color:#6be4e6;letter-spacing:.04em}.fullscreen-button{border:1px solid #ffffff1c;background:#102a3f;color:#a9c0d0;border-radius:9px;padding:9px 11px;font-size:10px}.exam-layout{height:calc(100vh - 76px);display:grid;grid-template-columns:260px 1fr}.question-nav{background:#fff;border-right:1px solid #dce5ed;padding:18px;overflow:auto}.progress-card{border-radius:13px;background:#0d2b43;color:#fff;padding:14px}.progress-card>span{font-size:8px;color:#7e9aaf;letter-spacing:.12em}.progress-card>b{font:800 22px Manrope;display:block;margin:5px 0 9px}.progress-card>div{height:5px;background:#ffffff18;border-radius:5px;overflow:hidden}.progress-card>div i{display:block;height:100%;width:0;background:linear-gradient(90deg,#55dfe6,#7a63f4);transition:.25s}.nav-legend{display:flex;gap:9px;font-size:8px;color:#7b8f9f;margin:15px 0 10px}.nav-legend span{display:flex;align-items:center;gap:4px}.nav-legend i{width:8px;height:8px;border-radius:3px}.nav-legend .answered{background:#4f78f1}.nav-legend .flagged{background:#ffbf4d}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.number-grid button{aspect-ratio:1;border:1px solid #dae4eb;background:#f7f9fb;color:#647b8e;border-radius:8px;font-size:10px;font-weight:800}.number-grid button.active{outline:2px solid #254e72;outline-offset:1px}.number-grid button.answered{background:#5c78e8;color:#fff;border-color:#5c78e8}.number-grid button.flagged{box-shadow:inset 0 -4px #ffc34e}.violation-card{border:1px solid #ffd4da;background:#fff4f5;border-radius:12px;padding:12px;margin-top:18px}.violation-card>div{display:flex;justify-content:space-between}.violation-card span{font-size:8px;color:#ae5363;font-weight:800}.violation-card b{font:800 15px Manrope;color:#ca4057}.violation-card p{font-size:9px;line-height:1.5;color:#986674;margin:7px 0 0}.question-stage{padding:25px clamp(25px,6vw,90px);overflow:auto}.question-slide{display:none;max-width:1000px;margin:auto}.question-slide.active{display:block}.question-meta{display:flex;gap:8px;margin-bottom:12px}.question-meta span{font-size:8px;letter-spacing:.09em;font-weight:800;color:#607a90;background:#e2ebf2;border-radius:7px;padding:6px 8px}.question-content{background:#fff;border:1px solid #dfe7ee;border-radius:17px;padding:28px;box-shadow:0 13px 35px #17324c0b;min-height:430px}.question-content h2{font:600 19px/1.7 Manrope;letter-spacing:-.02em;margin:0 0 24px}.exam-question-image{display:block;max-height:280px;max-width:100%;object-fit:contain;margin:0 auto 25px;border-radius:10px}.answer-hint{font-size:11px;color:#6e8395}.option-list{display:grid;gap:9px}.option-item{display:grid;grid-template-columns:auto 35px 1fr;align-items:center;border:1px solid #dfe8ee;border-radius:11px;padding:10px 14px;cursor:pointer;transition:.2s}.option-item:hover{border-color:#7f93e9;background:#f7f8ff}.option-item input{accent-color:#5a70df}.option-item>span{width:28px;height:28px;border-radius:8px;background:#edf3f7;display:grid;place-items:center;font-size:10px}.option-item b{font-size:12px;font-weight:600}.option-item:has(input:checked){border-color:#5a73e6;background:#f2f4ff}.option-item:has(input:checked)>span{background:#5c74e5;color:#fff}.matching-list{display:grid;gap:10px}.matching-list label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;background:#f6f9fb;padding:12px;border-radius:10px;font-size:12px}.matching-list select{padding:10px;border:1px solid #d5e1ea;border-radius:8px}.tf-list{display:grid;gap:10px}.tf-list>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e8ef;border-radius:10px}.tf-list p{margin:0;font-size:12px}.tf-list label{font-size:11px}.essay-answer textarea{border:1px solid #d7e2ea;background:#f8fafc;border-radius:11px;padding:15px;resize:vertical;outline:none}.question-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.question-controls button:disabled{opacity:.4}.flag-toggle input{display:none}.flag-toggle span{padding:10px 13px;background:#fff;border:1px solid #dfe7ed;border-radius:10px;font-size:10px;font-weight:800;color:#7b8d9d}.flag-toggle input:checked+span{background:#fff3d9;border-color:#ffd376;color:#916318}.save-indicator{position:fixed;right:19px;bottom:15px;background:#071827;color:#97adbd;border-radius:99px;padding:8px 12px;font-size:9px;display:flex;align-items:center;gap:7px;box-shadow:0 9px 25px #0004}.save-indicator i{width:7px;height:7px;border-radius:50%;background:#39d49a}.exam-modal,.lock-overlay{position:fixed;inset:0;background:#04101ad9;display:none;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(9px)}.exam-modal.show,.lock-overlay.show{display:grid}.exam-modal>div,.lock-overlay>div{width:min(480px,100%);background:#fff;border-radius:20px;padding:30px;text-align:center;position:relative}.exam-modal>div>button{position:absolute;right:13px;top:13px;border:0;background:#edf2f5;width:33px;height:33px;border-radius:9px}.modal-icon,.lock-overlay span{width:62px;height:62px;border-radius:20px;background:#e1f7ec;color:#16805a;display:grid;place-items:center;margin:auto;font-size:27px}.exam-modal h2,.lock-overlay h2{font:800 25px Manrope}.exam-modal p,.lock-overlay p{color:#74889a;font-size:12px}.submission-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.submission-summary span{background:#f1f5f8;padding:10px;border-radius:9px;display:grid;font-size:9px;color:#708599}.submission-summary b{font:800 19px Manrope;color:#233d53}.locked-screen{min-height:calc(100vh - 76px);display:grid;place-items:center;text-align:center;padding:25px}.locked-screen>div{max-width:540px}.locked-screen span{font-size:65px}.locked-screen h1{font:800 37px Manrope}.locked-screen p{color:#71869a;line-height:1.7}.locked-screen a{display:inline-block;background:#183c5b;color:#fff;text-decoration:none;padding:12px 16px;border-radius:10px}

.dot-belum_login{background:#9daebb!important}.live-belum_login{color:#788b9b}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.role-grid{grid-template-columns:repeat(2,1fr)}.role-card{min-height:220px}.role-icon{margin:20px 0}.metric-grid{grid-template-columns:repeat(2,1fr)}.exam-admin-grid,.exam-card-grid,.result-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:224px}.dashboard-main{margin-left:224px}.import-panel{grid-template-columns:1fr}.question-row{grid-template-columns:95px 1fr auto}.question-row .row-actions{grid-column:2/4}.exam-layout{grid-template-columns:220px 1fr}.exam-candidate{display:none}}
@media(max-width:800px){.cursor-light{display:none}.floating-header{left:15px;right:15px;top:12px}.header-brand small{display:none}.scroll-scene{height:170vh}.sticky-frame{padding:95px 18px 35px}.scene-no{left:19px;top:100px}.role-grid{grid-template-columns:1fr 1fr;gap:8px}.role-card{padding:15px;min-height:205px}.role-icon{width:48px;height:48px;margin:18px 0}.role-card strong{font-size:18px}.moving-word{font-size:15vw}.value-cards{grid-template-columns:1fr;bottom:3vh}.value-cards article{padding:11px}.flow-line{grid-template-columns:1fr 1fr}.flow-line article{min-height:150px;padding:20px}.support-copy h2{font-size:14vw}.auth-page{padding:15px}.auth-card{grid-template-columns:1fr}.auth-art{padding:35px;min-height:310px}.auth-form-wrap{padding:35px}.sidebar{transform:translateX(-102%);transition:.25s;width:260px}.sidebar.open{transform:none}.dashboard-main{margin-left:0}.topbar{padding:0 16px;height:82px}.menu-toggle{display:block}.topbar-actions .server-status{display:none}.content-area{padding:20px 15px 45px}.welcome-banner{padding:28px 24px}.welcome-badge,.live-orb{display:none}.split-panels,.builder-grid,.appearance-grid,.minutes-grid,.profile-grid{grid-template-columns:1fr}.monitor-summary{grid-template-columns:repeat(2,1fr)}.exam-admin-grid,.exam-card-grid,.result-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-actions{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}.question-row{grid-template-columns:1fr}.question-row .row-actions{grid-column:auto}.question-type{width:max-content}.grade-form{display:grid;grid-template-columns:1fr 1fr}.grade-form .grow{grid-column:1/-1}.essay-columns{grid-template-columns:1fr}.section-heading-row{align-items:flex-start;flex-direction:column}.exam-header{height:68px;padding:0 10px}.exam-brand{min-width:0;flex:1}.exam-brand>div b{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.exam-clock b{font-size:15px}.fullscreen-button{font-size:0;padding:9px}.fullscreen-button:first-letter{font-size:16px}.exam-layout{height:calc(100vh - 68px);display:block}.question-nav{position:fixed;left:0;right:0;bottom:0;height:94px;z-index:20;border-right:0;border-top:1px solid #dbe5ed;padding:8px 12px;display:flex;gap:10px}.progress-card,.nav-legend,.violation-card{display:none}.number-grid{display:flex;overflow:auto;flex:1;align-items:center}.number-grid button{width:39px;height:39px;aspect-ratio:auto;flex:none}.question-stage{height:calc(100vh - 162px);padding:14px}.question-content{padding:18px;min-height:auto}.question-content h2{font-size:16px}.matching-list label{grid-template-columns:1fr}.tf-list>div{grid-template-columns:1fr auto auto}.save-indicator{bottom:100px}.question-controls{padding-bottom:5px}}
@media(max-width:520px){.header-cta{padding:9px;font-size:9px}.hero-copy h1{font-size:12vw}.role-grid{grid-template-columns:1fr 1fr}.role-card{min-height:180px}.role-card small{font-size:9px}.value-stack span{font-size:17vw}.flow-line{grid-template-columns:1fr}.flow-line article{min-height:110px}.flow-line b{margin-top:18px}.metric-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar form{width:100%}.table-toolbar input{min-width:0}.inline-upload{flex-direction:column}.question-controls{flex-wrap:wrap}.flag-toggle{order:3;width:100%;text-align:center}.submission-summary{grid-template-columns:1fr}.exam-brand>div small{display:none}}

/* Portal landing refinements: role pictograms and centered statement lockup. */
.role-icon{display:grid;place-items:center;color:#78e9eb}
.role-icon:after{display:none}
.role-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.role-card:nth-child(2) .role-icon{color:#c09cff}
.role-card:nth-child(3) .role-icon{color:#76e8b7}
.role-card:nth-child(4) .role-icon{color:#ffc286}
.statement-lockup{width:min(1240px,94vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,2.6vh,34px);text-align:center}
.statement-main-line{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.8vw,30px);white-space:nowrap;font:800 clamp(34px,6.25vw,92px)/.94 Manrope,sans-serif;letter-spacing:-.065em;color:#f1f7fa;transform:translate3d(var(--x-left,112vw),0,0);opacity:var(--calm,0);will-change:transform,opacity}
.statement-main-line .outline{color:transparent;-webkit-text-stroke:1px #72dfe4aa}
.statement-second-line{font:800 clamp(46px,8.4vw,122px)/.9 Manrope,sans-serif;letter-spacing:-.065em;text-align:center;background:linear-gradient(90deg,#59e6ea,#8570fb,#ff8c5a);background-clip:text;-webkit-background-clip:text;color:transparent;transform:translate3d(var(--x-right,-112vw),0,0);opacity:var(--calm,0);will-change:transform,opacity}
@media(max-width:800px){.role-icon svg{width:29px;height:29px}.statement-lockup{width:96vw;gap:16px}.statement-main-line{font-size:clamp(25px,6.1vw,48px);gap:8px;letter-spacing:-.055em}.statement-second-line{font-size:clamp(42px,11vw,78px)}}
@media(max-width:520px){.statement-main-line{font-size:clamp(21px,6vw,34px);gap:6px}.statement-second-line{font-size:clamp(38px,12vw,64px)}}