:root{--color-text-primary:#0f172a;--color-text-muted:#475569;--color-text-inverse:#fff;--color-text-accent:#2563eb;--color-text-success:#059669;--color-text-error:#dc2626;--color-text-warning:#d97706;--color-bg-surface:#fff;--color-bg-soft:#f8fafc;--color-bg-muted:#f1f5f9;--color-bg-inverse:#0f172a;--color-bg-accent:#2563eb;--color-bg-accent-soft:#eff6ff;--color-bg-success-soft:#ecfdf5;--color-bg-error-soft:#fef2f2;--color-bg-warning-soft:#fffbeb;--color-border-default:#e2e8f0;--color-border-strong:#94a3b8;--color-border-accent:#2563eb;--color-border-error:#dc2626;--color-accent-primary:#2563eb;--color-accent-primary-hover:#1d4ed8;--color-accent-primary-active:#1e40af;--color-accent-secondary:#10b981;--color-focus-ring:#2563eb;--font-family-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-lineheight-tight:1.2;--font-lineheight-snug:1.375;--font-lineheight-normal:1.5;--font-lineheight-relaxed:1.625;--spacing-0:0;--spacing-px:1px;--spacing-0_5:0.125rem;--spacing-1:0.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--shadow-card:0 1px 2px rgba(15,23,42,.06);--shadow-card-hover:0 2px 6px rgba(15,23,42,.08);--shadow-modal:0 12px 32px rgba(15,23,42,.18);--shadow-tooltip:0 4px 8px rgba(15,23,42,.12);--shadow-focus:0 0 0 2px #2563eb;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--duration-fast:180ms;--duration-base:240ms;--duration-slow:320ms;--easing-standard:cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--size-touch-min-mobile:44px;--size-touch-min-desktop:24px;--size-focus-width:2px;--size-focus-offset:2px;--primary-color:var(--color-accent-primary);--primary-hover:var(--color-accent-primary-hover);--error-color:var(--color-text-error);--error-bg:var(--color-bg-error-soft);--border-color:var(--color-border-default);--text-secondary:var(--color-text-muted)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-surface);line-height:var(--font-lineheight-normal);-webkit-font-smoothing:antialiased;max-width:100vw;overflow-x:hidden}a{color:inherit}.btn,a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:40px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);min-width:44px}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn.sm{height:32px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn.lg{height:48px;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{background:var(--color-bg-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-primary-hover)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-muted)}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background:var(--color-bg-muted)}.btn-danger{background:var(--color-text-error);color:var(--color-text-inverse)}.btn-link{background:transparent;color:var(--color-text-accent);height:auto;padding:0;text-decoration:underline;font-weight:var(--font-weight-medium)}.btn.disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.field label,.input{color:var(--color-text-primary)}.input{height:40px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);background:var(--color-bg-surface)}.input::placeholder{color:var(--color-text-muted)}.input:focus-visible{outline:none;border-color:var(--color-border-accent);box-shadow:var(--shadow-focus)}.input[aria-invalid=true]{border-color:var(--color-border-error)}.input[disabled]{background:var(--color-bg-muted);cursor:not-allowed}textarea.input{height:auto;min-height:96px;resize:vertical}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.helper{font-size:var(--font-size-xs);color:var(--color-text-muted)}.helper.error{color:var(--color-text-error)}.checkbox-wrap{display:inline-flex;gap:var(--spacing-sm);align-items:flex-start;cursor:pointer}.checkbox-wrap input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--color-accent-primary)}.radio-wrap{display:inline-flex;gap:var(--spacing-sm);align-items:center;cursor:pointer}.radio-wrap input[type=radio]{width:20px;height:20px;accent-color:var(--color-accent-primary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card)}.card.interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--easing-standard)}.card.interactive:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong)}.card.selected{border-color:var(--color-border-accent);background:var(--color-bg-accent-soft)}.card.flat{box-shadow:none}.card.compact{padding:var(--spacing-md)}.card.spacious{padding:var(--spacing-xl)}.toast{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);border-left:4px solid}.toast.success{background:var(--color-bg-success-soft);border-left-color:var(--color-text-success)}.toast.error,.toast.success{color:var(--color-text-primary)}.toast.error{background:var(--color-bg-error-soft);border-left-color:var(--color-text-error)}.toast.warning{background:var(--color-bg-warning-soft);border-left-color:var(--color-text-warning)}.toast.info,.toast.warning{color:var(--color-text-primary)}.toast.info{background:var(--color-bg-accent-soft);border-left-color:var(--color-text-accent)}.banner{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.banner.warning{background:var(--color-bg-warning-soft);color:var(--color-text-warning);border:1px solid var(--color-text-warning)}.banner.info{background:var(--color-bg-accent-soft);color:var(--color-text-accent);border:1px solid var(--color-border-accent)}.banner.success{background:var(--color-bg-success-soft);color:var(--color-text-success);border:1px solid var(--color-text-success)}.banner.error{background:var(--color-bg-error-soft);color:var(--color-text-error);border:1px solid var(--color-border-error)}.navbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--spacing-2xl);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.navbar .logo{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);letter-spacing:-.01em;color:var(--color-text-primary);text-decoration:none}.navbar nav{display:flex;gap:var(--spacing-lg)}.navbar nav a{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);position:relative}.navbar nav a:hover,.navbar nav a[aria-current=page]{color:var(--color-text-primary)}.navbar nav a[aria-current=page]:after{content:"";position:absolute;left:var(--spacing-md);right:var(--spacing-md);bottom:-1px;height:2px;background:var(--color-accent-primary)}.navbar .right{display:flex;gap:var(--spacing-md);align-items:center}.navbar .avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-accent);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.navbar .avatar,.table{font-size:var(--font-size-sm)}.table{width:100%;border-collapse:collapse}.table th{background:var(--color-bg-soft);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:left}.table td,.table th{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-default)}.table tbody tr:hover{background:var(--color-bg-muted)}.table.compact td,.table.compact th{padding:var(--spacing-sm) var(--spacing-md)}.table tbody tr.selected{background:var(--color-bg-accent-soft);box-shadow:inset 2px 0 0 var(--color-accent-primary)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-bg-muted);color:var(--color-text-muted)}.badge.accent{background:var(--color-bg-accent-soft);color:var(--color-text-accent)}.badge.success{background:var(--color-bg-success-soft);color:var(--color-text-success)}.badge.warning{background:var(--color-bg-warning-soft);color:var(--color-text-warning)}.badge.error{background:var(--color-bg-error-soft);color:var(--color-text-error)}.badge.probation{background:var(--color-bg-warning-soft);color:var(--color-text-warning)}.skip-link{position:absolute;left:-9999px;top:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-accent);color:var(--color-text-inverse);z-index:var(--z-toast)}.skip-link:focus{left:var(--spacing-md);top:var(--spacing-md)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-2xl)}.container.large{max-width:1440px}.stack>*+*{margin-top:var(--spacing-lg)}.stack-sm>*+*{margin-top:var(--spacing-sm)}.stack-xl>*+*{margin-top:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-xl)}.grid-2,.grid-3{display:grid;gap:var(--spacing-xl)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-width:560px;width:100%;padding:var(--spacing-xl)}.modal h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md)}.modal .actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.form-row{display:flex;gap:var(--spacing-lg)}.form-row>.field{flex:1 1}h1,h2,h3,h4{margin:0;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:var(--font-lineheight-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.exam-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-surface)}.exam-header .timer{font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.exam-header .timer.low{color:var(--color-text-warning)}.bottom-tabs{display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border-default);background:var(--color-bg-surface)}.bottom-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-xs)}.bottom-tabs a[aria-current=page]{color:var(--color-text-accent)}.icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:currentColor}.progress{height:8px;border-radius:var(--radius-full);background:var(--color-bg-muted);overflow:hidden}.progress>.bar{height:100%;background:var(--color-accent-primary);transition:width var(--duration-base) var(--easing-standard)}.expert-layout{display:grid;grid-template-columns:240px 1fr;min-height:600px}.expert-sidebar{background:var(--color-bg-soft);border-right:1px solid var(--color-border-default);padding:var(--spacing-lg)}.expert-sidebar nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.expert-sidebar nav a{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expert-sidebar nav a:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.expert-sidebar nav a[aria-current=page]{background:var(--color-bg-accent-soft);color:var(--color-text-accent)}.chart-placeholder{height:240px;background:linear-gradient(180deg,var(--color-bg-soft) 0,var(--color-bg-surface) 100%);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.page{padding:var(--spacing-xl) 0 var(--spacing-4xl)}.empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-soft);border-radius:var(--radius-lg);color:var(--color-text-muted)}.empty .title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.empty .actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.with-sidebar{display:grid;grid-template-columns:240px 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (max-width:1024px){.with-sidebar{grid-template-columns:1fr}}.bottom-tabs-global,.navbar .menu-toggle{display:none}@media (max-width:768px){.navbar{height:56px;padding:0 var(--spacing-lg)}.navbar .right,.navbar nav{display:none}.navbar .menu-toggle{display:inline-flex}.bottom-tabs-global{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky)}body:has(.bottom-tabs-global) main{padding-bottom:80px}}