*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e8eaee}a{color:#6aa7ff}button{background:#2d6cdf;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px}button:hover{background:#3a78e8}button.secondary{background:#2a2f3a}button.secondary:hover{background:#353c4a}button.success{background:#2e8b57}button.success:hover{background:#379a64}button.ghost{background:transparent;color:#aab2c0}button:disabled{background:#444;cursor:not-allowed;opacity:.6}input,select,textarea{background:#1a1f2a;color:#e8eaee;border:1px solid #2a2f3a;border-radius:6px;padding:8px 10px;font:inherit;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #3a78e8;border-color:transparent}.center{height:100%;display:grid;place-items:center;padding:24px}.card{background:#161a22;border:1px solid #232936;border-radius:10px;padding:20px}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;padding:24px}.code-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#0f1115}.login-bg>.login-card{position:relative;z-index:1;background:#161a22d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 40px #00000080}.login-card{width:360px}.login-card h1{margin:0 0 16px;font-size:20px}.login-card label{display:block;margin:10px 0 4px;font-size:13px;color:#aab2c0}.login-card .seed-hint{font-size:12px;color:#aab2c0;margin-top:14px;line-height:1.5}.app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.app>*{min-height:0;min-width:0}.topbar{height:48px}.footer{display:flex;align-items:center;gap:12px;padding:0 16px;height:28px;border-top:1px solid #232936;background:#11151c;color:#aab2c0;font-size:12px}.footer .spacer{flex:1}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #232936;background:#11151c}.topbar .title{font-weight:700;display:flex;align-items:center;gap:10px}.topbar .brand-logo{height:32px;width:32px;object-fit:contain}.topbar .spacer{flex:1}.topbar .user{color:#aab2c0;font-size:13px}.exam-layout{display:grid;grid-template-columns:280px minmax(0,1fr);height:100%;min-height:0}.q-list{border-right:1px solid #232936;padding:12px;overflow:auto}.q-item{display:block;width:100%;padding:10px 12px;border-radius:8px;margin-bottom:6px;background:transparent;color:#e8eaee;text-align:left;border:1px solid transparent}.q-item:hover{background:#1a1f2a}.q-item.active{background:#1f2a44;border-color:#2d6cdf}.q-item .meta{font-size:11px;color:#aab2c0;margin-top:2px}.q-item .badge{display:inline-block;padding:1px 6px;font-size:11px;border-radius:4px;margin-left:6px}.badge.final{background:#2e8b57}.badge.draft{background:#555}.badge.fail{background:#b14242}.workspace{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden;padding-bottom:56px}.workspace>*{min-height:0;min-width:0;flex-shrink:0}.workspace>.editor-wrap{flex:1 1 0;min-height:100px}.statement{padding:12px 16px;border-bottom:1px solid #232936;overflow:auto;max-height:35vh;white-space:pre-wrap;line-height:1.5}.statement h2{margin:0 0 6px;font-size:16px}.editor-wrap{min-height:0}.file-tabs{display:flex;overflow-x:auto;gap:2px;background:#0f1115;border-bottom:1px solid #232936;padding:4px 8px 0}.file-tab{background:#1a1f2a;color:#aab2c0;border:1px solid #232936;border-bottom:none;padding:6px 12px;font-size:12px;font-family:ui-monospace,SF Mono,Consolas,monospace;border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap}.file-tab:hover{background:#222836;color:#e8eaee}.file-tab.active{background:#1f2a44;color:#e8eaee;border-color:#2d6cdf;font-weight:600}.actions{position:absolute;left:0;right:0;bottom:0;height:56px;display:flex;gap:8px;padding:10px 16px;align-items:center;border-top:1px solid #232936;background:#161a22;z-index:5}.actions .result{color:#aab2c0;font-size:13px}.actions .ok{color:#6cd28c}.actions .err{color:#ff7a7a}.dashboard{padding:16px;overflow:auto;height:100%}.dashboard h2{margin-top:0}table{border-collapse:collapse;width:100%}th,td{padding:8px 10px;border-bottom:1px solid #232936;text-align:left;font-size:14px}th{color:#aab2c0;font-weight:600;background:#11151c;position:sticky;top:0}td.score{font-variant-numeric:tabular-nums}.cell{display:inline-block;padding:2px 8px;border-radius:4px;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.cell.empty{color:#6b7280}.cell.partial{background:#4a5566}.cell.full{background:#2e8b57;color:#fff}.cell.zero{background:#5b2d2d;color:#fff}.cell.compile-fail{background:#8a6d3b;color:#fff}.exam-pick{padding:24px;max-width:720px;margin:0 auto;height:100%;overflow-y:auto;overflow-x:hidden}.exam-pick .item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #232936;border-radius:8px;margin-bottom:8px;background:#161a22}.exam-pick .item h3{margin:0 0 4px}.exam-pick .item p{margin:0;color:#aab2c0;font-size:13px}.error{color:#ff7a7a;font-size:13px;margin-top:8px}.toaster{position:fixed;right:16px;bottom:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;cursor:pointer;min-width:240px;max-width:380px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.4;color:#fff;box-shadow:0 4px 16px #0006;animation:toast-in .18s ease-out}.toast-error{background:#8c2d2d;border-left:3px solid #ff7a7a}.toast-success{background:#2e8b57;border-left:3px solid #6cd28c}.toast-info{background:#2a3a5a;border-left:3px solid #6aa7ff}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}pre.console{background:#0a0d12;border:1px solid #232936;border-radius:6px;padding:10px;font-size:12px;max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}.timer{background:#11151c;border:1px solid #232936;padding:10px 12px;border-radius:8px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;margin-bottom:12px;letter-spacing:1px}.timer.warn{background:#6e5a2a;border-color:#8a6d3b;color:#fff}.timer.danger{background:#8c2d2d;border-color:#b14242;color:#fff;animation:pulse 1s ease-in-out infinite}.timer.flash-bonus{animation:flash-bonus .6s ease-in-out 8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes flash-bonus{0%,to{background:#11151c;border-color:#232936;color:#cfd5e0;box-shadow:0 0 #2e8b5700;transform:scale(1)}50%{background:#2e8b57;border-color:#6fcf97;color:#fff;box-shadow:0 0 16px 4px #6fcf97a6;transform:scale(1.06)}}.voucher-page{padding:24px;max-width:920px;margin:0 auto;height:100%;overflow-y:auto}.voucher-actions{display:flex;justify-content:space-between;margin-bottom:16px;gap:8px}.voucher{background:#fff;color:#111;border:1px solid #d6dae2;border-radius:10px;padding:32px;font-family:Georgia,Times New Roman,serif}.voucher-header{display:flex;gap:18px;align-items:center;border-bottom:2px solid #1b2a44;padding-bottom:16px;margin-bottom:20px}.voucher-logo{width:72px;height:72px;object-fit:contain}.voucher-titles .institution{font-weight:700;font-size:16px;color:#1b2a44}.voucher-titles .city{font-size:12px;color:#555;letter-spacing:1px}.voucher-titles h1{font-size:22px;margin:8px 0 0;color:#1b2a44}.voucher-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-bottom:24px;font-family:-apple-system,sans-serif}.voucher-meta label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#1b2a44;font-weight:600;margin-bottom:4px}.voucher-meta .sub{color:#666;font-size:12px;margin-top:2px}.voucher h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#1b2a44;margin-bottom:8px;font-family:-apple-system,sans-serif}table.voucher-results{width:100%;border-collapse:collapse;font-family:-apple-system,sans-serif;font-size:13px;margin-bottom:28px}table.voucher-results th,table.voucher-results td{padding:8px 10px;border-bottom:1px solid #d6dae2;text-align:left}table.voucher-results th{background:#f3f5f9;color:#1b2a44;font-size:11px;text-transform:uppercase}table.voucher-results td.num{text-align:right;font-variant-numeric:tabular-nums}table.voucher-results tfoot td{background:#f3f5f9;border-top:2px solid #1b2a44;font-size:14px}table.voucher-results .sub{color:#666;font-size:11px;font-weight:400;margin-left:4px}.voucher-footer{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:24px;font-family:-apple-system,sans-serif}.voucher-footer label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#1b2a44;font-weight:600;margin-bottom:4px}.voucher-footer .code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:2px;background:#f3f5f9;padding:8px 12px;border-radius:4px;border:1px solid #d6dae2;display:inline-block}.voucher-footer .sub{font-size:11px;color:#666;margin-top:6px;max-width:380px;line-height:1.4}.voucher-footer .signature{text-align:center;align-self:end}.voucher-footer .signature .line{border-top:1px solid #1b2a44;margin-bottom:4px;min-width:200px}.handout-page{padding:24px;max-width:920px;margin:0 auto;height:100%;overflow-y:auto}.handout-actions{display:flex;justify-content:space-between;margin-bottom:16px;gap:8px}.handout{background:#fff;color:#111;border:1px solid #d6dae2;border-radius:10px;padding:32px;font-family:Georgia,Times New Roman,serif}.handout-header{display:flex;gap:18px;align-items:center;border-bottom:2px solid #1b2a44;padding-bottom:16px;margin-bottom:20px}.handout-logo{width:72px;height:72px;object-fit:contain}.handout-titles .institution{font-weight:700;font-size:16px;color:#1b2a44}.handout-titles .city{font-size:12px;color:#555;letter-spacing:1px}.handout-titles h1{font-size:22px;margin:8px 0 0;color:#1b2a44}.handout-exam{font-family:-apple-system,sans-serif;margin-bottom:18px}.handout-exam h2{font-size:18px;color:#1b2a44;margin:0 0 6px}.handout-exam .desc{color:#444;margin:0 0 10px;font-size:14px}.handout-exam .meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;font-size:13px}.handout-exam .meta-grid label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#1b2a44;font-weight:600;margin-bottom:2px}.handout-code-block{background:#f3f5f9;border:2px dashed #1b2a44;border-radius:8px;padding:18px;margin:18px 0 22px;text-align:center;font-family:-apple-system,sans-serif}.handout-code-block label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#1b2a44;font-weight:700;margin-bottom:8px}.handout-code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:42px;font-weight:800;letter-spacing:6px;color:#1b2a44;padding:6px 12px;display:inline-block}.handout-code-block .hint{font-size:11px;color:#666;margin:4px 0 0}.handout h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#1b2a44;margin:18px 0 8px;font-family:-apple-system,sans-serif}.handout-steps{margin:0;padding-left:22px;font-family:-apple-system,sans-serif;font-size:14px;color:#222}.handout-steps li{margin-bottom:8px;line-height:1.5}.handout-steps code{background:#eef1f7;padding:1px 6px;border-radius:3px;font-size:13px;color:#1b2a44}.handout-notes ul{margin:0;padding-left:22px;font-family:-apple-system,sans-serif;font-size:13px;color:#333}.handout-notes li{margin-bottom:4px;line-height:1.4}.handout-footer{margin-top:28px;display:flex;justify-content:flex-end}.handout-footer .signature{text-align:center}.handout-footer .signature .line{border-top:1px solid #1b2a44;margin-bottom:4px;min-width:220px}.handout-footer .signature .sub{font-size:11px;color:#555}.print-only{display:none}@page{margin:6mm}@media print{html,body,#root,.app{background:#fff!important;height:auto!important;overflow:visible!important;color:#000!important}.topbar,.footer,.voucher-actions,.handout-actions,.no-print{display:none!important}.app{display:block!important}.voucher-page{padding:0;max-width:none;height:auto;overflow:visible}.voucher{border:none;padding:16mm;box-shadow:none}.handout-page{padding:0;max-width:none;height:auto;overflow:visible}.handout{border:none;padding:12mm 14mm;box-shadow:none}.print-only{display:block!important}.dashboard{padding:6mm 8mm;max-width:none;color:#000;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dashboard h2{color:#000}.dashboard table{width:100%;border-collapse:collapse;margin-top:12px}.dashboard th,.dashboard td{border:1px solid #555;padding:5px 7px;color:#000;background:#fff!important;font-size:11px}.dashboard th{background:#f3f5f9!important;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.dashboard .cell{color:#000!important;padding:1px 4px;border-radius:3px}.dashboard .cell.full{background:#e6f4ea!important}.dashboard .cell.partial{background:#fff5cc!important}.dashboard .cell.zero,.dashboard .cell.compile-fail{background:#fde2e2!important}.print-header{display:flex!important;gap:14px;align-items:center;border-bottom:2px solid #1b2a44;padding-bottom:8px;margin-bottom:8px}.print-logo{width:56px;height:56px;object-fit:contain}.print-titles .institution{font-weight:700;font-size:14px;color:#1b2a44;font-family:Georgia,Times New Roman,serif}.print-titles .city{font-size:10px;color:#555;letter-spacing:1px}.print-titles h1{font-size:17px;margin:4px 0 2px;color:#1b2a44;font-family:Georgia,Times New Roman,serif}.print-titles .sub{font-size:10px;color:#666}.print-footer{display:grid!important;grid-template-columns:2fr 1fr;gap:24px;margin-top:14px;page-break-inside:avoid}.print-footer .legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#333;align-items:center}.print-footer .legend .swatch{display:inline-block;width:14px;height:12px;border-radius:2px;border:1px solid #999;margin-right:4px;vertical-align:middle}.print-footer .legend .swatch.full{background:#e6f4ea}.print-footer .legend .swatch.partial{background:#fff5cc}.print-footer .legend .swatch.zero,.print-footer .legend .swatch.compile{background:#fde2e2}.print-footer .signature{text-align:center;align-self:end}.print-footer .signature .line{border-top:1px solid #1b2a44;margin-bottom:4px;min-width:200px}.print-footer .signature .sub{font-size:11px;color:#555}}.fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f1115f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.fs-overlay .card{width:100%}
