: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)}}[data-theme=dark]{--theme-primary: var(--app-primary, #8b6a4b);--theme-secondary: color-mix(in srgb, var(--theme-primary) 65%, #000 35%);--theme-gold: var(--app-accent, #fbbf24);--theme-gold-hover: var(--app-accent-hover, #fcd34d);--app-text-primary: #f4f4f5;--app-text-secondary: #a1a1aa;--app-text-tertiary: #71717a;--app-text-disabled: #52525b;--app-accent-primary: var(--app-accent, #fbbf24);--app-accent-primary-hover: var(--app-accent-hover, #fcd34d);--color-bg-header-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--app-primary, #3b82f6) 14%, var(--grey-900, #1a1a1c)) 0%, var(--grey-900, #1a1a1c) 100% );--neutral-accent: var(--theme-gold);--neutral-soft: color-mix(in srgb, var(--theme-gold) 26%, transparent);--neutral-medium: color-mix(in srgb, var(--theme-gold) 44%, transparent);--neutral-glow: color-mix(in srgb, var(--theme-gold) 24%, transparent);--grey-950: #0a0a0b;--grey-900: #1a1a1c;--grey-800: #2a2a2e;--grey-700: #3a3a40;--grey-600: #52525b;--grey-500: #71717a;--grey-400: #a1a1aa;--grey-300: #d4d4d8;--theme-highlight: color-mix(in srgb, var(--theme-gold) 78%, #fff 22%);--theme-highlight-soft: color-mix(in srgb, var(--theme-highlight) 32%, transparent);--theme-highlight-strong: color-mix(in srgb, var(--theme-highlight) 62%, transparent);--dark-surface-base: var(--theme-dark-base, var(--grey-950));--dark-surface-raised: var(--theme-dark-raised, var(--grey-900));--dark-surface-elevated: var(--theme-dark-elevated, var(--grey-800));--dark-surface-card: var(--theme-dark-card, color-mix(in srgb, var(--grey-800) 98%, var(--neutral-accent) 2%));--app-bg: var(--dark-surface-base);--app-bg-primary: var(--dark-surface-base);--app-bg-elevated: var(--dark-surface-elevated);--app-card-bg: var(--dark-surface-card);--app-bg-subtle: var(--grey-700);background:linear-gradient(135deg,var(--grey-900) 0%,var(--grey-950) 100%);color-scheme:dark}:root[data-theme=dark]{--app-bg-secondary: var(--o-sheet);--app-border-base: var(--o-border-subtle)}[data-theme=dark] .admin-notes-page{background:var(--dark-surface-raised)!important}[data-theme=dark] .card,[data-theme=dark] [class*=section]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not([class^=wv-]):not([class^=sv-]):not([class^=msb-]),[data-theme=dark] [class*=panel]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not([class^=wv-]):not([class^=sv-]){background:var(--dark-surface-card);border-color:color-mix(in srgb,var(--grey-700) 88%,var(--neutral-accent) 12%);box-shadow:0 1px 3px var(--grey-950),inset 0 1px 0 var(--neutral-glow)}[data-theme=dark] [style*="border: 1px solid var(--app-border"]{background:var(--dark-surface-card)!important;border-color:color-mix(in srgb,var(--grey-700) 88%,var(--neutral-accent) 12%)!important;box-shadow:0 1px 3px var(--grey-950),inset 0 1px 0 var(--neutral-glow)}[data-theme=dark] [class*=title]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not(.lv-subtitle),[data-theme=dark] [class*=heading]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]){color:var(--grey-300)!important}[data-theme=dark] h1:not([class]):not([style]),[data-theme=dark] h2:not([class]):not([style]),[data-theme=dark] h3:not([class]):not([style]),[data-theme=dark] h4:not([class]):not([style]),[data-theme=dark] h5:not([class]):not([style]),[data-theme=dark] h6:not([class]):not([style]){color:var(--grey-300)}[data-theme=dark] [class*=subtitle]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not(.lv-subtitle),[data-theme=dark] [class*=description]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]),[data-theme=dark] [class*=secondary]:not([class^=o-]):not([class^=pg-]):not([class^=dv-]){color:var(--grey-400)!important}[data-theme=dark] input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=color]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--grey-900)!important;border-color:var(--grey-700)!important;color:var(--grey-300)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--grey-500)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--theme-gold)!important;box-shadow:0 0 0 3px var(--neutral-soft)!important}@layer estate-reset{[data-theme=dark] button:not(.pg-btn-primary):not([class*=primary]):not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not(.compose-btn):not(.fv-tab){background:var(--grey-800);border-color:var(--grey-600);color:var(--grey-300)}}@layer estate-reset{[data-theme=dark] button:hover:not([disabled]):not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not(.fv-tab){background:var(--grey-700);border-color:var(--grey-600)}}[data-theme=dark] .pg-btn-primary,[data-theme=dark] [class*=btn-primary]{background:var(--theme-primary)!important;color:#fff!important;box-shadow:0 0 0 1px var(--neutral-soft),0 4px 12px var(--neutral-glow)}[data-theme=dark] [style*="border:"]{border-color:var(--grey-700)!important}@layer estate-reset{[data-theme=dark] a:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not([class^=msb-]){color:color-mix(in srgb,var(--theme-primary) 55%,var(--theme-highlight) 45%);text-decoration-color:var(--neutral-soft)}}@layer estate-reset{[data-theme=dark] a:hover:not([class^=o-]):not([class^=pg-]):not([class^=dv-]):not([class^=msb-]){text-decoration:underline}}[data-theme=dark] *:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-gold) 70%,#fff 30%);outline-offset:2px}[data-theme=dark] ::selection{background:color-mix(in srgb,var(--theme-gold) 30%,transparent);color:var(--grey-300)}[data-theme=dark] svg{color:inherit}[data-theme=dark] [style*="color: var(--app-text-secondary"]{color:var(--grey-400)!important}[data-theme=dark] [style*="color: var(--app-text-primary"]{color:var(--grey-300)!important}[data-theme=dark] [style*="background: var(--app-bg-primary"]{background:var(--dark-surface-base)!important}[data-theme=dark] [style*="background: var(--app-bg-secondary"]{background:var(--dark-surface-raised)!important}[data-theme=dark] *{transition:background-color .2s ease,color .2s ease,border-color .2s ease}html.theme-blue[data-theme=dark],html.theme-green[data-theme=dark]{--theme-highlight: color-mix(in srgb, var(--app-accent-primary, #f5c15f) 65%, #fff 35%);--theme-highlight-soft: color-mix(in srgb, var(--theme-highlight) 30%, transparent);--theme-highlight-strong: color-mix(in srgb, var(--theme-highlight) 58%, transparent)}html.theme-blue[data-theme=dark] .pg-btn-primary,html.theme-blue[data-theme=dark] [class*=btn-primary],html.theme-green[data-theme=dark] .pg-btn-primary,html.theme-green[data-theme=dark] [class*=btn-primary]{border-color:color-mix(in srgb,var(--theme-highlight) 46%,transparent)!important;box-shadow:0 0 0 1px var(--theme-highlight-soft),0 6px 18px color-mix(in srgb,var(--theme-highlight) 20%,transparent)}@layer estate-reset{html.theme-blue[data-theme=dark] a,html.theme-green[data-theme=dark] a{text-decoration-color:color-mix(in srgb,var(--theme-highlight) 45%,transparent)}}[data-theme=dark] .pg-tab.active,[data-theme=dark] .pg-tab[aria-selected=true]{color:var(--theme-gold)!important;border-bottom-color:var(--theme-gold)!important;background:color-mix(in srgb,var(--theme-gold) 7%,var(--grey-900, #1a1a1c) 93%)!important}[data-theme=dark] .pg-tab.active:before,[data-theme=dark] .pg-tab[aria-selected=true]:before{background:var(--theme-gold)!important;box-shadow:0 0 10px var(--neutral-glow)!important}[data-theme=dark] .pg-tab:not(.active):hover{color:color-mix(in srgb,var(--theme-gold) 65%,var(--grey-300, #d4d4d8) 35%)!important;border-bottom-color:color-mix(in srgb,var(--theme-gold) 40%,transparent)!important}[data-theme=dark] .section-heading{color:var(--theme-gold)!important;border-bottom-color:color-mix(in srgb,var(--theme-gold) 22%,transparent)!important}[data-theme=dark] .form-section{border-bottom-color:color-mix(in srgb,var(--theme-gold) 16%,var(--grey-700, #3a3a40) 84%)!important}[data-theme=dark] .form-actions{border-top-color:color-mix(in srgb,var(--theme-gold) 16%,var(--grey-700, #3a3a40) 84%)!important}[data-theme=dark] .upload-status{color:var(--theme-gold)!important}[data-theme=dark] .spinner{border-top-color:var(--theme-gold)!important}[data-theme=dark] [class*=kpi-value],[data-theme=dark] [class*=stat-value]{color:var(--theme-gold)!important}[data-theme=dark] .school-profile-card-header{background:linear-gradient(135deg,color-mix(in srgb,var(--app-primary, #3b82f6) 18%,var(--grey-900, #1a1a1c) 82%) 0%,var(--grey-900, #1a1a1c) 100%)!important;border-bottom:2px solid color-mix(in srgb,var(--theme-gold) 40%,transparent)!important}[data-theme=dark] .school-profile-card-header h2{color:var(--theme-gold)!important;text-shadow:0 0 20px color-mix(in srgb,var(--theme-gold) 24%,transparent)}[data-theme=dark] .school-profile-card-header p{color:var(--grey-400, #a1a1aa)!important}[data-theme=dark] .pg-form-label,[data-theme=dark] .form-label{color:color-mix(in srgb,var(--theme-gold) 68%,var(--grey-300, #d4d4d8) 32%)!important;font-weight:600!important}[data-theme=dark] .pg-tab-panel h3,[data-theme=dark] [id^=panel-] h3{color:var(--theme-gold)!important}[data-theme=dark] .app-form-field input,[data-theme=dark] .app-form-field select,[data-theme=dark] .app-form-field textarea{border-left:3px solid color-mix(in srgb,var(--theme-gold) 20%,var(--grey-700, #3a3a40) 80%)!important;transition:border-color .2s ease,box-shadow .2s ease!important}[data-theme=dark] .app-form-field input:focus,[data-theme=dark] .app-form-field select:focus,[data-theme=dark] .app-form-field textarea:focus{border-left-color:var(--theme-gold)!important;border-color:color-mix(in srgb,var(--theme-gold) 55%,var(--grey-700, #3a3a40) 45%)!important;box-shadow:-4px 0 16px color-mix(in srgb,var(--theme-gold) 14%,transparent),0 0 0 2px var(--neutral-soft)!important}[data-theme=dark] .app-card{border:1px solid color-mix(in srgb,var(--theme-gold) 12%,var(--grey-700, #3a3a40) 88%)!important;box-shadow:0 4px 24px #0009,0 0 0 1px color-mix(in srgb,var(--theme-gold) 8%,transparent)!important}: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(--app-bg-primary);--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(--app-bg-primary);--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(--app-bg-primary);--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(--app-bg-primary);--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(--app-bg-primary);--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(--app-bg-primary);--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}.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}