:root{font-family:Inter,Arial,sans-serif;color:#edf0f2;background:#111315}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% -10%,#302116 0,#111315 35%);min-height:100vh}main{max-width:1180px;margin:auto;padding:28px}header{border-bottom:1px solid #30343a;padding-bottom:22px;margin-bottom:35px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#e8eaed}.brand b{font-size:22px}.brand span,.eyebrow{color:#ff8c32}.brand small{color:#a5abb5}.userbar{display:flex;align-items:center;gap:14px;color:#afb6be;font-size:14px}h1{font-size:30px;margin:5px 0 8px}h2{font-size:19px;margin:0 0 8px}h3{margin-top:25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.page-title p,.card p{color:#aeb5bd;line-height:1.5}.auth{max-width:440px;margin:10vh auto}.card,.auth,.result,article{background:#1a1d20;border:1px solid #30343a;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0002}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.metric{background:#1a1d20;border:1px solid #30343a;border-radius:10px;padding:16px}.metric small{display:block;color:#aeb5bd;margin-bottom:8px}.metric strong{font-size:25px;color:#fff}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .wide{grid-column:1/-1}form,label{display:flex;flex-direction:column;gap:7px;margin:9px 0}input,select,textarea{width:100%;background:#101214;color:#fff;border:1px solid #555b63;border-radius:6px;padding:10px;font:inherit}textarea{min-height:115px;resize:vertical}.check{flex-direction:row;align-items:center}.check input{width:auto}button,.button{display:inline-block;background:#ff8c32;color:#171717;border:0;border-radius:6px;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer;margin:8px 5px 8px 0}button:disabled{opacity:.4;cursor:not-allowed}.ghost,.ghost-link{background:transparent;color:#ffae68;border:1px solid #72421e}.error,.fail{color:#f77}.notice{background:#243128;border:1px solid #487652;color:#b6e7bb;padding:12px;border-radius:7px}.pass{color:#7bd88f}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 8px;text-align:left;border-bottom:1px solid #30343a;font-size:14px}th{color:#aeb5bd;font-weight:600}.pill{padding:4px 8px;border-radius:999px;background:#40383a;color:#ddd;font-size:12px}.pill.ok{background:#244630;color:#9be7af}.muted{color:#aeb5bd}.simple-list{list-style:none;padding:0;margin:0}.simple-list li{border-bottom:1px solid #30343a;padding:11px 0;display:flex;flex-direction:column;gap:4px}.simple-list span{color:#aeb5bd;font-size:13px}.big-number{font-size:44px!important;color:#ff8c32!important;font-weight:800;margin:4px 0!important}.section-head{display:flex;justify-content:space-between}.examhead{display:flex;justify-content:space-between;background:#24282d;padding:15px;border-radius:8px;margin-bottom:16px}.review-status{margin:-5px 0 16px;color:#b9c0c8}.exam{display:grid;grid-template-columns:190px 1fr;gap:18px}.exam aside{display:flex;flex-wrap:wrap;align-content:start;gap:5px}.exam aside button{width:52px;margin:0;background:#30343a;color:#fff;padding:11px 4px}.exam aside .answered{background:#336f52}.exam aside .flagged{background:#6a4618;color:#fff;outline:2px solid #ffb15e;outline-offset:1px}.exam aside .current{background:#ff8c32;color:#111}.exam aside .current.flagged{background:#a75c17;color:#fff}pre{white-space:pre-wrap;font:15px ui-monospace,monospace;background:#0e1012;padding:18px;border-radius:8px}.option{padding:12px;background:#24282d;border-radius:7px;flex-direction:row;align-items:center}.option input{width:auto}.nav{margin-top:24px}.danger{background:#b84040;color:#fff}.result{max-width:600px;margin:auto}.result strong{display:block;font-size:44px;color:#ff8c32;margin:10px 0}.result p{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:8px 0}@media(max-width:850px){.metrics{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){main{padding:16px}header{align-items:flex-start;flex-direction:column}.page-title{flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.exam{grid-template-columns:1fr}.exam aside{order:2}.examhead{font-size:13px}}@media(max-width:700px){main{width:100%;padding:12px}.card,.auth,.result,article{padding:16px}h1{font-size:24px}.page-title>div:last-child{width:100%;display:flex;flex-wrap:wrap}.page-title>div:last-child .button{flex:1;text-align:center}.examhead{gap:10px;flex-wrap:wrap}.examhead b{font-size:12px}.exam article{padding:14px}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav button{flex:1;min-width:120px;margin:4px 0}.exam aside{padding:4px}.exam aside button{width:44px;padding:10px 2px}.table-wrap table{min-width:650px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}.answer-review{display:grid;gap:12px;margin-top:20px}.answer-card{padding:16px;background:#24282d;border:1px solid #3a4048;border-radius:8px}.answer-card h3{margin:0 0 10px;display:flex;justify-content:space-between;gap:10px}.answer-card p{margin:8px 0;color:#c4cad1}@media(max-width:480px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}main{width:100%;max-width:100%;padding:10px}header{width:100%;margin-bottom:20px;padding-bottom:14px}.brand b{font-size:19px}.brand small{font-size:12px}.userbar{width:100%;flex-wrap:wrap;gap:6px;font-size:12px}.userbar button{margin-left:0}.page-title{width:100%;gap:8px;margin-bottom:16px}.page-title h1{font-size:22px;line-height:1.2}.page-title p{font-size:14px;margin:5px 0}.page-title>div:last-child{width:100%;gap:6px}.page-title>div:last-child .button{min-width:0;padding:9px 7px;font-size:12px}.metrics{grid-template-columns:1fr;gap:8px}.metric{padding:12px}.metric strong{font-size:22px}.cards{grid-template-columns:1fr;gap:10px}.card,.auth,.result,article{border-radius:8px;padding:13px}.form-grid{display:block}.form-grid label,.form-grid button{width:100%}button,.button{min-height:42px;padding:10px 12px}.examhead{padding:11px;margin-bottom:10px}.examhead b{font-size:11px}.exam{display:flex;flex-direction:column;gap:10px}.exam article{width:100%;order:1;padding:11px}.exam aside{width:100%;order:2;justify-content:center;gap:4px}.exam aside button{width:38px;height:38px;padding:5px 1px;font-size:12px}.exam pre{font-size:13px;line-height:1.45;padding:12px;margin:0 0 10px}.option{font-size:14px;padding:10px;line-height:1.35}.nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.nav button{width:100%;min-width:0;margin:0;font-size:12px}.nav .danger{grid-column:1/-1}.table-wrap{width:100%;max-width:100%;overflow-x:auto}.table-wrap table{min-width:620px}.answer-card h3{font-size:16px;align-items:flex-start}.answer-card p{font-size:13px}.result strong{font-size:36px}}.results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.results-toolbar label{min-width:280px;margin:0}@media(max-width:480px){.results-toolbar{display:flex;flex-direction:column;align-items:stretch}.results-toolbar label{min-width:0}.results-toolbar button{width:100%;margin:0}}
