:root{--bg-page: #fff8f0;--surface: #ffffff;--bg-card-light: #f9f9f9;--bg-gray-light: #faf7f2;--ink: #333333;--ink-muted: #475569;--muted-light: #64748b;--text-gray: #666666;--text-gray-light: #888888;--primary: #1e88e5;--primary-hover: #0078d7;--accent: #ffb84d;--accent-light: #f8f3deff;--accent-warm: #ff8c70;--accent-highlight: #ffd57e;--accent-leaf: #22c55e;--border-light: #bfdbfe;--wood: #c69a6a;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #ffc107;--color-info: #1e88e5;--color-border: #e2e8f0;--border-gray: #e0e0e0;--border-gray-light: #e5e7eb;--color-correct: #007d2e;--color-incorrect: orange;--color-skipped: #a0a0a0;--color-no-answer: var(--primary);--header-bg: #be0000;--header-text: #ffffff;--footer-bg: #000000;--footer-text: #ffffff;--color-warning-bg: #fff3cd;--color-warning-border: #ffc107;--color-warning-text: #856404;--color-highlight-bg: #fff3cd;--color-highlight-text: #ff6f00;--browser-header-bg: #e5e7eb;--browser-dots-gray: #9ca3af;--amber: #ffc107;--sky: #e0f2fe;--color-primary: var(--primary);--color-primary-hover: var(--primary-hover);--color-accent: var(--accent);--color-bg-light: var(--bg-page);--color-bg-dark: #1e293b;--color-text-primary: var(--ink);--color-text-secondary: var(--ink-muted);--gradient-hero: linear-gradient(180deg, #fff8f0 0%, #ffffff 60%);--gradient-cta: linear-gradient(90deg, #1e88e5 0%, #ff8c70 100%);--gradient-cta-golden: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);--gradient-cta-golden-hover: linear-gradient( 135deg, #e6b800 0%, #cc7a00 100% );--gradient-hero-warm: linear-gradient(180deg, #fff8f0 0%, #faf7f2 100%);--gradient-warm: linear-gradient(180deg, #faf7f2 0%, #fff8f0 100%);--gradient-section: linear-gradient(180deg, #fff8f0 0%, #faf7f2 100%)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-family:var(--font-body);color:var(--ink-muted);font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-button);font-size:var(--text-body);font-family:var(--font-body);box-sizing:border-box;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group input.error,.form-group input.ng-invalid.ng-touched,.form-group select.error,.form-group select.ng-invalid.ng-touched{border-color:var(--color-error)}.error-message{color:var(--color-error);font-size:var(--text-small);font-family:var(--font-body);margin-top:.25rem;display:block}.info-message,.warning-message{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);padding:12px 16px;border-radius:var(--radius-button);margin-bottom:16px;font-size:14px;font-family:var(--font-body)}.btn-cta{background:var(--gradient-cta-golden);color:#fff;border:1px solid lightgoldenrodyellow;border-radius:var(--radius-button);padding:16px 28px;font-family:var(--font-heading);font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:var(--shadow-button);transition:transform .12s ease-out,box-shadow .12s ease-out;cursor:pointer}.btn-cta:hover{background:var(--gradient-cta-golden-hover);transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.btn-cta:active{transform:translateY(0);box-shadow:0 1px 3px #00000026}.card{background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-l);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover)}.stat-card{background:var(--bg-card-light);border:1px solid var(--border-gray);border-radius:4px;padding:.4rem;text-align:center;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.stat-card.highlight{background:var(--color-highlight-bg);border-color:var(--color-warning-border)}.stat-card.highlight .stat-value{color:var(--color-highlight-text)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;font-family:var(--font-body);text-transform:uppercase}.status-badge.completed{background:#1e88e51a;color:var(--primary)}.status-badge.in-progress{background:#ffb84d1a;color:var(--accent)}.status-badge.error{background:#ef44441a;color:var(--color-error)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--ink-muted)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state .empty-message{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state .empty-hint{font-size:var(--text-body);margin:0;opacity:.8}@font-face{font-family:DS-Digital;src:url(/assets/fonts/ds_digital/DS-DIGI.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DS-Digital;src:url(/assets/fonts/ds_digital/DS-DIGIB.TTF) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-heading: "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--font-logo: "DS-Digital", monospace;--text-h1: 48px;--text-h2: 36px;--text-h3: 28px;--text-body: 16px;--text-small: 14px;--leading-h1: 1.2;--leading-h2: 1.3;--leading-h3: 1.4;--leading-body: 1.6;--leading-small: 1.4;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 48px;--radius-button: 12px;--radius-card: 16px;--radius-hero: 24px;--radius-image: 16px;--radius-pill: 9999px;--shadow-button: 0 2px 6px rgba(0, 0, 0, .1);--shadow-card: 0 8px 30px rgba(29, 33, 40, .06);--shadow-card-hover: 0 12px 40px rgba(29, 33, 40, .08);--container-max-width: 1100px;--mobile-padding: 16px;--desktop-padding: 24px;--section-spacing-mobile: 48px;--section-spacing-tablet: 64px;--section-spacing-desktop: 96px;--header-footer-height: 196px;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-out;--transition-slow: .25s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-light)}