*,:after,:before{box-sizing:border-box}html{height:100%;background:linear-gradient(135deg,#0f172a,#1e293b)}body,html{transition:background .3s ease}body{min-height:100vh;margin:0;padding:0;background:linear-gradient(135deg,#0f172a,#1e293b)!important;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#f1f5f9;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.2) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(96,165,250,.15) 0,transparent 50%);pointer-events:none;z-index:-1}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;background:var(--bg-tertiary)}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-lg);-webkit-transition:background var(--duration-normal) ease;transition:background var(--duration-normal) ease}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}@media (prefers-color-scheme:dark){body,html{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#f1f5f9}body:before{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.2) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(96,165,250,.15) 0,transparent 50%)}::-webkit-scrollbar,::-webkit-scrollbar-track{background:#374151}::-webkit-scrollbar-thumb{background:#6b7280}::-webkit-scrollbar-thumb:hover{background:#9ca3af}}@media print{body,html{background:white!important;color:black!important}}.app-layout-container{min-height:100vh;display:flex;flex-direction:column;background:transparent!important}.app-main-content{flex:1 1;padding-top:calc(var(--app-total-navbar-height) + .5rem);width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box;padding-left:16px;padding-right:16px;background:transparent!important;transition:padding-top .3s ease}:root{--app-navbar-height:64px;--app-navbar-height-mobile:64px;--app-navbar-height-tablet:64px;--app-navbar-height-desktop:64px;--app-safe-area-top:env(safe-area-inset-top,0px);--app-total-navbar-height:calc(var(--app-navbar-height) + var(--app-safe-area-top));--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-secondary-light:#a78bfa;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--bg-gradient-reverse:linear-gradient(135deg,#1e293b,#0f172a);--card-bg:rgba(255,255,255,0.1);--card-bg-hover:rgba(255,255,255,0.15);--card-bg-pressed:rgba(255,255,255,0.05);--card-gradient:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));--surface-glass:rgba(255,255,255,0.1);--surface-glass-strong:rgba(255,255,255,0.2);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.8);--text-tertiary:rgba(255,255,255,0.6);--text-muted:rgba(255,255,255,0.4);--text-inverse:#1f2937;--border-primary:rgba(255,255,255,0.2);--border-secondary:rgba(255,255,255,0.1);--border-accent:rgba(255,255,255,0.3);--border-focus:rgba(255,255,255,0.4);--border-hover:rgba(139,92,246,0.6);--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#a855f7;--color-warning-light:#c084fc;--color-warning-dark:#9333ea;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--bg-success:rgba(16,185,129,0.1);--bg-success-strong:rgba(16,185,129,0.2);--bg-warning:rgba(168,85,247,0.1);--bg-warning-strong:rgba(168,85,247,0.2);--bg-error:rgba(239,68,68,0.1);--bg-error-strong:rgba(239,68,68,0.2);--bg-info:rgba(59,130,246,0.1);--bg-info-strong:rgba(59,130,246,0.2);--color-primary-bg:rgba(59,130,246,0.2);--color-primary-bg-hover:rgba(59,130,246,0.3);--color-primary-border:rgba(59,130,246,0.4);--color-secondary-bg:rgba(139,92,246,0.2);--color-secondary-bg-hover:rgba(139,92,246,0.3);--color-secondary-bg-subtle:rgba(139,92,246,0.05);--color-secondary-border:rgba(139,92,246,0.4);--color-info-border:rgba(59,130,246,0.4);--color-success-border:rgba(16,185,129,0.4);--color-warning-border:rgba(168,85,247,0.4);--color-error-border:rgba(239,68,68,0.4);--color-special:#c084fc;--color-special-dark:#a855f7;--color-special-bg:rgba(192,132,252,0.9);--color-special-text:#1a1a1a;--color-gold:#8b5cf6;--color-gold-light:#a78bfa;--color-gold-dark:#7c3aed;--color-gold-bg:rgba(139,92,246,0.9);--color-gold-bg-subtle:rgba(139,92,246,0.05);--color-gold-border:rgba(139,92,246,0.4);--color-gold-text:#ffffff;--gradient-gold:linear-gradient(90deg,#8b5cf6,#7c3aed);--color-primary-bg-solid:rgba(59,130,246,0.9);--color-success-bg-solid:rgba(16,185,129,0.9);--color-warning-bg-solid:rgba(168,85,247,0.9);--color-error-bg-solid:rgba(239,68,68,0.9);--text-on-primary:#ffffff;--text-on-success:#ffffff;--text-on-warning:#ffffff;--text-on-error:#ffffff;--text-on-accent:#ffffff;--z-badge:3;--color-hover:rgba(255,255,255,0.1);--color-active:rgba(255,255,255,0.2);--color-focus:rgba(255,255,255,0.15);--color-disabled:rgba(255,255,255,0.3);--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--shadow-lg:0 8px 24px rgba(0,0,0,0.2);--shadow-xl:0 16px 40px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(59,130,246,0.3);--background-primary:transparent;--background-secondary:rgba(255,255,255,0.1);--background-tertiary:rgba(255,255,255,0.15);--border-color:var(--border-primary);--border-radius-md:8px;--border-radius-full:50px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--color-primary-alpha-20:rgba(59,130,246,0.2);--color-secondary-alpha-20:rgba(139,92,246,0.2);--color-danger:var(--color-error);--color-danger-alpha-10:var(--bg-error);--color-warning-alpha-10:var(--bg-warning);--color-success-alpha-10:var(--bg-success);--color-white:#ffffff;--max-width-content:1200px;--shadow-glow-accent:0 0 20px rgba(16,185,129,0.3);--bg-decoration:radial-gradient(circle at 20% 80%,rgba(59,130,246,0.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,0.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(96,165,250,0.15) 0%,transparent 50%);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--z-behind:-1;--z-normal:1;--z-tooltip:10;--z-fixed:100;--z-modal:1000;--z-overlay:10000;--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--backdrop-blur-sm:blur(8px);--backdrop-blur-md:blur(12px);--backdrop-blur-lg:blur(16px);--backdrop-blur-xl:blur(20px)}@media (min-width:768px){:root{--app-navbar-height:64px}}@media (min-width:1024px){:root{--app-navbar-height:64px}.app-main-content{padding-left:24px;padding-right:24px}}@media (min-width:1440px){.app-main-content{padding-left:32px;padding-right:32px}}html{scroll-behavior:smooth;scroll-padding-top:var(--app-total-navbar-height)}body{overflow-x:hidden}@media print{.app-main-content{padding-top:0!important}}#__next{background:linear-gradient(135deg,#0f172a,#1e293b)!important;min-height:100vh}div[class*=container],div[class*=layout],div[class*=wrapper],main{background:transparent!important}