:root{--o-primary: #714B67;--o-primary-hover: #5f3f56;--o-secondary: #017E84;--o-bg: #F9F9FB;--o-sheet: #FFFFFF;--o-text: #374151;--o-muted: #6B7280;--o-border: #E7E9ED;--o-success: #28A745;--o-warning: #FFAC00;--o-danger: #D44C59;--o-border-subtle: var(--o-border);--o-primary-soft: color-mix(in srgb, var(--o-primary) 12%, var(--o-sheet));--o-primary-selected: color-mix(in srgb, var(--o-primary) 8%, var(--o-sheet));--o-danger-soft: color-mix(in srgb, var(--o-danger) 12%, var(--o-sheet));--o-success-soft: color-mix(in srgb, var(--o-success) 12%, var(--o-sheet));--o-warning-soft: color-mix(in srgb, var(--o-warning) 16%, var(--o-sheet));--o-hover: color-mix(in srgb, var(--o-text) 6%, var(--o-sheet));--o-focus-ring: color-mix(in srgb, var(--o-primary) 72%, transparent);--o-row-alt: color-mix(in srgb, var(--o-text) 4%, var(--o-sheet));--o-row-hover: color-mix(in srgb, var(--o-text) 8%, var(--o-sheet));--o-danger-text: color-mix(in srgb, var(--o-danger) 86%, black 14%);--o-warning-text: color-mix(in srgb, var(--o-warning) 58%, black 42%);--o-success-text: color-mix(in srgb, var(--o-success) 74%, black 26%);--o-danger-strong: color-mix(in srgb, var(--o-danger) 86%, black 14%);--o-neutral-soft: color-mix(in srgb, var(--o-muted) 4%, var(--o-sheet));--o-on-color: #FFFFFF;--o-primary-text: color-mix(in srgb, var(--o-primary) 50%, black 50%);--o-secondary-text: color-mix(in srgb, var(--o-secondary) 50%, black 50%);--o-primary-text-hover: color-mix(in srgb, var(--o-primary) 40%, black 60%);--o-shadow-sm: 0 1px 3px color-mix(in srgb, var(--o-text) 7%, transparent);--o-shadow-md: 0 4px 16px color-mix(in srgb, var(--o-text) 8%, transparent);--o-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--o-font-size-base: 13px;--o-font-size-sm: 12px;--o-font-size-title: 24px;--o-font-weight-title: 300;--o-font-weight-body: 400;--o-font-weight-strong: 600;--o-sheet-max-width: 1140px;--o-radius-sm: 4px;--o-radius-md: 6px;--o-radius-lg: 12px;--o-topbar-height: 46px;--o-row-height-list: 36px;--o-tap-min: 24px;--o-tap-target: 44px;--o-space-xs: 4px;--o-space-sm: 8px;--o-space-md: 12px;--o-space-lg: 20px;--o-space-xl: 32px;--o-surface-chrome: color-mix(in srgb, var(--o-primary) 7%, #2d2d2d 93%);--o-surface-chrome-raised: color-mix(in srgb, var(--o-primary) 7%, #343434 93%);--o-surface-chrome-active: color-mix(in srgb, var(--o-primary) 9%, #3f3f3f 91%);--o-on-chrome: color-mix(in srgb, white 90%, black 10%);--o-on-chrome-muted: color-mix(in srgb, var(--o-on-chrome) 72%, #2d2d2d 28%);--o-sidebar-bg: var(--o-surface-chrome);--o-sidebar-hover: var(--o-surface-chrome-raised);--o-sidebar-text: var(--o-on-chrome);--o-sidebar-muted: var(--o-on-chrome-muted);--o-sidebar-active-bg: var(--o-surface-chrome-active);--o-sidebar-active-text: var(--o-on-chrome);--o-sidebar-accent: #E8B84B;--o-sidebar-active-mark: var(--o-sidebar-accent);--o-sidebar-chip-bg: color-mix(in srgb, var(--o-on-chrome) 6%, transparent);--o-sidebar-focus-ring: color-mix( in srgb, color-mix(in srgb, var(--o-on-chrome) 72%, var(--o-primary) 28%) 88%, transparent );--o-sidebar-badge-text: var(--o-on-chrome);--o-sidebar-divider: color-mix(in srgb, var(--o-on-chrome) 18%, transparent);--o-sidebar-width: 240px;--o-sidebar-rail-width: 64px;--o-scrollbar-gutter: stable}:root{--pg-chrome: #326690;--pg-chrome-hover: #2a577b;--pg-panel: #EBEEF3;--pg-surface: #FFFFFF;--pg-text: #222222;--pg-border: #DDE0E4;--pg-border-subtle: var(--pg-border);--pg-accent: #2C76B4;--pg-accent-soft: color-mix(in srgb, var(--pg-accent) 14%, var(--pg-surface));--pg-row-alt: color-mix(in srgb, var(--pg-panel) 55%, var(--pg-surface));--pg-row-hover: color-mix(in srgb, var(--pg-accent) 8%, var(--pg-surface));--pg-row-selected: color-mix(in srgb, var(--pg-accent) 16%, var(--pg-surface));--pg-muted: color-mix(in srgb, var(--pg-text) 68%, var(--pg-surface));--pg-accent-text: color-mix(in srgb, var(--pg-accent) 90%, black 10%);--pg-on-color: #FFFFFF;--pg-chrome-border: var(--pg-chrome);--pg-chrome-surface: var(--pg-chrome);--pg-font-family-ui: "Inter", system-ui, -apple-system, sans-serif;--pg-font-family-mono: "SF Mono", "Consolas", "Menlo", "Cascadia Mono", monospace;--pg-font-size-ui: 12px;--pg-font-size-data: 12px;--pg-radius-sm: 3px;--pg-row-height-dense: 26px;--pg-space-xs: 3px;--pg-space-sm: 6px;--pg-space-md: 10px}:root[data-color-scheme=dark]{--pg-panel: color-mix(in srgb, var(--pg-chrome) 6%, #0a0a0a 94%);--pg-surface: color-mix(in srgb, var(--pg-chrome) 8%, #1f1f1f 92%);--pg-text: color-mix(in srgb, white 90%, black 10%);--pg-border: color-mix(in srgb, white 48%, black 52%);--pg-border-subtle: color-mix(in srgb, var(--pg-surface) 85%, white 15%);--pg-accent-text: color-mix(in srgb, var(--pg-accent) 55%, white 45%);--pg-chrome-border: var(--pg-border);--pg-chrome-surface: color-mix(in srgb, var(--pg-surface) 84%, white 16%)}:root{--blue:#326690;--blue-700:#1e3a5f;--blue-800:#0f1e30;--gold:#f5c518;--color-gold:#f5c518;--bg:var(--app-bg-primary);--text:#111827;--text-strong:var(--app-primary);--muted:#6b7280;--muted-contrast:#9ca3af;--card:var(--app-bg-primary);--card-bg:var(--app-bg-primary);--card-border:#e5e7eb;--shadow:0 1px 3px rgba(0,0,0,.1);--sidebar-bg:var(--blue-800);--sidebar-text:var(--app-bg-primary);--header-bg:var(--blue);--header-text:var(--app-bg-primary);--kpi-bg:var(--gold);--kpi-text:#1b1b1b;--modal-overlay:rgba(0,0,0,.45);--input-border:color-mix(in srgb, var(--blue) 30%, #0000);--link:var(--blue-700);--link-contrast:#991b1b;--accent:var(--blue);--accent-contrast:var(--app-bg-primary);--danger:#dc2626;--focus:var(--blue);--status-active: #047857;--status-inactive: #6b7280;--status-graduated: #1d4ed8;--status-suspended: #d97706;--status-expelled: #dc2626;--status-on-leave: #1d4ed8;--status-deceased: #52525b;--status-unknown: #9ca3af;--note-academic: #3b82f6;--note-behavioral: #8b5cf6;--note-disciplinary: #ef4444;--note-health: #06b6d4;--note-attendance: #f59e0b;--note-welfare: #10b981;--note-incident: #dc2626;--note-communication: #6366f1;--note-other: #6b7280;--warning-bg: #FFF9E6;--warning-border: #FFE17A;--warning-text: #6B4A0A;--warning-accent: #B7791F;--warning-link: #8B6B1F;--subject-math: #667eea;--subject-english: #764ba2;--subject-science: #f093fb;--subject-physics: #4facfe;--subject-chemistry: #00f2fe;--subject-biology: #43e97b;--subject-history: #fa709a;--subject-geography: #fee140;--subject-art: #30cfd0;--subject-music: #a8edea;--subject-pe: #fed6e3;--subject-computer: #c471f5;--subject-break: #f5f5f5;--subject-default: #667eea;--collab-avatar-1: #f44336;--collab-avatar-2: #e91e63;--collab-avatar-3: #9c27b0;--collab-avatar-4: #673ab7;--collab-avatar-5: #3f51b5;--collab-avatar-6: #2196f3;--collab-avatar-7: #03a9f4;--collab-avatar-8: #00bcd4;--collab-avatar-9: #009688;--collab-avatar-10: #4caf50;--collab-avatar-11: #8bc34a;--collab-avatar-12: #cddc39;--collab-avatar-13: #ffeb3b;--collab-avatar-14: #ffc107;--collab-avatar-15: #ff9800;--collab-avatar-16: #ff5722;--gradient-primary: linear-gradient(135deg, var(--blue) 0%, color-mix(in srgb, var(--blue) 80%, #00d4ff) 100%);--gradient-banner: linear-gradient(120deg, #4FACFE 0%, #00F2FE 50%, #4DD0E1 100%);--gradient-banner-alt: linear-gradient(135deg, var(--blue) 0%, color-mix(in srgb, var(--blue) 70%, cyan) 100%);--btn-bg:var(--blue);--btn-text:var(--app-bg-primary);--btn-hover-bg:color-mix(in srgb, var(--blue) 85%, #000);--btn-alt-bg:var(--gold);--btn-alt-text:#1b1b1b;--btn-alt-hover-bg:color-mix(in srgb, var(--gold) 85%, #000);--z-base:1;--z-sticky:10;--z-overlay:1000;--z-modal:1100;--z-toast:1200;--app-bg: var(--app-bg-primary);--app-bg-surface: #f9fafb;--app-bg-subtle: #f3f4f6;--app-text: #111827;--app-text-muted: #6b7280;--app-text-inverse: var(--app-bg-primary);--app-primary: var(--accent);--app-border: #e5e7eb;--app-border-light: #f3f4f6;--app-shadow-sm: 0 1px 3px rgba(0,0,0,.1);--app-nav-bg: var(--blue);--app-nav-text: var(--app-bg-primary);--app-card-bg: var(--app-bg-primary);--app-danger: #dc2626;--app-danger-hover: #b91c1c}.dark{--bg:color-mix(in srgb, var(--brand-1, #8b6a4b) 10%, #000);--text:#f5f7ff;--text-strong:#ffffff;--muted:#8e8e93;--muted-contrast:#aeaeb2;--card:color-mix(in srgb, var(--brand-1, #8b6a4b) 18%, #000);--card-bg:color-mix(in srgb, var(--brand-1, #8b6a4b) 18%, #000);--card-border:color-mix(in srgb, var(--brand-1, #8b6a4b) 30%, #000);--shadow:0 4px 16px rgba(0,0,0,.6);--gold:#f5c518;--gold-hover:#ffd43b;--gradient-primary: linear-gradient(135deg, #5b91c4 0%, #7cb9e8 100%);--gradient-banner: linear-gradient(135deg, #326690 0%, #4FACFE 100%);--gradient-banner-alt: linear-gradient(135deg, #1e3a5f 0%, var(--blue) 100%);--sidebar-bg:#1c1c1e;--sidebar-text:#f5f7ff;--header-bg:var(--brand-1);--header-text:#f5f7ff;--kpi-bg:#f5c518;--kpi-text:#1c1c1e;--modal-overlay:rgba(0,0,0,.85);--input-border:#3a3a3c;--input-bg:#2c2c2e;--link:#f5c518;--link-contrast:#ffd43b;--accent:#f5c518;--accent-contrast:#1c1c1e;--danger:#ff453a;--success:#32d74b;--warning:#ff9f0a;--focus:#f5c518;--status-active: #32d74b;--status-inactive: #6b7280;--status-graduated: #60a5fa;--status-suspended: #ff9f0a;--status-expelled: #ff453a;--status-on-leave: #60a5fa;--status-deceased: #52525b;--status-unknown: #9ca3af;--note-academic: #60a5fa;--note-behavioral: #a78bfa;--note-disciplinary: #f87171;--note-health: #22d3ee;--note-attendance: #fbbf24;--note-welfare: #34d399;--note-incident: #f87171;--note-communication: #818cf8;--note-other: #9ca3af;--warning-bg: color-mix(in srgb, #fbbf24 20%, #000);--warning-border: color-mix(in srgb, #fbbf24 50%, #000);--warning-text: #fef3c7;--warning-accent: #fbbf24;--warning-link: #fde047;--subject-math: #818cf8;--subject-english: #a78bfa;--subject-science: #f0abfc;--subject-physics: #60a5fa;--subject-chemistry: #22d3ee;--subject-biology: #4ade80;--subject-history: #fb7185;--subject-geography: #fde047;--subject-art: #67e8f9;--subject-music: #a5f3fc;--subject-pe: #fda4af;--subject-computer: #c084fc;--subject-break: #374151;--subject-default: #818cf8;--collab-avatar-1: #f87171;--collab-avatar-2: #fb7185;--collab-avatar-3: #c084fc;--collab-avatar-4: #a78bfa;--collab-avatar-5: #818cf8;--collab-avatar-6: #60a5fa;--collab-avatar-7: #38bdf8;--collab-avatar-8: #22d3ee;--collab-avatar-9: #2dd4bf;--collab-avatar-10: #4ade80;--collab-avatar-11: #a3e635;--collab-avatar-12: #d9f99d;--collab-avatar-13: #fde047;--collab-avatar-14: #facc15;--collab-avatar-15: #fb923c;--collab-avatar-16: #fb7185;--btn-bg:var(--brand-1);--btn-text:#ffffff;--btn-hover-bg:var(--brand-2);--btn-alt-bg:#f5c518;--btn-alt-text:#1c1c1e;--btn-alt-hover-bg:#ffd43b;--app-bg: color-mix(in srgb, var(--brand-1, #8b6a4b) 10%, #000);--app-bg-surface: color-mix(in srgb, var(--brand-1, #8b6a4b) 18%, #000);--app-bg-subtle: color-mix(in srgb, var(--brand-1, #8b6a4b) 26%, #000);--app-text: #f5f7ff;--app-text-muted: #8e8e93;--app-text-inverse: #1c1c1e;--app-primary: #f5c518;--app-border: #3a3a3c;--app-border-light: #2c2c2e;--app-shadow-sm: 0 4px 16px rgba(0,0,0,.6);--app-nav-bg: var(--brand-1);--app-nav-text: #ffffff;--app-card-bg: color-mix(in srgb, var(--brand-1, #8b6a4b) 18%, #000);--app-danger: #ff453a;--app-danger-hover: #ff6961;--app-success: #32d74b;--app-warning: #ff9f0a}@media(prefers-color-scheme:dark){:root:not(.dark):not(.light){--bg:#0d1117;--text:#e8eaed;--text-strong:var(--app-bg-primary);--muted:#9ca3af;--muted-contrast:#d1d5db;--card:#161b22;--card-border:rgba(255,255,255,.12);--shadow:0 8px 24px rgba(0,0,0,.5);--sidebar-bg:var(--blue-800);--sidebar-text:#e8eaed;--header-bg:var(--blue);--header-text:#e8eaed;--kpi-bg:#dcb442;--kpi-text:#0f0f0f;--modal-overlay:rgba(0,0,0,.65);--input-border:#3d5a7f;--link:#60a5fa;--link-contrast:#93c5fd;--accent:#5b91c4;--accent-contrast:#0f1a28;--focus:var(--blue)}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}a{color:var(--link)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-strong)}p,li,small,span{color:var(--text)}:root[data-density=compact] .card{padding:8px}:root[data-density=compact] .content{gap:8px}:root[data-density=compact] .sidebar .nav-item{padding:8px 10px}.btn{background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn:hover{background:var(--btn-hover-bg)}.btn.gold{background:var(--btn-alt-bg);color:var(--btn-alt-text)}.btn.gold:hover{background:var(--btn-alt-hover-bg)}:root{--dialog-overlay-bg: rgba(0, 0, 0, .72);--dialog-surface-bg: #ffffff;--dialog-surface-text: #111827;--dialog-surface-border: rgba(17, 24, 39, .18)}.dark,[data-theme=dark]{--dialog-overlay-bg: rgba(0, 0, 0, .82);--dialog-surface-bg: #171a22;--dialog-surface-text: #f5f7ff;--dialog-surface-border: rgba(245, 247, 255, .16)}.modal-overlay,.modal-backdrop,.compose-modal-overlay,.dialog-overlay,[class*=modal-overlay],[class*=-modal-overlay],[class*=dialog-overlay],[class*=-dialog-overlay]{background:var(--dialog-overlay-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-content,.compose-modal,.about-content-modal,.about-modal-content,.bug-modal-content,.banner-editor-content,.MuiDialog-paper,[class*=modal-content],[class*=-modal-content],[class*=dialog-content],[class*=-dialog-content]{background:var(--dialog-surface-bg)!important;background-color:var(--dialog-surface-bg)!important;color:var(--dialog-surface-text)!important;border:1px solid var(--dialog-surface-border)!important;opacity:1!important;box-shadow:0 18px 50px #00000059!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-content h1,.modal-content h2,.modal-content h3,.compose-modal h1,.compose-modal h2,.compose-modal h3,.about-content-modal h1,.about-content-modal h2,.about-content-modal h3,.about-modal-content h1,.about-modal-content h2,.about-modal-content h3,.MuiDialog-paper h1,.MuiDialog-paper h2,.MuiDialog-paper h3,[class*=modal-content] h1,[class*=modal-content] h2,[class*=modal-content] h3,[class*=dialog-content] h1,[class*=dialog-content] h2,[class*=dialog-content] h3{color:var(--dialog-surface-text)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:root{--theme-primary: var(--app-primary, var(--color-primary));--theme-secondary: color-mix(in srgb, var(--theme-primary) 72%, #000 28%);--brand-hue: 142;--brand-saturation: 71%;--color-primary: #16a34a;--color-primary-hover: #15803d;--color-accent: #22c55e;--color-accent-hover: #16a34a;--color-bg: var(--app-bg-primary);--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-surface: var(--app-bg-primary);--color-surface-hover: #f9fafb;--color-surface-elevated: var(--app-bg-primary);--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-border-focus: #16a34a;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: var(--app-bg-primary);--color-placeholder: color-mix(in srgb, var(--color-text) 45%, transparent);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--glass-blur: blur(12px);--glow-primary: 0 0 20px color-mix(in srgb, var(--app-primary) 15%, transparent);--glow-accent: 0 0 20px color-mix(in srgb, var(--color-accent, var(--app-primary)) 15%, transparent);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-raised: 10;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark],.dark-mode{--theme-primary: var(--app-primary, var(--color-primary));--theme-secondary: color-mix(in srgb, var(--theme-primary) 68%, #000 32%);--color-primary: var(--app-primary, #4ade80);--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, #000);--color-accent: var(--app-primary, #22c55e);--color-accent-hover: color-mix(in srgb, var(--color-accent) 80%, #000);--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-surface: #1a1a1a;--color-surface-hover: #222222;--color-surface-elevated: #262626;--color-border: color-mix(in srgb, var(--app-primary) 15%, transparent);--color-border-hover: color-mix(in srgb, var(--app-primary) 30%, transparent);--color-border-focus: var(--app-primary);--color-text: #e5e5e5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-inverse: #0a0a0a;--color-placeholder: color-mix(in srgb, var(--color-text) 58%, transparent);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px color-mix(in srgb, var(--app-primary) 10%, transparent);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px color-mix(in srgb, var(--app-primary) 15%, transparent);--glass-bg: rgba(26, 26, 26, .6);--glass-border: color-mix(in srgb, var(--app-primary) 15%, transparent);--glass-blur: blur(16px);--glow-primary: 0 0 30px color-mix(in srgb, var(--app-primary) 40%, transparent);--glow-accent: 0 0 30px color-mix(in srgb, var(--color-accent, var(--app-primary)) 40%, transparent);--color-success: #22c55e;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glow-primary{box-shadow:var(--glow-primary)}.glow-accent{box-shadow:var(--glow-accent)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.gradient-surface{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-hover) 100%)}input::placeholder,textarea::placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-placeholder, rgba(107, 114, 128, .72))!important;font-size:.92em!important;font-style:italic!important;font-weight:400!important;letter-spacing:.01em;opacity:.58!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,.dark input::placeholder,.dark textarea::placeholder,.dark-mode input::placeholder,.dark-mode textarea::placeholder{opacity:.5!important}select{background-color:color-mix(in srgb,var(--color-surface, #ffffff) 92%,#000 8%);color:var(--color-text, #111827)}select option,select optgroup{background-color:color-mix(in srgb,var(--color-surface, #ffffff) 88%,#000 12%);color:var(--color-text, #111827)}[data-theme=dark] select,.dark select,.dark-mode select{background-color:color-mix(in srgb,var(--color-surface, #1a1a1a) 86%,#000 14%)}[data-theme=dark] select option,[data-theme=dark] select optgroup,.dark select option,.dark select optgroup,.dark-mode select option,.dark-mode select optgroup{background-color:color-mix(in srgb,var(--color-surface, #1a1a1a) 82%,#000 18%);color:var(--color-text, #e5e5e5)}.interactive-card{transition:all var(--transition-base);cursor:pointer}.interactive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}[data-theme=dark] .interactive-card:hover,.dark-mode .interactive-card:hover{box-shadow:var(--shadow-xl),var(--glow-primary)}.surface-elevated{background:var(--color-surface-elevated);box-shadow:var(--shadow-lg)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-tertiary{color:var(--color-text-tertiary)}.text-glow{color:var(--color-primary)}[data-theme=dark] .text-glow,.dark-mode .text-glow{text-shadow:var(--glow-primary)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border:none;transition:all var(--transition-base)}.btn-primary:hover{background:var(--color-primary-hover)}[data-theme=dark] .btn-primary,.dark-mode .btn-primary{background:var(--color-primary);box-shadow:var(--glow-primary)}.input-field{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-base)}.input-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #16a34a1a}[data-theme=dark] .input-field,.dark-mode .input-field{background:var(--glass-bg);backdrop-filter:var(--glass-blur)}[data-theme=dark] .input-field:focus,.dark-mode .input-field:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 20%,transparent),var(--glow-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:all var(--transition-base)}.card.card--clickable:hover{border-color:var(--color-border-hover)}[data-theme=dark] .card,.dark-mode .card{background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:var(--glass-blur)}[data-theme=dark] .card.card--clickable:hover,.dark-mode .card.card--clickable:hover{border-color:var(--color-border-hover)}.progress-bar{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transition:width var(--transition-slow)}[data-theme=dark] .progress-bar,.dark-mode .progress-bar{box-shadow:var(--glow-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.2;background:color-mix(in srgb,var(--app-border, #64748b) 30%,var(--app-card-bg, #111827));color:var(--app-text-primary, #f8fafc);border:1px solid var(--app-border, #64748b);transition:all var(--transition-base)}[data-theme=dark] .badge,.dark-mode .badge{color:var(--app-text-primary, #f8fafc)}.badge.active{background:var(--color-primary);color:var(--color-text-inverse)}.badge-neutral{background:color-mix(in srgb,var(--app-border, #64748b) 30%,var(--app-card-bg, #111827));border-color:var(--app-border, #64748b)}.badge-primary,.badge-info{background:color-mix(in srgb,var(--app-primary, #3b82f6) 20%,var(--app-card-bg, #111827));border-color:color-mix(in srgb,var(--app-primary, #3b82f6) 55%,var(--app-border, #374151))}.badge-success{background:color-mix(in srgb,var(--app-success, #16a34a) 22%,var(--app-card-bg, #111827));border-color:color-mix(in srgb,var(--app-success, #16a34a) 55%,var(--app-border, #374151))}.badge-warning{background:color-mix(in srgb,var(--app-accent-gold, #f59e0b) 22%,var(--app-card-bg, #111827));border-color:var(--app-accent-gold, #f59e0b)}.badge-danger,.badge-error{background:color-mix(in srgb,var(--app-accent-red, #dc2626) 22%,var(--app-card-bg, #111827));border-color:color-mix(in srgb,var(--app-accent-red, #dc2626) 55%,var(--app-border, #374151))}.badge-xs{padding:2px 4px;font-size:9px}.badge-strong{font-weight:700}[data-theme=dark] .badge.active,.dark-mode .badge.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);box-shadow:var(--glow-primary)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-base);transition-timing-function:ease}.no-theme-transition,.no-theme-transition *{transition-property:none!important}[data-theme=dark] .text-muted,.dark-mode .text-muted{color:var(--o-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{[data-theme=dark],.dark-mode{--color-bg: var(--app-bg-primary);--color-text: var(--app-primary);--color-surface: var(--app-bg-primary)}}:root,:root[data-theme=light]{--surface-1: var(--app-bg-primary, #ffffff);--on-surface-1: var(--app-text-primary, #111827);--surface-2: var(--app-bg-secondary, #f9fafb);--on-surface-2: var(--app-text-primary, #111827);--surface-3: var(--app-bg-tertiary, #f3f4f6);--on-surface-3: var(--app-text-primary, #111827);--surface-4: var(--app-card-bg, #ffffff);--on-surface-4: var(--app-text-primary, #111827)}:root[data-theme=dark],.dark,.dark-mode{--surface-1: var(--app-bg-primary, #0a0a0a);--on-surface-1: var(--app-text-primary, #e5e5e5);--surface-2: var(--app-bg-secondary, #111111);--on-surface-2: var(--app-text-primary, #e5e5e5);--surface-3: var(--app-bg-tertiary, #1a1a1a);--on-surface-3: var(--app-text-primary, #e5e5e5);--surface-4: var(--app-card-bg, #1a1a1a);--on-surface-4: var(--app-text-primary, #e5e5e5)}.surface-1.surface-1{background:var(--surface-1);color:var(--on-surface-1)}.surface-2.surface-2{background:var(--surface-2);color:var(--on-surface-2)}.surface-3.surface-3{background:var(--surface-3);color:var(--on-surface-3)}.surface-4.surface-4{background:var(--surface-4);color:var(--on-surface-4)}:root{--font-family-base: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-raised: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600}.dark.theme-blue{--app-primary: #3b82f6;--app-primary-hover: #60a5fa;--app-primary-dark: #1e40af;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-dark: #1e40af;--color-primary-light: #1e3a8a;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #1e40af;--color-button-primary-bg: #3b82f6;--color-button-primary-hover: #60a5fa}.dark.theme-green{--app-primary: #4ade80;--app-primary-hover: #22c55e;--app-primary-dark: #166534;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #4ade80;--color-primary-hover: #22c55e;--color-primary-dark: #166534;--color-primary-light: #14532d;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #166534;--color-button-primary-bg: #4ade80;--color-button-primary-hover: #22c55e}.dark.theme-red{--app-primary: #f87171;--app-primary-hover: #fca5a5;--app-primary-dark: #7f1d1d;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #f87171;--color-primary-hover: #fca5a5;--color-primary-dark: #7f1d1d;--color-primary-light: #450a0a;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #7f1d1d;--color-button-primary-bg: #f87171;--color-button-primary-hover: #fca5a5}.dark.theme-purple{--app-primary: #a78bfa;--app-primary-hover: #c4b5fd;--app-primary-dark: #5b21b6;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-dark: #5b21b6;--color-primary-light: #2e1065;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #5b21b6;--color-button-primary-bg: #a78bfa;--color-button-primary-hover: #c4b5fd}.dark.theme-neutral{--app-primary: #a3a3a3;--app-primary-hover: #d4d4d4;--app-primary-dark: #525252;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #a3a3a3;--color-primary-hover: #d4d4d4;--color-primary-dark: #525252;--color-primary-light: #262626;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #525252;--color-button-primary-bg: #a3a3a3;--color-button-primary-hover: #d4d4d4}.dark.theme-brown{--app-primary: #d4a34f;--app-primary-hover: #e6b566;--app-primary-dark: #8b6332;--app-accent: #fbbf24;--app-accent-hover: #fcd34d;--color-primary: #d4a34f;--color-primary-hover: #e6b566;--color-primary-dark: #8b6332;--color-primary-light: #422006;--color-secondary: #fbbf24;--color-secondary-light: #422006;--color-secondary-dark: #d97706;--color-nav-bg: #8b6332;--color-button-primary-bg: #d4a34f;--color-button-primary-hover: #e6b566}[data-theme=dark].theme-blue,[data-theme=dark].theme-green,[data-theme=dark].theme-red,[data-theme=dark].theme-purple,[data-theme=dark].theme-neutral,[data-theme=dark].theme-brown{--color-text-secondary: var(--app-text-secondary)}.theme-blue{--app-primary: #0071C2;--brand-blue-primary: #003580;--brand-blue-action: #0071C2;--brand-blue-light: #60A5FA;--brand-blue-hover: #005999;--brand-primary: var(--brand-blue-primary);--brand-primary-light: #D6EFFC;--brand-primary-hover: var(--brand-blue-hover);--brand-primary-dark: #002759;--brand-secondary: var(--brand-blue-action);--brand-secondary-hover: var(--brand-blue-hover);--brand-accent: var(--app-accent-primary);--brand-accent-hover: #E5A602;--text-primary: #1A1A1A;--text-secondary: var(--app-text-secondary);--text-inverse: var(--app-bg-primary);--text-on-primary: var(--app-bg-primary);--text-on-secondary: var(--app-bg-primary);--bg-primary: var(--app-bg-primary);--bg-secondary: var(--app-bg-secondary);--bg-elevated: var(--app-bg-primary);--semantic-success: var(--app-success);--semantic-error: var(--app-error);--semantic-warning: var(--app-warning);--semantic-info: var(--brand-secondary);--button-primary-bg: var(--brand-secondary);--button-primary-text: var(--text-on-primary);--button-primary-hover: var(--brand-secondary-hover);--gradient-cyan-start: #A8EDEA;--gradient-cyan-end: #87CEEB;--gradient-pink-start: #FFD1DC;--gradient-pink-end: #FFB6C1;--gradient-purple-start: #E0C3FC;--gradient-purple-end: #C9A8E8;--gradient-green-start: #C1F5D0;--gradient-green-end: #90EE90;--gradient-blue-start: #A8D8FF;--gradient-blue-end: #7EC8E3;--gradient-orange-start: #FFD8A8;--gradient-orange-end: #FFBB85;--gradient-yellow-start: var(--app-bg-primary)4A3;--gradient-yellow-end: #FFE66D;--accent-orange: #FF8C00;--accent-orange-light: #FFB84D;--accent-gold: var(--brand-accent);--card-bg-light: var(--app-bg-primary);--card-border-light: #E0E0E0;--card-border-hover-light: var(--accent-orange);--text-primary-light: #212121;--text-secondary-light: #616161;--card-bg-dark: #2a2a2a;--card-border-dark: #404040;--card-border-hover-dark: var(--brand-blue-light);--text-primary-dark: #F5F5F5;--text-secondary-dark: #B0B0B0;--nav-bg-light: var(--brand-blue-primary);--nav-bg-dark: #1a1a1a;--nav-text-light: var(--app-text-inverse);--nav-text-dark: #E5E5E5;--color-primary: var(--app-primary, var(--brand-blue-primary));--color-primary-dark: var(--app-primary-dark, #002D73);--color-primary-light: var(--app-primary-light, #0057D9);--color-primary-hover: var(--app-primary-hover, #00449E);--color-primary-active: var(--app-primary-dark, #002D73);--color-action: var(--brand-blue-action);--color-action-hover: var(--brand-blue-hover);--color-action-active: #004D85;--color-action-light: #0084E6;--color-gold-light: #FFD166;--color-gold-pale: var(--app-bg-primary)8E1;--color-orange: #FF8C00;--color-orange-light: #FFB84D;--color-secondary: #0084E6;--color-secondary-light: #B3D9F2;--color-secondary-dark: #005999;--color-blue-50: #F5F9FF;--color-blue-100: #E7F3FF;--color-blue-200: #CCE5FF;--color-blue-300: #99CCFF;--color-blue-400: #66B3FF;--color-blue-500: #3399FF;--color-blue-600: #0071C2;--color-blue-700: #0057D9;--color-blue-800: #003B95;--color-blue-900: #002D73;--color-accent: #E7F3FF;--color-accent-light: #F5F9FF;--color-accent-dark: #CCE5FF;--color-success: #008009;--color-success-light: #E7F7E8;--color-success-dark: #006606;--color-warning: #FFC107;--color-warning-light: var(--app-bg-primary)8E1;--color-warning-dark: #FFA000;--color-error: #D32F2F;--color-error-light: #FFEBEE;--color-error-dark: #C62828;--color-info: var(--app-info, var(--app-primary, #0071C2));--color-info-light: var(--app-info-bg, #E7F3FF);--color-info-dark: var(--app-info-dark, #005999);--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-text-primary: #212121;--color-text-secondary: #424242;--color-text-tertiary: #616161;--color-text-disabled: #9E9E9E;--color-text-muted: #757575;--color-text-inverse: var(--app-bg-primary);--color-text-link: #0057D9;--color-text-link-hover: #003B95;--color-text-on-primary: var(--app-bg-primary);--color-text-on-action: var(--app-bg-primary);--color-text-on-gold: #003B95;--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #F5F9FF;--color-bg-tertiary: #E7F3FF;--color-bg-inverse: #212121;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-hover: #F5F9FF;--color-bg-selected: #E7F3FF;--color-bg-disabled: #F5F5F5;--color-border-base: #E0E0E0;--color-border-light: #F5F5F5;--color-border-medium: #BDBDBD;--color-border-dark: #757575;--color-border-focus: var(--app-primary, #0071C2);--color-border-primary: var(--app-primary-dark, #003B95);--color-border-hover: var(--app-primary, #0071C2);--color-input-bg: var(--s0);--color-input-border: #E0E0E0;--color-input-border-hover: var(--app-accent-primary);--color-input-border-focus: var(--app-accent-primary);--color-input-text: #212121;--color-input-placeholder: #757575;--color-input-disabled-bg: #F5F5F5;--color-input-disabled-text: #9E9E9E;--color-button-primary-bg: var(--app-primary, #0071C2);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-gold);--color-button-primary-active: var(--color-gold-dark);--color-button-primary-disabled: #B3D9F2;--color-button-secondary-bg: var(--app-bg-primary);--color-button-secondary-text: var(--app-primary, #0071C2);--color-button-secondary-border: var(--app-primary, #0071C2);--color-button-secondary-hover-bg: var(--color-gold-pale);--color-button-secondary-hover-border: var(--color-gold);--color-button-tertiary-bg: transparent;--color-button-tertiary-text: var(--app-primary, #0071C2);--color-button-tertiary-hover-bg: var(--color-gold-pale);--color-nav-bg: #003B95;--color-nav-text: var(--app-bg-primary);--color-nav-hover-bg: rgba(254, 186, 2, .15);--color-nav-hover-text: var(--app-accent-primary);--color-nav-active-bg: rgba(254, 186, 2, .2);--color-nav-active-text: var(--app-accent-primary);--color-nav-active-border: var(--app-accent-primary);--color-nav-border: rgba(255, 255, 255, .1);--color-sidebar-bg: var(--app-bg-primary);--color-sidebar-text: #212121;--color-sidebar-hover-bg: var(--app-bg-primary)8E1;--color-sidebar-hover-text: #003B95;--color-sidebar-active-bg: rgba(254, 186, 2, .15);--color-sidebar-active-text: #003B95;--color-sidebar-active-border: var(--app-accent-primary);--color-sidebar-border: #E0E0E0;--color-card-bg: var(--app-bg-primary);--color-card-border: #E0E0E0;--color-card-hover-bg: #F5F9FF;--color-card-hover-border: #0071C2;--color-card-shadow: rgba(0, 59, 149, .08);--color-table-header-bg: #F5F9FF;--color-table-header-text: #212121;--color-table-row-bg: var(--app-bg-primary);--color-table-row-alt-bg: #FAFAFA;--color-table-row-hover-bg: #F5F9FF;--color-table-border: #E0E0E0;--color-badge-primary-bg: #003B95;--color-badge-primary-text: var(--app-bg-primary);--color-badge-secondary-bg: #E7F3FF;--color-badge-secondary-text: #003B95;--color-badge-success-bg: #E7F7E8;--color-badge-success-text: #008009;--color-badge-warning-bg: var(--app-bg-primary)8E1;--color-badge-warning-text: #FFA000;--color-badge-error-bg: #FFEBEE;--color-badge-error-text: #D32F2F;--color-badge-info-bg: #E7F3FF;--color-badge-info-text: var(--app-info, var(--app-primary, #0071C2));--color-code-bg: #1E293B;--color-code-text: #E2E8F0;--color-code-keyword: #8ECDDD;--color-code-string: #9EDE73;--color-code-number: var(--app-warning);--gradient-primary: linear-gradient(135deg, var(--app-primary-dark, #003B95) 0%, var(--app-primary-light, #0057D9) 100%);--gradient-action: linear-gradient(135deg, var(--app-primary, #0071C2) 0%, var(--app-primary-light, #0084E6) 100%);--gradient-secondary: linear-gradient(135deg, var(--app-secondary, #0084E6) 0%, #3399FF 100%);--gradient-accent: linear-gradient(135deg, #E7F3FF 0%, #CCE5FF 100%);--gradient-success: linear-gradient(135deg, #008009 0%, #4CAF50 100%);--gradient-warning: linear-gradient(135deg, #FFC107 0%, #FFD54F 100%);--gradient-error: linear-gradient(135deg, #D32F2F 0%, #EF5350 100%);--gradient-info: linear-gradient(135deg, var(--app-info, var(--app-primary, #0071C2)) 0%, var(--app-primary-light, #0084E6) 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F5F9FF 100%);--gradient-header: linear-gradient(135deg, var(--app-primary-dark, #003B95) 0%, var(--app-primary-light, #0057D9) 100%);--gradient-badge-primary: linear-gradient(135deg, #003B95 0%, #0057D9 100%);--gradient-badge-success: linear-gradient(135deg, #008009 0%, #4CAF50 100%);--shadow-card: 0 2px 8px rgba(0, 59, 149, .08);--shadow-card-hover: 0 4px 16px rgba(0, 59, 149, .12);--shadow-button: 0 2px 4px rgba(0, 113, 194, .15);--shadow-button-hover: 0 4px 8px rgba(0, 113, 194, .2);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .2);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-primary-rgb: 0, 59, 149;--app-info-bg: var(--color-info-light);--app-accent: #FBBF24;--app-accent-light: #FDE68A;--app-accent-dark: var(--app-warning);--app-accent-rgb: 251, 191, 36}.theme-green{--app-primary: #006B4E;--app-accent: #D4A574;--color-primary: #006B4E;--color-primary-dark: #004D38;--color-primary-light: #00A574;--color-primary-hover: #005840;--color-primary-active: #004230;--color-secondary: #5C8A7F;--color-secondary-light: #EAF2EF;--color-secondary-dark: #3A5B52;--color-accent: #D4A574;--color-accent-light: #F5E6D3;--color-success: var(--app-success);--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: var(--app-warning);--color-warning-light: var(--app-bg-primary)BEB;--color-warning-dark: #D97706;--color-error: #DC2626;--color-error-light: #FEF2F2;--color-error-dark: #B91C1C;--color-info: #2563EB;--color-info-light: #EFF6FF;--color-info-dark: #1D4ED8;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #1A1A1A;--color-text-secondary: var(--app-text-secondary);--color-text-disabled: #9E9E9E;--color-text-inverse: var(--app-bg-primary);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F3F4F6;--color-bg-inverse: #1A1A1A;--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-base: var(--app-border);--color-border-light: #F3F4F6;--color-border-dark: #D1D5DB;--color-border-focus: var(--color-primary);--color-input-bg: var(--s0);--color-input-border: var(--color-border-base);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-gray-100);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-primary-hover);--color-nav-bg: var(--color-primary);--color-nav-text: var(--app-bg-primary);--color-nav-hover: var(--color-primary-dark);--color-nav-active: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, #006B4E 0%, #004D38 100%);--gradient-secondary: linear-gradient(135deg, #00A574 0%, #006B4E 100%);--gradient-accent: linear-gradient(135deg, #D4A574 0%, #B8895C 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-info: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--gradient-pink: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--color-bg-header-gradient: linear-gradient(135deg, #EAF2EF 0%, #F5FAF8 100%);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--app-primary-rgb: 0, 107, 78;--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-accent-light: #F5E6D3;--app-accent-dark: #A67350;--app-accent-rgb: 212, 165, 116;--app-info-bg: var(--color-info-light);--app-primary-contrast: var(--app-bg-primary)}.theme-red{--color-primary: #A81E33;--app-primary: #A81E33;--color-primary-dark: #821131;--color-primary-light: #E85C75;--color-primary-hover: #8A1929;--color-primary-active: #6B1420;--color-secondary: #D69A1F;--color-secondary-light: #FEF3D9;--color-secondary-dark: #B8840F;--color-accent: #D94F0A;--color-accent-light: #FEEEE5;--color-success: var(--app-success);--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: var(--app-warning);--color-warning-light: var(--app-bg-primary)BEB;--color-warning-dark: #D97706;--color-error: #DC2626;--color-error-light: #FEF2F2;--color-error-dark: #B91C1C;--color-info: #2563EB;--color-info-light: #EFF6FF;--color-info-dark: #1D4ED8;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-disabled: #9E9E9E;--color-text-inverse: var(--app-bg-primary);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #FAFAFA;--color-bg-tertiary: #F5F5F5;--color-bg-inverse: #1A1A1A;--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-base: #E0E0E0;--color-border-light: #EEEEEE;--color-border-dark: #BDBDBD;--color-border-focus: var(--color-primary);--color-input-bg: var(--s0);--color-input-border: var(--color-border-base);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-gray-100);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-primary-hover);--color-nav-bg: var(--color-primary);--color-nav-text: var(--app-bg-primary);--color-nav-hover: var(--color-primary-dark);--color-nav-active: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, #C7253E 0%, #8B1C2E 100%);--gradient-secondary: linear-gradient(135deg, #E85C75 0%, #C7253E 100%);--gradient-accent: linear-gradient(135deg, #FABC3F 0%, #E1A634 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-info: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--gradient-pink: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--color-bg-header-gradient: linear-gradient(135deg, #FFEBEE 0%, #FEF5F7 100%);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-primary-rgb: 168, 30, 51;--app-accent: #F43F5E;--app-accent-light: #FDA4AF;--app-accent-dark: #E11D48;--app-accent-rgb: 244, 63, 94;--app-info-bg: var(--color-info-light)}.theme-purple{--app-primary: #6A4C93;--color-primary: #6A4C93;--color-primary-dark: #4F3670;--color-primary-light: #9B59B6;--color-primary-hover: #5B4080;--color-primary-active: #3D2A5A;--color-secondary: #C39BD3;--color-secondary-light: #F0E5FF;--color-secondary-dark: #8E5FA8;--color-accent: #9B59B6;--color-accent-light: #E8D7F2;--color-success: var(--app-success);--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: var(--app-warning);--color-warning-light: var(--app-bg-primary)BEB;--color-warning-dark: #D97706;--color-error: var(--app-error);--color-error-light: #FEF2F2;--color-error-dark: #DC2626;--color-info: var(--app-info);--color-info-light: #EFF6FF;--color-info-dark: #2563EB;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #212121;--color-text-secondary: #616161;--color-text-disabled: #9E9E9E;--color-text-inverse: var(--app-bg-primary);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #EEEEEE;--color-bg-inverse: #212121;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-base: #E0E0E0;--color-border-light: #EEEEEE;--color-border-dark: #BDBDBD;--color-border-focus: var(--color-primary);--color-input-bg: var(--s0);--color-input-border: var(--color-border-base);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-gray-100);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-primary-hover);--color-nav-bg: var(--color-primary);--color-nav-text: var(--app-bg-primary);--color-nav-hover: var(--color-primary-dark);--color-nav-active: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, #6A4C93 0%, #4F3670 100%);--gradient-secondary: linear-gradient(135deg, #9B59B6 0%, #6A4C93 100%);--gradient-accent: linear-gradient(135deg, #C39BD3 0%, #9B59B6 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-info: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--gradient-pink: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--color-bg-header-gradient: linear-gradient(135deg, #F3E5F5 0%, #F9F5FA 100%);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-primary-rgb: 106, 76, 147;--app-accent: #D946EF;--app-accent-light: #E879F9;--app-accent-dark: #C026D3;--app-accent-rgb: 217, 70, 239;--app-info-bg: var(--color-info-light)}.theme-neutral{--app-primary: #393E46;--app-accent: #00ADB5;--app-accent-rgb: 0, 173, 181;--app-primary-contrast: var(--app-bg-primary);--color-primary: #393E46;--color-primary-dark: #222831;--color-primary-light: #9DA2A8;--color-primary-hover: #2E3339;--color-primary-active: #1F2328;--color-secondary: #00ADB5;--color-secondary-light: #D9F5F7;--color-secondary-dark: #008C93;--color-accent: #EEEEEE;--color-accent-light: #F8F8F8;--color-success: var(--app-success);--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: var(--app-warning);--color-warning-light: var(--app-bg-primary)BEB;--color-warning-dark: #D97706;--color-error: var(--app-error);--color-error-light: #FEF2F2;--color-error-dark: #DC2626;--color-info: var(--app-info);--color-info-light: #EFF6FF;--color-info-dark: #2563EB;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #212121;--color-text-secondary: #616161;--color-text-disabled: #9E9E9E;--color-text-inverse: var(--app-bg-primary);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #EEEEEE;--color-bg-inverse: #212121;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-base: #E0E0E0;--color-border-light: #EEEEEE;--color-border-dark: #BDBDBD;--color-border-focus: var(--color-primary);--color-input-bg: var(--s0);--color-input-border: var(--color-border-base);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-gray-100);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-primary-hover);--color-nav-bg: var(--color-primary);--color-nav-text: var(--app-bg-primary);--color-nav-hover: var(--color-primary-dark);--color-nav-active: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, #393E46 0%, #222831 100%);--gradient-secondary: linear-gradient(135deg, #00ADB5 0%, #008B91 100%);--gradient-accent: linear-gradient(135deg, #EEEEEE 0%, #D5D5D5 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-info: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--gradient-pink: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--color-bg-header-gradient: linear-gradient(135deg, #EEEEEE 0%, #F5F5F5 100%);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-primary-rgb: 57, 62, 70;--app-info-bg: var(--color-info-light)}.theme-brown{--app-primary: #7B4B2A;--app-accent: #D4A34F;--app-primary-rgb: 123, 75, 42;--app-accent-rgb: 212, 163, 79;--app-primary-contrast: var(--app-bg-primary);--color-primary: #7B4B2A;--color-primary-dark: #5C3A23;--color-primary-light: #CFAE92;--color-primary-hover: #6A4126;--color-primary-active: #4B2F1D;--color-secondary: #D4A34F;--color-secondary-light: #F3E8DC;--color-secondary-dark: #B8893F;--color-accent: #D4A34F;--color-accent-light: #F7EDD9;--color-success: var(--app-success);--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: var(--app-warning);--color-warning-light: var(--app-bg-primary)BEB;--color-warning-dark: #D97706;--color-error: var(--app-error);--color-error-light: #FEF2F2;--color-error-dark: #DC2626;--color-info: var(--app-info);--color-info-light: #EFF6FF;--color-info-dark: #2563EB;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-disabled: #9E9E9E;--color-text-inverse: var(--app-bg-primary);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-bg-base: var(--app-bg-primary);--color-bg-secondary: #FAFAFA;--color-bg-tertiary: #F5F5F5;--color-bg-inverse: #1A1A1A;--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-base: #E0E0E0;--color-border-light: #EEEEEE;--color-border-dark: #BDBDBD;--color-border-focus: var(--color-primary);--color-input-bg: var(--s0);--color-input-border: var(--color-border-base);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-gray-100);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--app-bg-primary);--color-button-primary-hover: var(--color-primary-hover);--color-nav-bg: var(--color-primary);--color-nav-text: var(--app-bg-primary);--color-nav-hover: var(--color-primary-dark);--color-nav-active: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, #7B4B2A 0%, #5C3A23 100%);--gradient-secondary: linear-gradient(135deg, #D4A34F 0%, #B8893F 100%);--gradient-accent: linear-gradient(135deg, #F3E8DC 0%, #E6D3BF 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-info: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--gradient-pink: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--color-bg-header-gradient: linear-gradient(135deg, #F3E8DC 0%, #FBF6EF 100%);--app-primary-bg: var(--color-primary);--app-primary-hover: var(--color-primary-hover);--app-primary-text: var(--color-primary);--app-primary-border: var(--color-primary);--color-gold: var(--o-sidebar-accent);--color-gold-dark: #E6A400;--app-info-bg: var(--color-info-light)}html{font-family:var(--font-family-base);font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--color-text-primary);background-color:var(--color-bg-base)}*{box-sizing:border-box}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.bg-base{background-color:var(--color-bg-base)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-primary{background-color:var(--color-primary)}.border-base{border-color:var(--color-border-base)}.border-light{border-color:var(--color-border-light)}.border-dark{border-color:var(--color-border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.theme-red .app-btn-primary,.theme-red .topnav2-portal-badge,.theme-red [style*="background: var(--app-primary)"],.theme-red [style*="background-color: var(--app-primary)"]{color:var(--app-bg-primary)!important;font-weight:600}.topnav2-portal-badge{background:#fff3!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.3)!important}.hero-title,.dashboard-title,h1:not([class^=fv-]),h2:not([class^=fv-]),h3:not([class^=fv-]){color:var(--color-text-primary)!important;font-weight:700}a{color:var(--color-primary);font-weight:500}a:hover{color:var(--color-primary-dark)}.card h2,.card h3,.app-card h2,.app-card h3{color:var(--color-text-primary)!important;font-weight:700}.small-text,.text-muted,.dashboard-subtitle{color:var(--color-text-secondary)!important;font-weight:500}[style*="background: var(--app-nav-bg)"],.topnav2-line2,.pg-nav-bg{color:#fff!important}.theme-red .text-primary-color,.theme-red [style*="color: var(--color-primary)"]{color:var(--color-primary)!important;font-weight:600}.theme-red .quick-action-icon,.theme-green .quick-action-icon,.theme-purple .quick-action-icon{opacity:1;filter:brightness(1.1)}.theme-red .card,.theme-red .app-card{border-color:var(--color-border-base)!important}.text-success{color:var(--color-success-dark)!important;font-weight:600}.text-warning{color:var(--color-warning-dark)!important;font-weight:600}.text-error{color:var(--color-error-dark)!important;font-weight:600}::placeholder{color:var(--color-gray-500)!important;opacity:1}:root{--band-rule-weight: 3px;--band-rule-color: #1a1a1a;--band-gap: 22px;--band-pad-block-start: 12px;--band-pad-block-end: 10px;--sheet-max-width: 794px;--grid-row-height: 26px;--grid-cell-pad-v: 5px;--grid-cell-pad-h: 10px;--tap-floor: 24px;--btn-h: 40px;--btn-row-h: 26px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-value: "Courier New", "Roboto Mono", "JetBrains Mono", monospace;--value-features: "tnum" 1, "lnum" 1;--state-saved-fg: #15803d;--state-unsaved-fg: #a16207;--state-failed-fg: #b91c1c;--state-failed-bg: #fef2f2;--readonly-shade: #eef0ee;--locked-shade: #e8e8e8;--margin-col-w: 190px;--margin-fg: #5b6169;--placeholder-fg: #9aa1a9;--tint-page: #ffffff;--tint-sheet: #ffffff;--tint-band-head: transparent}[data-mis-theme=blue]{--tint-page:#dfe9f5;--tint-sheet:#eef4fb;--tint-band-head:#e2ecf8}[data-mis-theme=green]{--tint-page:#e0efe4;--tint-sheet:#eef7f0;--tint-band-head:#e3f1e7}[data-mis-theme=brown]{--tint-page:#efe7df;--tint-sheet:#f7f1ea;--tint-band-head:#f0e8de}[data-mis-theme=purple]{--tint-page:#e9e4f3;--tint-sheet:#f2eff9;--tint-band-head:#eae5f5}:root[data-color-scheme=dark] [data-mis-theme]{--tint-page:var(--s2);--tint-sheet:var(--s1);--tint-band-head:var(--s3)}[data-density=compact]{--grid-row-height:26px;--grid-cell-pad-v:3px;--grid-cell-pad-h:8px}:root{--s0:#ffffff;--s1:#fbfcfe;--s2:#f2f6fa;--s3:#e8eef5;--s4:#dbe4ee;--ink:#15181c;--ink-label:#39424e;--ink-muted:#6b7684;--rule:#cfd8e3;--rule-band:#1b1f24;--accent:#1d4f7c;--accent-soft:#dce8f3;--ok:#17603a;--warn:#8a5300;--danger:#9b2226;--ok-bg:#e8f3ec;--warn-bg:#fdf3e2;--danger-bg:#fbeaea;--sp1:2px;--sp2:4px;--sp3:6px;--sp4:8px;--sp5:12px;--sp6:16px;--sp7:22px;--sp8:30px;--app-text-primary:var(--ink);--app-text:var(--ink);--app-text-secondary:var(--ink-label);--app-text-muted:var(--ink-muted);--app-text-tertiary:var(--ink-muted);--app-bg-primary:var(--s2);--app-bg-secondary:var(--s1);--app-card-bg:var(--s1);--app-border:var(--rule);--app-border-base:var(--rule);--app-primary:var(--accent);--app-accent-primary:var(--accent);--app-primary-rgb:29,79,124;--app-text-primary-rgb:21,24,28;--app-error:var(--danger);--o-text:var(--ink);--o-muted:var(--ink-muted);--o-border:var(--rule);--o-sheet:var(--s1);--o-bg:var(--s2);--o-primary:var(--accent);--o-primary-text:var(--accent);--o-row-hover:var(--s3);--o-primary-selected:var(--s4);--color-primary:var(--accent);--color-border:var(--rule);--theme-primary:var(--accent);--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--font-display:"Iowan Old Style", "Source Serif 4", Georgia, "Times New Roman", serif;--font-value:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--band-rule-color:var(--rule-band);--readonly-shade:var(--s3);--locked-shade:var(--s4);--tint-page:var(--s2);--tint-sheet:var(--s1);--tint-band-head:var(--s3)}[data-division=jss]{--s2:#eef4fb;--s3:#e3ecf6;--s4:#d4e2f0}[data-division=sss]{--s2:#faf8f3;--s3:#f1ece2;--s4:#e6ded0}:root{--o-border-color:var(--rule);--o-border-radius:2px;--o-danger-bg:var(--danger-bg);--o-danger-border:var(--danger);--o-success-bg:var(--ok-bg);--o-success-border:var(--ok);--o-info-soft:var(--accent-soft);--o-text-secondary:var(--ink-label);--o-view-background-color:var(--s2);--o-font-xs:10.5px;--o-font-sm:11.5px;--o-font-md:13.5px;--o-font-xl:19px;--o-font-size-md:13.5px;--o-font-size-lg:15px;--o-font-mono:var(--font-value);--o-font-weight-normal:400;--o-spacing-sm:var(--o-space-sm);--o-spacing-md:var(--o-space-md);--o-space-xs:var(--sp1);--o-space-sm:var(--sp2);--o-space-md:var(--sp4);--o-space-lg:var(--sp5);--o-space-xl:var(--sp6)}:root{--app-bg-base:var(--s2);--app-bg-base-rgb:242,246,250;--app-bg-tertiary:var(--s3);--app-surface-raised:var(--s0);--app-input-bg:var(--s0);--app-bg-hover:var(--s3);--app-bg-active:var(--s4);--app-text-link:var(--app-primary);--app-accent-blue:var(--app-primary);--app-accent-blue-hover:var(--app-primary-dark);--app-border-dark:var(--rule);--app-border-medium:var(--rule);--app-border-primary:var(--rule);--app-border-secondary:var(--rule);--app-input-border:var(--rule);--app-primary-dark:color-mix(in srgb, var(--app-primary) 85%, black);--app-accent-hover:color-mix(in srgb, var(--app-accent-primary) 90%, black);--app-success:var(--ok);--app-warning:var(--warn);--app-warning-bg:var(--warn-bg);--app-success-bg:var(--ok-bg);--app-error-bg:var(--danger-bg);--app-accent-red:var(--danger);--app-info:var(--accent);--app-space-1:var(--sp2);--app-space-2:var(--sp4);--app-space-3:var(--sp5);--app-space-4:var(--sp6);--app-space-5:20px;--app-space-6:24px;--app-space-8:40px;--app-page-pad-block:var(--sp5);--app-page-pad-inline:var(--sp6);--app-section-gap:24px;--app-shadow-lg:0 4px 12px rgba(0, 0, 0, .2);--app-shadow-md:0 2px 6px rgba(0, 0, 0, .16);--app-overlay-bg:rgba(0, 0, 0, .5);--app-accent-gold:#FEBA02;--app-accent-gold-hover:#E5A902}:root{--t1:10.5px;--t2:11.5px;--t3:12.5px;--t4:13.5px;--t5:15px;--t6:19px;--d1:22px;--d2:30px;--row:26px;--row-compact:26px;--ctrl-h:24px;--btn-h:26px;--band-rule:3px;--label-col:164px;--fld-lg:380px;--fld-md:220px;--fld-sm:120px;--fld-xs:88px;--fld-2xs:56px;--measure:1180px;--measure-wide:1680px;--gutter:clamp(12px, 3.5vw, 56px);--app-bp-phone-lg:430px;--app-bp-tablet:768px;--app-bp-desktop:1280px;--app-public-text-body:16px}:root{--app-nav-bg:var(--s1);--app-nav-text:var(--ink-label);--app-nav-border:var(--rule);--app-nav-hover:var(--s3);--app-nav-active:var(--s4);--o-sidebar-bg:var(--s1);--o-sidebar-text:var(--ink-label);--o-sidebar-muted:var(--ink-muted);--o-sidebar-hover:var(--s3);--o-sidebar-active-bg:var(--s4);--o-sidebar-active-text:var(--ink);--o-sidebar-active-mark:var(--accent);--o-sidebar-divider:var(--rule);--o-sidebar-badge-text:var(--s0);--o-sidebar-focus-ring:var(--accent-soft);--header-bg:var(--s1);--header-text:var(--ink);--bg:var(--s2);--text:var(--ink);--text-strong:var(--ink);--muted:var(--ink-muted);--card:var(--s1);--card-border:var(--rule);--input-border:var(--rule);--sidebar-text:var(--ink-label);--kpi-bg:var(--s1);--kpi-text:var(--ink);--app-bg-inverse:var(--rule-band);--app-text-inverse:var(--s0);--app-hover:var(--s3);--app-link:var(--accent);--app-link-hover:var(--accent);--app-primary-light:var(--accent-soft);--app-success-border:var(--ok);--app-success-text:var(--ok);--modal-overlay:rgba(0,0,0,.4);--app-font-sans:var(--font-ui);--o-font-family:var(--font-ui);--app-text-xs:var(--t1);--app-text-sm:var(--t2);--app-text-base:var(--t4);--app-text-xl:var(--t6);--app-weight-normal:400;--app-weight-semibold:600;--app-weight-bold:700;--app-rounded:2px;--app-rounded-md:2px;--app-card-shadow:none;--app-shadow-sm:none}:root[data-color-scheme=dark]{--s0:#14171a;--s1:#1a1e22;--s2:#101317;--s3:#242a30;--s4:#2e353c;--ink:#e8ecf0;--ink-label:#b9c2cc;--ink-muted:#8894a1;--rule:#333b44;--rule-band:#e8ecf0;--accent:#5fa8dc;--accent-soft:#1d3347;--o-text:var(--ink);--o-muted:var(--ink-muted);--o-sheet:var(--s1);--o-bg: color-mix(in srgb, var(--s2) 15%, black 85%);--o-primary-text:var(--accent);--margin-fg:var(--ink-muted);--placeholder-fg:var(--ink-muted);--o-border: color-mix(in srgb, white 50%, black 50%);--o-primary:#2f6db5;--readonly-shade:var(--s3);--locked-shade:var(--s4);--tint-page:var(--s2);--tint-sheet:var(--s1);--tint-band-head:var(--s3);--state-saved-fg:#4ade80;--state-unsaved-fg:#fbbf24;--state-failed-fg:#f87171;--state-failed-bg:#2d1a1a;--o-border-subtle: color-mix(in srgb, var(--o-sheet) 85%, white 15%);--o-danger-soft: color-mix(in srgb, var(--o-danger) 12%, var(--o-bg));--o-danger-text: color-mix(in srgb, var(--o-danger) 85%, white 15%);--o-success-soft: color-mix(in srgb, var(--o-success) 12%, var(--o-bg));--o-success-text: var(--o-success);--o-warning-soft: color-mix(in srgb, var(--o-warning) 16%, var(--o-bg));--o-warning-text: var(--o-warning);--o-focus-ring: color-mix( in srgb, color-mix(in srgb, white 60%, var(--o-primary) 40%) 60%, transparent );--o-primary-text-hover: color-mix(in srgb, var(--o-primary) 45%, white 55%);--o-secondary-text: color-mix(in srgb, var(--o-secondary) 55%, white 45%);--o-shadow-sm: 0 1px 3px color-mix(in srgb, black 35%, transparent);--o-shadow-md: 0 4px 16px color-mix(in srgb, black 42%, transparent)}[data-mis-theme] .o-main{background:var(--tint-page)}[data-mis-theme] .fv-root .fv-sheet{background:var(--tint-sheet);border:1px solid rgba(0,0,0,.14);border-radius:0;box-shadow:0 2px 8px #00000014;max-width:var(--measure);color:var(--ink);font-family:var(--font-ui)}[data-mis-theme] .fv-root .fv-sheet-head{border-bottom:3px solid var(--band-rule-color);padding-bottom:10px}[data-mis-theme] .fv-root .fv-sheet-form-title{font-size:19px;letter-spacing:.01em;color:var(--ink)}[data-mis-theme] .fv-root .fv-sheet-form-code{font-family:var(--font-value);color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-sheet-head-context,[data-mis-theme] .fv-root .fv-sheet-note,[data-mis-theme] .fv-root .fv-subtitle,[data-mis-theme] .fv-root .fv-empty,[data-mis-theme] .fv-root .fv-loading{color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-title,[data-mis-theme] .fv-root .fv-header{color:var(--ink)}[data-mis-theme] .fv-root .fv-document-band:not([hidden])+.fv-document-band{border-block-start:var(--band-rule-weight) solid var(--band-rule-color);margin-block-start:var(--band-gap);padding-block-start:var(--band-pad-block-start)}[data-mis-theme] .fv-root .fv-document{row-gap:0}[data-mis-theme] .fv-root .fv-document-band{padding-block-end:var(--band-pad-block-end);row-gap:10px}[data-mis-theme] .fv-root .fv-body>.fv-group+.fv-group,[data-mis-theme] .fv-root .fv-notebook-body>.fv-group+.fv-group,[data-mis-theme] .fv-root .fv-band-body>.fv-group+.fv-group{border-block-start:var(--band-rule-weight) solid var(--band-rule-color);padding-block-start:12px}[data-mis-theme] .fv-root .fv-document-heading{display:inline-flex;align-self:flex-start;justify-self:start;background:var(--tint-band-head);padding:3px 9px;font-size:13px;letter-spacing:.1em;color:var(--ink)}[data-mis-theme] .fv-root .fv-document-step{font-family:var(--font-value);letter-spacing:normal;color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-group-head .fv-group-label{background:var(--tint-band-head);padding:3px 9px;color:var(--ink)}[data-mis-theme] .fv-root .fv-group-step{font-family:var(--font-value);color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-band-margin{border-left:1px solid rgba(0,0,0,.18);padding-left:11px;font-size:11px;line-height:1.45;color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-label{font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:var(--ink-label)}[data-mis-theme] .fv-root .fv-field-address{font-family:var(--font-value);font-weight:400;color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-field-rule,[data-mis-theme] .fv-root .fv-field-try,[data-mis-theme] .fv-root .fv-group-notice{color:var(--margin-fg);font-size:10.5px}[data-mis-theme] .fv-root .fv-try-lead{color:var(--ink)}[data-mis-theme] .fv-sheet input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),[data-mis-theme] .fv-sheet select,[data-mis-theme] .fv-sheet textarea{font-family:var(--font-value);font-feature-settings:var(--value-features);font-size:13.5px;height:var(--grid-row-height, 30px);padding:5px 9px;border:1px solid #aab2ba;border-radius:2px;background:var(--s0);color:var(--ink);box-shadow:none}[data-mis-theme] .fv-sheet textarea{height:auto;min-height:68px}[data-mis-theme] .fv-sheet input::placeholder,[data-mis-theme] .fv-sheet textarea::placeholder{font-style:italic;font-family:var(--font-ui);color:var(--placeholder-fg)}[data-mis-theme] .fv-sheet input:focus,[data-mis-theme] .fv-sheet select:focus,[data-mis-theme] .fv-sheet textarea:focus{outline:2px solid var(--accent);outline-offset:0;box-shadow:none}[data-mis-theme] .fv-sheet input:disabled,[data-mis-theme] .fv-sheet select:disabled,[data-mis-theme] .fv-sheet textarea:disabled{background:var(--locked-shade)}[data-mis-theme] .fv-sheet [aria-invalid=true]{border-color:var(--state-failed-fg)}[data-mis-theme] .fv-sheet .o-control-segmented{background:var(--s0);border:1px solid #aab2ba;border-radius:2px}[data-mis-theme] .fv-sheet .o-control-segment{min-height:34px;min-width:64px;padding:0 14px;font-family:var(--font-ui);font-size:12.5px;background:var(--s0);color:var(--ink);border-left:1px solid #aab2ba}[data-mis-theme] .fv-sheet .o-control-segment:first-child{border-left:0}[data-mis-theme] .fv-sheet .o-control-segment:hover{background:var(--s3);border-bottom-color:transparent}[data-mis-theme] .fv-sheet .o-control-segment[data-selected]{background:var(--accent);color:var(--s0);font-weight:600;border-bottom-color:var(--accent)}[data-mis-theme] .fv-sheet .o-control-segment:focus-within{outline:2px solid var(--accent);outline-offset:-2px}[data-mis-theme] .fv-root .fv-readonly-value{font-family:var(--font-value);font-feature-settings:var(--value-features);font-size:13.5px;min-height:30px;display:flex;align-items:center;padding:4px 9px;background:var(--readonly-shade);border:1px solid rgba(0,0,0,.1);border-radius:2px;color:var(--ink)}[data-mis-theme] .fv-root .fv-field[data-access=locked] .fv-readonly-value{background:var(--locked-shade)}[data-mis-theme] .fv-root .fv-view-only-chip{background:var(--readonly-shade);border:1px solid rgba(0,0,0,.1);border-radius:2px;color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-group-actions{margin-top:10px;align-items:center;gap:12px}[data-mis-theme] .fv-root .fv-group-state{font-size:11.5px;font-weight:600}[data-mis-theme] .fv-root .fv-group-state[data-state=saved]{color:var(--state-saved-fg)}[data-mis-theme] .fv-root .fv-group-state[data-state=unsaved]{color:var(--state-unsaved-fg)}[data-mis-theme] .fv-root .fv-group-state[data-state=attention],[data-mis-theme] .fv-root .fv-group-state[data-state=failed]{color:var(--state-failed-fg)}[data-mis-theme] .fv-root .btn{font-family:var(--font-ui);font-size:12.5px;font-weight:600;min-height:var(--btn-h);padding:0 16px;border-radius:2px;background:transparent;color:var(--ink);border:1px solid var(--rule);cursor:pointer;box-shadow:none}[data-mis-theme] .fv-root .btn.primary,[data-mis-theme] .fv-root .btn.fv-group-save{background:var(--accent);color:var(--s0);border:0}[data-mis-theme] .fv-root .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}[data-mis-theme] .fv-root .btn:disabled{opacity:.55;cursor:default}[data-mis-theme] .fv-root .btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[data-mis-theme] .fv-root .fv-alert{background:var(--state-failed-bg);border:0;border-left:3px solid var(--state-failed-fg);border-radius:0;color:#7f1d1d;font-size:12px;padding:6px 11px}[data-mis-theme] .fv-root .fv-alert.success{background:#f0fdf4;border-left-color:var(--state-saved-fg);color:#14532d}[data-mis-theme] .fv-root .fv-alert.warning{background:#fefce8;border-left-color:var(--state-unsaved-fg);color:#713f12}[data-mis-theme] .fv-root .fv-group-error,[data-mis-theme] .fv-root .fv-field-error,[data-mis-theme] .fv-root .fv-strip-jump{color:var(--state-failed-fg)}[data-mis-theme] .fv-root .fv-save-bar{background:var(--tint-sheet);border-top:var(--band-rule-weight) solid var(--band-rule-color);border-radius:0;box-shadow:0 -2px 8px #00000014}[data-mis-theme] .fv-root .fv-save-bar-status{font-size:11.5px;font-weight:600;color:var(--ink)}[data-mis-theme] .fv-root .fv-save-bar-status[data-claim=saved]{color:var(--state-saved-fg)}[data-mis-theme] .fv-root .fv-save-bar-status[data-claim=unsaved]{color:var(--state-unsaved-fg)}[data-mis-theme] .fv-root .fv-save-bar-status[data-claim=attention],[data-mis-theme] .fv-root .fv-save-bar-status[data-claim=failed]{color:var(--state-failed-fg)}[data-mis-theme] .fv-root .fv-clause[data-clause=saved]{color:var(--state-saved-fg)}[data-mis-theme] .fv-root .fv-clause[data-clause=outstanding]{color:var(--ink)}[data-mis-theme] .fv-root .fv-clause[data-clause=attention],[data-mis-theme] .fv-root .fv-clause[data-clause=failed]{color:var(--state-failed-fg)}[data-mis-theme] .fv-root .fv-clause-sep,[data-mis-theme] .fv-root .fv-strip-address{color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-strip-address{font-family:var(--font-value)}[data-mis-theme] .fv-root .fv-sheet-footer{border-top:1px solid rgba(0,0,0,.18)}[data-mis-theme] .fv-root .fv-profile-card{background:var(--tint-sheet);border-bottom-color:#00000024}[data-mis-theme] .fv-root .fv-profile-identity{align-items:flex-start}[data-mis-theme] .fv-root .fv-profile-photo{width:74px;height:88px;border-radius:0;background:var(--s0);border:1px solid #8b939b;overflow:hidden}[data-mis-theme] .fv-root .fv-profile-photo img{border-radius:0}[data-mis-theme] .fv-root .fv-profile-initials{font-family:var(--font-value);font-size:26px;font-weight:400;color:#5b6169;letter-spacing:.05em}[data-mis-theme] .fv-root .fv-profile-photo-note{font-family:var(--font-ui);color:var(--margin-fg)}[data-mis-theme] .fv-root .fv-profile-name{color:var(--ink)}[data-mis-theme] .fv-root .fv-profile-id{font-family:var(--font-value);font-feature-settings:var(--value-features);color:var(--ink);letter-spacing:.06em}[data-mis-theme] .fv-root .fv-profile-meta-row,[data-mis-theme] .fv-root .fv-profile-contact{color:var(--margin-fg)}[data-mis-theme] .fv-root .rec-head{gap:var(--sp5);padding:var(--sp3) 0;border-bottom:1px solid var(--rule)}[data-mis-theme] .fv-root .rec-head__photo{width:38px;height:46px;background:var(--s0);border:1px solid var(--rule);font-family:var(--font-value);font-size:var(--t3);color:var(--ink-muted)}[data-mis-theme] .fv-root .rec-head__name{font-family:var(--font-display);font-size:var(--d1);font-weight:400;line-height:1.1;color:var(--ink)}[data-mis-theme] .fv-root .rec-head__sub{font-size:var(--t2);color:var(--ink-muted);margin-top:var(--sp1)}[data-mis-theme] .fv-root .rec-head__stamp{font-size:var(--t1);color:var(--ink-muted)}[data-mis-theme] .fv-root .rec-head__stamp b{font-family:var(--font-value);font-feature-settings:var(--value-features);font-size:var(--t4);font-weight:400;color:var(--ink);letter-spacing:.05em}[data-mis-theme] .fv-root .fv-document>.fv-tabs{height:32px;display:flex;align-items:stretch;gap:0;background:var(--s3);border:0;border-bottom:var(--band-rule) solid var(--rule-band);margin-inline:calc(-1 * var(--o-space-xl));margin-block-end:var(--sp5);padding:0}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab{font-family:var(--font-ui);font-size:var(--t3);font-weight:400;padding:0 var(--sp6);border:0;border-right:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink-label);cursor:pointer;display:flex;align-items:center;gap:var(--sp3)}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab[aria-selected=true]{background:var(--s1);color:var(--ink);font-weight:600}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab .fv-tab-n{font-family:var(--font-value);font-feature-settings:var(--value-features);font-size:var(--t2);color:var(--ink-muted);margin-inline-end:0}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab[aria-selected=true] .fv-tab-n{color:var(--accent)}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab--restricted{margin-left:auto;border-right:0;border-left:1px solid var(--rule)}[data-mis-theme] .fv-root .fv-document>.fv-tabs>.fv-tab--restricted:before{content:"🔒";font-size:var(--t2)}[data-mis-theme] .fv-root .btn.fv-group-edit{background:transparent;color:var(--accent);border:1px solid var(--accent)}[data-mis-theme] .fv-root[data-print] .fv-sheet{background:var(--p20-paper, #ffffff);border:0;box-shadow:none}[data-mis-theme] .fv-root[data-print] :is(.fv-label,.fv-no-control-mark,.fv-sheet-form-title,.fv-sheet-note,.fv-document-heading,.fv-group-label,.fv-document-name,.fv-group-name){color:var(--p20-ink)}[data-mis-theme] .fv-root[data-print] :is(.fv-sheet-form-code,.fv-document-step,.fv-group-step,.fv-band-margin,.fv-margin-list,.fv-margin-note,.fv-margin-text,.fv-margin-for,.fv-profile-photo-note){color:var(--p20-ink-hint)}[data-mis-theme] .fv-root[data-print] :is(.fv-group-label,.fv-document-heading){background:transparent}[data-mis-theme] .fv-root[data-print] .fv-profile-photo{background:var(--p20-paper)}[data-mis-theme] .fv-root[data-print]{--band-rule-color: var(--p20-ink)}[data-mis-theme] .fv-root:not([data-print]) .fv-sheet{padding:var(--sp5) var(--sp7) var(--sp6);gap:var(--sp3)}[data-mis-theme] .fv-root:not([data-print]) .fv-group-grid{row-gap:var(--sp1)}[data-mis-theme] .fv-root:not([data-print]) .fv-document-band{row-gap:var(--sp3)}[data-mis-theme] .fv-root:not([data-print]) .fv-field>:has(>.fc-asserts-none){display:flex;align-items:center;gap:var(--sp5)}[data-mis-theme] .fv-root:not([data-print]) .fc-asserts-none{margin:0;flex:0 0 auto}[data-mis-theme] .fv-root:not([data-print]) .fv-field:not(:focus-within)>.fv-field-try{display:none}[data-mis-theme] .fv-root:has(.fv-tabs):not([data-print]) .fv-sheet-note{display:none}[data-mis-theme] .fv-root:not([data-print]) .fv-profile-photo-slot{display:flex;flex-direction:row;align-items:flex-end;gap:var(--sp3)}[data-mis-theme] .fv-root:not([data-print]) .fv-profile-photo-note{margin:0;max-width:150px}:root{--p20-measure: 178mm;--p20-type-base: 10.5pt;--p20-leading: 1.45;--p20-type-code: 9pt;--p20-type-title: 15pt;--p20-type-school: 10pt;--p20-type-ctrl: 9pt;--p20-type-control: 10pt;--p20-type-caption: 7pt;--p20-type-note: 9.5pt;--p20-type-band: 10pt;--p20-type-addr: 9pt;--p20-type-office: 8.5pt;--p20-track-code: .08em;--p20-track-band: .12em;--p20-track-office: .14em;--p20-rule-head: 2.2pt;--p20-rule-office: 1.6pt;--p20-rule-band: 1.4pt;--p20-rule-note: 1pt;--p20-rule-line: 1pt;--p20-head-pad: 6pt;--p20-note-pad-block: 4pt;--p20-note-pad-inline: 7pt;--p20-band-gap: 12pt;--p20-band-head-pad: 2pt;--p20-office-pad-block: 6pt;--p20-office-pad-inline: 8pt;--p20-addr-col: 8mm;--p20-label-col: 44mm;--p20-leader-col: 5mm;--p20-row-pad-top: 5.5pt;--p20-row-pad-bottom: 1pt;--p20-mark-w: 46mm;--p20-mark-h: 26pt;--p20-mark-square: 26mm;--p20-tick-box: 5.5mm;--p20-tick-gap: 2mm;--p20-tick-sep: 7mm;--p20-paper: #fff;--p20-ink: #000;--p20-ink-hint: #444;--p20-write: #eef3f2;--p20-ink-leader: #555;--p20-ink-addr: #333}.eb-wrap{padding:16px}.eb-card{max-width:640px;margin:0 auto}.eb-game{border:1px solid var(--app-border);background:var(--app-bg-secondary);border-radius:12px;overflow:hidden;margin-bottom:12px}.eb-tetris{padding:10px;display:flex;justify-content:center}.eb-tetris-grid{--cell: 12px;width:calc(var(--cell) * 10);height:calc(var(--cell) * 16);position:relative;border:1px solid var(--app-border);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--app-primary) 10%,transparent) 0%,transparent 100%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--app-border) 45%,transparent) 0 calc(var(--cell)),transparent calc(var(--cell)) calc(var(--cell) * 2)),repeating-linear-gradient(0deg,color-mix(in srgb,var(--app-border) 30%,transparent) 0 calc(var(--cell)),transparent calc(var(--cell)) calc(var(--cell) * 2))}.eb-tetris-stack{position:absolute;inset:0;opacity:.9}.eb-tetris-stack:before{content:"";position:absolute;left:calc(var(--cell) * 1);top:calc(var(--cell) * 12);width:var(--cell);height:var(--cell);border-radius:3px;background:color-mix(in srgb,var(--app-primary) 55%,var(--app-bg-primary) 45%);box-shadow:calc(var(--cell) * 1) 0 0 0 color-mix(in srgb,var(--app-primary) 45%,var(--app-bg-primary) 55%),calc(var(--cell) * 2) 0 0 0 color-mix(in srgb,var(--app-accent-primary) 55%,var(--app-bg-primary) 45%),calc(var(--cell) * 3) 0 0 0 color-mix(in srgb,var(--app-accent-primary) 45%,var(--app-bg-primary) 55%),calc(var(--cell) * 5) 0 0 0 color-mix(in srgb,var(--app-primary) 50%,var(--app-bg-primary) 50%),calc(var(--cell) * 6) 0 0 0 color-mix(in srgb,var(--app-accent-primary) 50%,var(--app-bg-primary) 50%),calc(var(--cell) * 7) 0 0 0 color-mix(in srgb,var(--app-primary) 40%,var(--app-bg-primary) 60%),0 calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 1) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 2) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 3) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 4) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 5) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 6) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 7) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%),calc(var(--cell) * 8) calc(var(--cell) * 1) 0 0 color-mix(in srgb,var(--app-border) 30%,var(--app-bg-primary) 70%)}.eb-tetris-piece{position:absolute;width:var(--cell);height:var(--cell);border-radius:3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--app-border) 65%,transparent) inset;opacity:0}.eb-piece-1{background:color-mix(in srgb,var(--app-accent-primary) 70%,var(--app-primary) 30%);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-border) 65%,transparent) inset,calc(var(--cell) * 1) 0 0 0 currentColor,calc(var(--cell) * 2) 0 0 0 currentColor,calc(var(--cell) * 1) calc(var(--cell) * 1) 0 0 currentColor;color:color-mix(in srgb,var(--app-accent-primary) 70%,var(--app-primary) 30%);animation:eb-piece-1 3.2s ease-in-out infinite}.eb-piece-2{background:color-mix(in srgb,var(--app-primary) 70%,var(--app-accent-primary) 30%);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-border) 65%,transparent) inset,0 calc(var(--cell) * 1) 0 0 currentColor,calc(var(--cell) * 1) calc(var(--cell) * 1) 0 0 currentColor,calc(var(--cell) * 2) calc(var(--cell) * 1) 0 0 currentColor;color:color-mix(in srgb,var(--app-primary) 70%,var(--app-accent-primary) 30%);animation:eb-piece-2 3.2s ease-in-out infinite;animation-delay:.8s}.eb-piece-3{background:color-mix(in srgb,var(--app-accent-primary) 55%,var(--app-border) 45%);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-border) 65%,transparent) inset,calc(var(--cell) * 1) 0 0 0 currentColor,0 calc(var(--cell) * 1) 0 0 currentColor,calc(var(--cell) * 1) calc(var(--cell) * 1) 0 0 currentColor;color:color-mix(in srgb,var(--app-accent-primary) 55%,var(--app-border) 45%);animation:eb-piece-3 3.2s ease-in-out infinite;animation-delay:1.6s}.eb-piece-4{background:color-mix(in srgb,var(--app-primary) 55%,var(--app-border) 45%);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-border) 65%,transparent) inset,0 calc(var(--cell) * 1) 0 0 currentColor,0 calc(var(--cell) * 2) 0 0 currentColor,0 calc(var(--cell) * 3) 0 0 currentColor;color:color-mix(in srgb,var(--app-primary) 55%,var(--app-border) 45%);animation:eb-piece-4 3.2s ease-in-out infinite;animation-delay:2.4s}.eb-tetris-line{position:absolute;left:0;right:0;top:calc(var(--cell) * 13);height:var(--cell);background:color-mix(in srgb,var(--app-accent-primary) 20%,transparent);opacity:0;animation:eb-line-clear 3.2s ease-in-out infinite;animation-delay:1.9s}@keyframes eb-piece-1{0%{opacity:0;transform:translate(calc(var(--cell) * 3),calc(var(--cell) * -3))}10%{opacity:1}70%{opacity:1;transform:translate(calc(var(--cell) * 3),calc(var(--cell) * 9))}85%{opacity:0;transform:translate(calc(var(--cell) * 3),calc(var(--cell) * 9))}to{opacity:0}}@keyframes eb-piece-2{0%{opacity:0;transform:translate(calc(var(--cell) * 5),calc(var(--cell) * -3))}10%{opacity:1}60%{opacity:1;transform:translate(calc(var(--cell) * 5),calc(var(--cell) * 8))}80%{opacity:0;transform:translate(calc(var(--cell) * 5),calc(var(--cell) * 8))}to{opacity:0}}@keyframes eb-piece-3{0%{opacity:0;transform:translate(calc(var(--cell) * 1),calc(var(--cell) * -3))}10%{opacity:1}65%{opacity:1;transform:translate(calc(var(--cell) * 1),calc(var(--cell) * 7))}82%{opacity:0;transform:translate(calc(var(--cell) * 1),calc(var(--cell) * 7))}to{opacity:0}}@keyframes eb-piece-4{0%{opacity:0;transform:translate(calc(var(--cell) * 8),calc(var(--cell) * -3))}10%{opacity:1}55%{opacity:1;transform:translate(calc(var(--cell) * 8),calc(var(--cell) * 6))}78%{opacity:0;transform:translate(calc(var(--cell) * 8),calc(var(--cell) * 6))}to{opacity:0}}@keyframes eb-line-clear{0%,45%{opacity:0}55%{opacity:1}65%{opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.eb-tetris-piece,.eb-tetris-line{animation:none!important}}.eb-title{font-weight:800;margin-bottom:8px}.eb-body{opacity:.85;font-size:13px;margin-bottom:12px}.eb-detail{opacity:.8;font-size:13px;margin-bottom:12px}.eb-actions{display:flex;gap:8px;justify-content:flex-end}