:root{--neutral-100-light: #faf9f6;--neutral-200-light: #f5f2eb;--neutral-300-light: #e6e2da;--neutral-400-light: #cbc5ba;--neutral-500-light: #90897d;--neutral-600-light: #645f56;--neutral-700-light: #44413a;--neutral-800-light: #292823;--neutral-900-light: #161513;--neutral-100-dark: #0a0a09;--neutral-200-dark: #121210;--neutral-300-dark: #1b1a18;--neutral-400-dark: #272522;--neutral-500-dark: #3f3d38;--neutral-600-dark: #626058;--neutral-700-dark: #8c8980;--neutral-800-dark: #c5c2b9;--neutral-900-dark: #f2efe9;--pyro-primary-hsl: 15, 100%, 54%;--pyro-primary: hsl(var(--pyro-primary-hsl));--pyro-hover: hsl(15, 100%, 46%);--pyro-accent-hsl: 35, 100%, 50%;--pyro-accent: hsl(var(--pyro-accent-hsl));--pyro-crimson: #d92b34;--status-success-light: #10b981;--status-success-dark: #059669;--status-warning-light: #f59e0b;--status-warning-dark: #d97706;--status-error-light: #ef4444;--status-error-dark: #dc2626;--status-info-light: #3b82f6;--status-info-dark: #2563eb;--font-family: "Google Sans Text", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--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, .15), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-glow: 0 0 15px rgba(255, 84, 20, .35);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--header-height: 64px;--sidebar-width: 260px;--sidebar-collapsed-width: 68px;--z-header: 100;--z-sidebar: 200;--z-dropdown: 300;--z-drawer: 400;--z-overlay: 500;--z-modal: 600;--z-toast: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--focus-ring: 2px solid var(--pyro-primary);--focus-ring-offset: 2px;--high-contrast-border: 2px solid #000000}:root,[data-theme=light],:root:not([data-theme=dark]){--bg-primary: var(--neutral-100-light);--bg-secondary: var(--neutral-200-light);--bg-surface: #ffffff;--bg-surface-elevated: var(--neutral-200-light);--border-color: var(--neutral-300-light);--border-focus: var(--pyro-primary);--text-primary: var(--neutral-900-light);--text-secondary: var(--neutral-700-light);--text-muted: var(--neutral-500-light);--text-on-brand: #ffffff;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--accent-soft: rgba(255, 84, 20, .08);--shadow-color: rgba(26, 25, 23, .08)}[data-theme=dark]{--bg-primary: var(--neutral-100-dark);--bg-secondary: var(--neutral-200-dark);--bg-surface: var(--neutral-300-dark);--bg-surface-elevated: var(--neutral-400-dark);--border-color: var(--neutral-400-dark);--border-focus: var(--pyro-primary);--text-primary: var(--neutral-900-dark);--text-secondary: var(--neutral-700-dark);--text-muted: var(--neutral-600-dark);--text-on-brand: #ffffff;--glass-bg: rgba(27, 26, 24, .75);--glass-border: rgba(63, 61, 56, .4);--accent-soft: rgba(255, 84, 20, .12);--shadow-color: rgba(0, 0, 0, .5)}[data-high-contrast=true]{--bg-primary: #000000 !important;--bg-secondary: #111111 !important;--bg-surface: #000000 !important;--bg-surface-elevated: #222222 !important;--border-color: #ffffff !important;--border-focus: #ffff00 !important;--text-primary: #ffffff !important;--text-secondary: #eeeeee !important;--text-muted: #cccccc !important;--text-on-brand: #000000 !important;--pyro-primary: #ffff00 !important;--pyro-hover: #ffcc00 !important;--pyro-accent: #ffff00 !important;--glass-bg: #000000 !important;--glass-border: #ffffff !important;--shadow-color: transparent !important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:grid;grid-template-areas:"sidebar header" "sidebar main" "sidebar footer";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr auto;min-height:100vh;transition:grid-template-columns var(--transition-normal)}.app-container.collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}header.app-header{grid-area:header;height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-header)}aside.app-sidebar{grid-area:sidebar;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:var(--z-sidebar);transition:width var(--transition-normal);width:var(--sidebar-width);overflow-y:auto}.collapsed aside.app-sidebar{width:var(--sidebar-collapsed-width)}main.app-main{grid-area:main;padding:var(--space-8);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height) - 60px);min-width:0;max-width:100%;overflow-x:auto}footer.app-footer{grid-area:footer;height:60px;background-color:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;padding:0 var(--space-6);font-size:var(--font-size-sm);color:var(--text-muted)}.widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-sidebar nav div:hover .fav-btn{opacity:1!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary)}h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.app-container{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr auto}aside.app-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--transition-normal)}.app-container:not(.collapsed) aside.app-sidebar{transform:translate(0)}.widget-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.widget-grid{grid-template-columns:repeat(2,1fr)}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}