:root{--navy:#153951;--teal:#157c79;--cream:#f5f1e9;--paper:#fff;--terra:#bf5141;--gold:#e7bb65;--lilac:#7e6ab1;--muted:#65798d;--stroke:#dfded7;--danger:#a63731;--ok:#157257;--shadow:0 12px 34px rgba(37,54,60,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.58 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--teal)}.topstripe{height:7px;background:linear-gradient(90deg,var(--terra) 0 26%,var(--gold) 26% 51%,var(--teal) 51% 76%,var(--lilac) 76%)}.sitebar{background:#fffefa;border-bottom:1px solid var(--stroke);padding:14px max(18px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.1px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;background:#12475b;color:#f9d17d;border-radius:14px;font-size:24px;box-shadow:0 4px 0 #ecc876}.top-actions{display:flex;gap:9px;align-items:center}.container{width:min(1180px,calc(100% - 32px));margin:30px auto 55px}.card{background:var(--paper);border:1px solid var(--stroke);border-radius:24px;box-shadow:var(--shadow);padding:24px}.hero{background:linear-gradient(110deg,#fffaf2 10%,#f1efe4);border:1px solid #e8ddcb;border-radius:27px;padding:32px;display:flex;gap:25px;align-items:center;justify-content:space-between}.hero-art{min-width:210px;width:30%;max-width:270px;aspect-ratio:1.5;background:radial-gradient(circle at 30% 40%,#eeab82 0 11%,transparent 12%),radial-gradient(circle at 68% 60%,#eabf75 0 12%,transparent 13%),radial-gradient(circle at 76% 30%,#62aaa0 0 11%,transparent 12%),linear-gradient(135deg,#e6f1e9,#f4d9cc);border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:64px}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:1.3px;color:#a4512f;font-size:12px}h1,h2,h3{line-height:1.25;margin:9px 0 13px}h1{font-size:clamp(29px,4vw,49px);letter-spacing:-1.2px}h2{font-size:26px}h3{font-size:21px}p{margin:8px 0 17px}.muted,.subtle{color:var(--muted)}.subtle{font-size:13px}.small{font-size:13px}.grid{display:grid;gap:15px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{padding:18px;border-radius:18px;background:#f8f7f2;border:1px solid #e5e1d8}.stat b{font-size:28px;display:block;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.btn{border:1px solid var(--terra);background:var(--terra);color:#fff;padding:11px 17px;border-radius:13px;font-weight:750;box-shadow:0 3px 0 rgba(88,44,37,.2);display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;max-width:100%;white-space:normal}.btn:hover:not(:disabled){filter:brightness(.94)}.btn:disabled{cursor:not-allowed;opacity:.48}.btn.secondary{border-color:#cad4d4;background:#fff;color:var(--navy);box-shadow:0 3px 0 #dde2df}.btn.teal{border-color:var(--teal);background:var(--teal)}.btn.danger{border-color:#b94640;background:#b94640}.btn.small{font-size:13px;padding:8px 10px;border-radius:10px}.btn.rowfull{width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.panel{margin-top:25px}.stack{display:grid;gap:14px}.form-card{width:min(580px,100%);margin:auto}.login-tabs{display:flex;background:#eeeee8;padding:5px;gap:5px;border-radius:15px}.login-tabs button{border:0;border-radius:11px;padding:11px;background:transparent;color:var(--navy);flex:1;font-weight:800}.login-tabs button.active{background:white;box-shadow:0 1px 8px #0001}.field{display:grid;gap:5px;font-weight:800;font-size:13px;letter-spacing:.2px;text-transform:uppercase}.field input,.field select,input[type=search],select,.input{border:1px solid #cad4d4;border-radius:14px;padding:12px 13px;background:#fff;color:var(--navy);width:100%;outline:0;min-width:0}.field input:focus,.field select:focus,input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #157c7922}.note{padding:13px 15px;border:1px solid #d6e5e3;background:#f3f8f7;border-radius:13px;font-size:14px;color:#375b62}.error-note,.success-note{padding:14px;border-radius:14px;margin:12px 0}.error-note{background:#ffefeb;border:1px solid #ffc4bb;color:#a33830}.success-note{background:#e9f7f1;border:1px solid #badccf;color:#0f694d}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;background:#e4f2eb;color:#135d50}.badge.warn{background:#fff2d8;color:#955918}.badge.gray{background:#eef0f1;color:#5e6b71}.pack{border-top:5px solid var(--teal);display:flex;flex-direction:column;gap:9px;padding:20px;min-height:220px}.pack:nth-child(3n+2){border-top-color:var(--terra)}.pack:nth-child(3n){border-top-color:var(--lilac)}.pack .btn{margin-top:auto}.stat-pill{display:inline-block;background:#f0f4f2;color:var(--teal);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800}.space-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.section-head{margin-bottom:18px}.table-scroll{overflow-x:auto;border:1px solid var(--stroke);border-radius:17px}.data-table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px}.data-table th{background:#f0ede5;color:#38536a;text-transform:uppercase;letter-spacing:.6px;font-size:11px;text-align:left}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #e8e6e2;vertical-align:top}.data-table tr:nth-child(even){background:#fcfbf8}.data-table .actions{min-width:200px}.data-table .code{font-weight:800}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px}.exam-question{font-size:17px}.exam-question p{white-space:pre-wrap}.q-head{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:15px;margin-bottom:20px}.timer{font-weight:900;font-size:21px;color:var(--terra);font-variant-numeric:tabular-nums}.option{display:flex;gap:12px;align-items:flex-start;border:1px solid #d7deda;border-radius:14px;padding:12px;margin:9px 0;background:white;cursor:pointer}.option:has(input:checked){border-color:var(--teal);background:#edfaf6}.option input{margin-top:6px;flex:0 0 auto;accent-color:var(--teal)}.option b{margin-right:2px}.q-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.q-grid button{border:1px solid var(--stroke);border-radius:10px;padding:8px 0;background:#fff;color:var(--navy);font-weight:800}.q-grid button.active{background:var(--teal);color:#fff}.q-grid button.answered:not(.active){border-color:#2b966f;background:#dbf6e8}.q-sidebar{position:sticky;top:15px;align-self:start}.statement{padding:12px 0;border-bottom:1px solid var(--stroke)}.category-pick{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.category-pick label{display:flex;gap:6px;align-items:center;border:1px solid #cadad7;border-radius:10px;padding:7px 12px;cursor:pointer}.category-pick label:has(input:checked){background:#e5f5ef;border-color:var(--teal)}.source-table{width:100%;border-collapse:collapse;font-size:14px;margin:15px 0}.source-table td,.source-table th{border:1px solid #cfd9d6;padding:10px;text-align:left}.source-table th{background:#e8f1ed}.result-num{font-size:52px;font-weight:900;line-height:1.2;color:var(--teal)}.result-details details{padding:13px;border:1px solid var(--stroke);border-radius:12px;margin:10px 0}.result-details summary{cursor:pointer;font-weight:800}.alert{margin:14px 0}.footer{padding:25px;text-align:center;color:#6a8290;font-size:12px}.loading-box{padding:100px 20px;text-align:center;color:var(--navy)}.setup-page{display:grid;place-items:center;min-height:100vh;padding:20px}.setup-box{background:#fff;max-width:620px;border-radius:22px;border:1px solid var(--stroke);padding:30px}.setup-box .stack label{display:grid;gap:6px}.setup-box input{border:1px solid var(--stroke);padding:12px;border-radius:10px}.brandmark{font-weight:900;color:var(--teal);letter-spacing:1px}.brandmark small{color:var(--terra)}
@media(max-width:1000px){.grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sitebar{padding:12px 16px}.container{margin:18px auto 38px}.hero{padding:22px}.hero-art{display:none}.card{padding:17px;border-radius:20px}.grid-two,.grid-three,.grid-five{grid-template-columns:1fr 1fr}.exam-layout{grid-template-columns:1fr}.q-sidebar{position:static}.q-head{flex-wrap:wrap}.data-table{min-width:850px}}@media(max-width:485px){.grid-two,.grid-three,.grid-five{grid-template-columns:1fr}.hero{padding:20px}.sitebar{flex-wrap:wrap}.stat b{font-size:24px}.btn{padding:9px 12px}.option{font-size:15px}.top-actions{width:100%;justify-content:flex-end}}