:root{--bg: #f5f7f6;--bg-grad: radial-gradient(900px 420px at 85% -10%, rgba(16, 163, 74, .06), transparent 60%), radial-gradient(700px 380px at -10% 0%, rgba(30, 58, 138, .06), transparent 55%);--surface: #ffffff;--surface-2: #f7f9f8;--surface-3: #edf1ef;--border: #e3e8e5;--border-strong: #c9d3ce;--text: #122a4a;--text-2: #24405f;--muted: #5c6f80;--faint: #8ea0ad;--accent: #1d3f8f;--accent-hover: #16326f;--accent-soft: rgba(29, 63, 143, .09);--accent-ring: rgba(29, 63, 143, .22);--brand-green: #10a34a;--brand-green-dark: #0b7a37;--brand-grad: linear-gradient(135deg, #1d3f8f 0%, #10a34a 100%);--green: #0b7a37;--green-soft: rgba(16, 163, 74, .1);--red: #dc2626;--red-soft: rgba(220, 38, 38, .08);--amber: #b45309;--amber-soft: rgba(217, 119, 6, .12);--purple: #6d28d9;--purple-soft: rgba(109, 40, 217, .09);--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(18, 42, 74, .05), 0 4px 16px rgba(18, 42, 74, .06);--shadow-lift: 0 2px 4px rgba(18, 42, 74, .06), 0 10px 28px rgba(18, 42, 74, .1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);background-image:var(--bg-grad);background-repeat:no-repeat;color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}h2{font-size:18px;letter-spacing:-.01em}h3{font-size:15px;margin:0 0 12px}h4{font-size:13.5px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-ring)}.container{max-width:1160px;margin:0 auto;padding:24px 20px 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-header .actions{display:flex;gap:10px;flex-wrap:wrap}.page-sub{color:var(--muted);font-size:13px;margin:4px 0 0;max-width:640px}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.nav .brand{display:flex;align-items:center;gap:10px}.nav .brand .logo{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 1px var(--border)}.nav .brand strong{color:var(--accent);font-size:15.5px;letter-spacing:.01em;font-weight:800}.nav .brand .portal-tag{color:var(--muted);font-size:12px;font-weight:600;border-left:1px solid var(--border);padding-left:10px;margin-left:2px}.nav .links{display:flex;gap:4px;flex:1;height:100%;align-items:stretch}.nav .links a{display:inline-flex;align-items:center;color:var(--muted);font-size:13.5px;font-weight:500;padding:0 13px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.nav .links a:hover{color:var(--text);text-decoration:none}.nav .links a.active{color:var(--accent);border-bottom-color:var(--brand-green);font-weight:600}.nav .right{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}.nav .right .who{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.nav .right .who .name{color:var(--text);font-weight:600;font-size:13px}.nav .right .who .role{color:var(--faint);font-size:11px;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 760px){.nav{flex-wrap:wrap;height:auto;padding:10px 14px;row-gap:0}.nav .brand{margin-bottom:6px}.nav .links{order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--border)}.nav .links::-webkit-scrollbar{display:none}.nav .links a{padding:10px 12px;margin-bottom:0;border-bottom-width:2px}.nav .right{margin-left:auto}.nav .right .who{display:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.panel h3{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;row-gap:8px;font-size:14px;font-weight:700;text-transform:none}.panel h3>span:first-child{white-space:nowrap}.panel-plain{box-shadow:none}.section-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:26px 0 10px}.section-title:first-child{margin-top:0}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:16px 18px}.stat{font-size:30px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{color:var(--muted);font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.stat-card.accent{border-top:3px solid var(--brand-green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#fff;border:1px solid transparent;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:600;font-family:inherit;line-height:1.2;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease;white-space:nowrap}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--surface-2)}.btn.danger{background:var(--red-soft);color:var(--red);border-color:#dc262640}.btn.danger:hover{background:#dc262624}.btn.success{background:var(--brand-green);color:#fff}.btn.success:hover{background:var(--brand-green-dark)}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn.sm{padding:5px 11px;font-size:12.5px;border-radius:7px}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;width:100%;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:1.5}label{display:block;margin:14px 0 6px;color:var(--text-2);font-size:12.5px;font-weight:600;letter-spacing:.02em}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row>div{flex:1;min-width:140px}.table-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px;border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}th{color:var(--faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}thead th{border-bottom:1px solid var(--border-strong)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td .cell-main{color:var(--text);font-weight:500}td .cell-sub{color:var(--faint);font-size:12px;margin-top:2px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:200px;max-width:480px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green);border-color:#05966940}.badge.red{background:var(--red-soft);color:var(--red);border-color:#dc262638}.badge.amber{background:var(--amber-soft);color:var(--amber);border-color:#d9770647}.badge.purple{background:var(--purple-soft);color:var(--purple);border-color:#7c3aed40}.badge.grey{background:var(--surface-3);color:var(--muted);border-color:var(--border)}.badge.blue{background:var(--accent-soft);color:var(--accent);border-color:#4f46e540}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.exam-bar{position:sticky;top:56px;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.exam-bar strong{font-size:14px}.timer{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;color:var(--green);font-family:Consolas,SF Mono,monospace;padding:2px 12px;border-radius:var(--radius-sm);background:var(--green-soft);border:1px solid rgba(5,150,105,.25)}.timer.warn{color:var(--amber);background:var(--amber-soft);border-color:#d977064d}.timer.critical{color:var(--red);background:var(--red-soft);border-color:#dc26264d}.navq{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.navq button{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;font-weight:700;font-size:13px;transition:transform 80ms ease,box-shadow 80ms ease}.navq button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.navq button.answered{background:var(--green-soft);color:var(--green);border-color:#05966966}.navq button.skipped{background:var(--red-soft);color:var(--red);border-color:#dc262659}.navq button.marked{background:var(--purple-soft);color:var(--purple);border-color:#7c3aed66}.navq button.ansmarked{background:var(--purple-soft);color:var(--purple);border-color:var(--purple);box-shadow:inset 0 -3px 0 var(--green)}.navq button.current{outline:2px solid var(--accent);outline-offset:2px;color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.overlay .box{max-width:520px;padding:32px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lift)}.overlay h2{color:var(--amber);margin-top:0}.overlay .box.danger h2{color:var(--red)}.overlay .box .btn{margin-top:18px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--accent) 0%,#24509f 55%,#14713c 130%);border-radius:16px;color:#fff;padding:26px 28px;margin-bottom:22px;box-shadow:var(--shadow-lift)}.hero:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:#ffffff14;pointer-events:none}.hero:before{content:"";position:absolute;right:40px;bottom:-110px;width:190px;height:190px;border-radius:50%;background:#ffffff0f;pointer-events:none}.hero h1{color:#fff;font-size:24px}.hero p{color:#ffffffd9;margin:4px 0 0;font-size:13.5px;max-width:620px}.hero .hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero .actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero .btn{min-height:38px;box-shadow:0 1px 3px #0000002e}.hero .btn.secondary{background:#ffffff21;color:#fff;border-color:#ffffff61}.hero .btn.secondary:hover{background:#ffffff38}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:14px}.stat-card .stat-icon{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.stat-card .stat-icon.navy{background:var(--accent-soft);color:var(--accent)}.stat-card .stat-icon.green{background:var(--green-soft);color:var(--brand-green-dark)}.stat-card .stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-card .stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.stat-card .stat-icon.red{background:var(--red-soft);color:var(--red)}.stat-card .stat-body{min-width:0}.stat-card.accent{border-top:none}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);color:var(--text);font-weight:600;font-size:13.5px;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.quick-action:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--border-strong)}.quick-action .qa-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.quick-action .qa-icon.navy{background:var(--accent-soft);color:var(--accent)}.quick-action .qa-icon.green{background:var(--green-soft);color:var(--brand-green-dark)}.quick-action .qa-icon.purple{background:var(--purple-soft);color:var(--purple)}.quick-action .qa-icon.amber{background:var(--amber-soft);color:var(--amber)}.quick-action .qa-sub{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:1px}.pipeline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pipeline .stage{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:4px 11px;border-radius:999px;background:var(--surface-3);color:var(--faint)}.pipeline .stage.done{background:var(--green-soft);color:var(--brand-green-dark)}.pipeline .stage.current{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent-ring)}.pipeline .stage-arrow{color:var(--faint);font-size:11px}.muted{color:var(--muted);font-size:13px}.faint{color:var(--faint);font-size:12px}.error-text{color:var(--red);font-size:13px;margin:8px 0}.success-text{color:var(--green);font-size:13px;margin:8px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.divider{height:1px;background:var(--border);margin:16px 0;border:none}.answer-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;white-space:pre-wrap;font-size:13.5px;line-height:1.55;color:var(--text-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}::-webkit-scrollbar-track{background:transparent}.login-wrap{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:20px}.login-panel{width:100%;max-width:400px;padding:32px}.login-panel h1{margin-bottom:2px}.login-panel .sub{color:var(--muted);font-size:13.5px;margin:0 0 8px}.login-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px;box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:20px}.login-brand h1{font-size:24px;color:var(--accent);letter-spacing:.01em}.login-brand .tagline{color:var(--muted);font-size:13px;margin:2px 0 0}.login-brand .tagline.warn{color:var(--amber);font-weight:600}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-3);border-radius:var(--radius-sm);padding:4px;margin-bottom:8px}.auth-tabs button{border:none;background:transparent;cursor:pointer;padding:8px 0;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);transition:background .12s ease,color .12s ease,box-shadow .12s ease}.auth-tabs button:hover{color:var(--text)}.auth-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #122a4a1f}.register-note{margin:12px 0 0;padding:9px 12px;background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:var(--radius-sm);color:var(--text-2);font-size:12px;line-height:1.45}.timer{color:var(--brand-green-dark);background:var(--green-soft);border-color:#10a34a4d}