@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;margin:0;padding:0;height:100%}body,html{width:100%}body{min-height:100vh;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:inherit}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.full-screen-bg{margin:calc(var(--safe-area-inset-top) * -1) calc(var(--safe-area-inset-right) * -1) calc(var(--safe-area-inset-bottom) * -1) calc(var(--safe-area-inset-left) * -1);min-height:100vh}.full-screen-bg,.safe-content{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--blur-standard:12px;--blur-subtle:8px;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:12px;--border-radius-circle:50%;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:1rem;--space-sm:1.5rem;--space-md:2rem;--space-lg:3rem;--space-xl:4rem;--space-2xl:6rem;--font-display-large:2.5rem;--font-display-medium:2rem;--font-display-small:1.5rem;--font-body-large:1.125rem;--font-body-medium:1rem;--font-body-small:0.875rem;--font-caption:0.75rem;--color-primary-1:#000000;--color-primary-2:#333333;--color-primary-3:#666666;--color-success:#4ade80;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#333333,#666666);--gradient-success:linear-gradient(135deg,#4ade80,#22c55e);--gradient-action:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-energy:linear-gradient(135deg,#6d28d9,#4c1d95);--gradient-background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.themeNorthern,.themeNorthern.dark{--color-primary-1:#43cea2;--color-primary-2:#185a9d;--color-primary-3:#6b54d3;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-elevated:rgba(255,255,255,0.15);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-success:#43cea2;--color-warning:#fdbb2d;--color-error:#ff5555;--color-info:#4895ef;--gradient-primary:linear-gradient(135deg,#43cea2,#185a9d,#6b54d3);--gradient-success:linear-gradient(135deg,#43cea2,#36b890);--gradient-action:linear-gradient(135deg,#4895ef,#3ec99f);--gradient-energy:linear-gradient(135deg,#6b54d3,#5448a8);--gradient-background:linear-gradient(135deg,#43cea2,#185a9d,#6b54d3)}.themeSunset,.themeSunset.dark{--color-primary-1:#e86c4d;--color-primary-2:#d49662;--color-primary-3:#6a339f;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-elevated:rgba(255,255,255,0.15);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-success:#3caa64;--color-warning:#d18c15;--color-error:#cc3f3f;--color-info:#3670d3;--gradient-primary:linear-gradient(135deg,#dc2626,#b45309,#5b21b6);--gradient-success:linear-gradient(135deg,#3caa64,#2a8a4e);--gradient-action:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-energy:linear-gradient(135deg,#5b21b6,#4c1d95);--gradient-background:linear-gradient(135deg,#e86c4d,#d49662,#6a339f)}.themeOcean,.themeOcean.dark{--color-primary-1:#00c9b1;--color-primary-2:#005c97;--color-primary-3:#363795;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-elevated:rgba(255,255,255,0.15);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-success:#3dd598;--color-warning:#ffc328;--color-error:#ff575f;--color-info:#4dadff;--gradient-primary:linear-gradient(135deg,#00c9b1,#005c97,#363795);--gradient-success:linear-gradient(135deg,#3dd598,#36bb89);--gradient-action:linear-gradient(135deg,#4dadff,#4096db);--gradient-energy:linear-gradient(135deg,#363795,#292980);--gradient-background:linear-gradient(135deg,#00c9b1,#005c97,#363795)}.themeNeon,.themeNeon.dark{--color-primary-1:#00ffff;--color-primary-2:#ff0080;--color-primary-3:#80ff00;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-elevated:rgba(255,255,255,0.15);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-success:#00ff80;--color-warning:#ffff00;--color-error:#ff4040;--color-info:#4080ff;--gradient-primary:linear-gradient(135deg,#00ffff,#ff0080,#80ff00);--gradient-success:linear-gradient(135deg,#00ff80,#40ff40);--gradient-action:linear-gradient(135deg,#ff0080,#ff4080);--gradient-energy:linear-gradient(135deg,#80ff00,#40ff80);--gradient-background:linear-gradient(135deg,#001a1a,#1a0010,#0a1a00)}.light{color:var(--color-text-primary)!important}.light .bodyLarge,.light .bodyMedium,.light .bodySmall,.light .heading1,.light .heading2,.light .heading3{color:#1a1a1a!important}.light{--color-text-primary:#1a1a1a!important;--color-text-secondary:#4a4a4a!important;--color-text-muted:#6a6a6a!important}.light .calendarGrid,.light .dayItem,.light .mainContainer,.light .navTab,.light .navTabActive,.light .preTrainingTip,.light .statCard,.light .weatherMetricValue,.light button:not(.buttonPrimaryThemed):not(.buttonEnergy):not(.chartTimeFilter):not(.detailActionButtonPrimary):not(.toggleActive):not(.locationPromptButtonPrimary):not(.locationPromptButtonSecondary),.light div,.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light label,.light p,.light span{color:#1a1a1a!important}.light .navTab{background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.15)!important}.light .navTabActive{color:#1a1a1a!important;background:rgba(255,255,255,.4)!important;border:1px solid rgba(255,255,255,.3)!important;font-weight:600!important}.light .buttonPrimaryThemed{background:rgba(255,255,255,.3)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important;color:var(--color-primary-1)!important;font-weight:600!important}.light .buttonPrimaryThemed:hover{background:rgba(255,255,255,.4)!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(31,38,135,.2)!important}.light .inputLabel{color:black!important;font-size:var(--font-body-small);font-weight:600;margin-bottom:.25rem}.light .progressStepActive{color:var(--color-text-primary)!important;background-color:var(--color-surface-elevated)}.themeNorthern.light{--color-primary-1:#2ba882;--color-primary-2:#1a4d7a;--color-primary-3:#5a47b8;--color-surface-primary:rgba(255,255,255,0.75);--color-surface-secondary:rgba(255,255,255,0.55);--color-surface-elevated:rgba(255,255,255,0.85);--color-text-primary:rgba(0,0,0,0.87);--color-text-secondary:rgba(0,0,0,0.65);--color-text-muted:rgba(0,0,0,0.45);--color-success:#2ba882;--color-warning:#e09900;--color-error:#d32f2f;--color-info:#1976d2;--gradient-primary:linear-gradient(135deg,#2ba882,#1a4d7a,#5a47b8);--gradient-success:linear-gradient(135deg,#2ba882,#26976f);--gradient-action:linear-gradient(135deg,#1976d2,#2ba882);--gradient-energy:linear-gradient(135deg,#5a47b8,#4a3a9a);--gradient-background:linear-gradient(135deg,#e8f6f3,#e8f2ff,#f0efff)}.themeSunset.light{--color-primary-1:#c54a2c;--color-primary-2:#b8743d;--color-primary-3:#5a2c86;--color-surface-primary:rgba(255,255,255,0.75);--color-surface-secondary:rgba(255,255,255,0.55);--color-surface-elevated:rgba(255,255,255,0.85);--color-text-primary:rgba(0,0,0,0.87);--color-text-secondary:rgba(0,0,0,0.65);--color-text-muted:rgba(0,0,0,0.45);--color-success:#2e7d32;--color-warning:#e65100;--color-error:#d32f2f;--color-info:#1976d2;--gradient-primary:linear-gradient(135deg,#c54a2c,#b8743d,#5a2c86);--gradient-success:linear-gradient(135deg,#2e7d32,#1b5e20);--gradient-action:linear-gradient(135deg,#1976d2,#c54a2c);--gradient-energy:linear-gradient(135deg,#5a2c86,#4a2470);--gradient-background:linear-gradient(135deg,#fff5f2,#fff8f0,#f8f2ff)}.themeOcean.light{--color-primary-1:#00a693;--color-primary-2:#004d7a;--color-primary-3:#2d2d7a;--color-surface-primary:rgba(255,255,255,0.75);--color-surface-secondary:rgba(255,255,255,0.55);--color-surface-elevated:rgba(255,255,255,0.85);--color-text-primary:rgba(0,0,0,0.87);--color-text-secondary:rgba(0,0,0,0.65);--color-text-muted:rgba(0,0,0,0.45);--color-success:#2e7d32;--color-warning:#f57c00;--color-error:#d32f2f;--color-info:#1976d2;--gradient-primary:linear-gradient(135deg,#00a693,#004d7a,#2d2d7a);--gradient-success:linear-gradient(135deg,#2e7d32,#1b5e20);--gradient-action:linear-gradient(135deg,#1976d2,#1565c0);--gradient-energy:linear-gradient(135deg,#2d2d7a,#252570);--gradient-background:linear-gradient(135deg,#e8fdfc,#e8f4ff,#eff0ff)}.themeNeon.light{--color-primary-1:#00cccc;--color-primary-2:#cc0066;--color-primary-3:#66cc00;--color-surface-primary:rgba(255,255,255,0.75);--color-surface-secondary:rgba(255,255,255,0.55);--color-surface-elevated:rgba(255,255,255,0.85);--color-text-primary:rgba(0,0,0,0.87);--color-text-secondary:rgba(0,0,0,0.65);--color-text-muted:rgba(0,0,0,0.45);--color-success:#3da662;--color-warning:#f57c00;--color-error:#d32f2f;--color-info:#1976d2;--gradient-primary:linear-gradient(135deg,#3da662,#2f7ba3,#9c4294);--gradient-success:linear-gradient(135deg,#3da662,#2e7d32);--gradient-action:linear-gradient(135deg,#1976d2,#1565c0);--gradient-energy:linear-gradient(135deg,#9c4294,#8a3985);--gradient-background:linear-gradient(135deg,#f0fff4,#e8f4ff,#fff0ff)}@layer utilities{.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-2{background-color:var(--color-primary-2)}.bg-primary-3{background-color:var(--color-primary-3)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.text-primary-1{color:var(--color-primary-1)}.text-primary-2{color:var(--color-primary-2)}.text-primary-3{color:var(--color-primary-3)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.border-primary-1{border-color:var(--color-primary-1)}.border-primary-2{border-color:var(--color-primary-2)}.border-primary-3{border-color:var(--color-primary-3)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-action{background:var(--gradient-action)}.bg-gradient-energy{background:var(--gradient-energy)}.bg-gradient-background{background:var(--gradient-background)}.heading1{font-size:var(--font-display-large);margin-bottom:1.5rem}.heading1,.heading2{font-weight:600;line-height:1.2;color:var(--color-text-primary)}.heading2{font-size:var(--font-display-medium);margin-bottom:1.25rem}.heading3{font-size:var(--font-display-small);font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--color-text-primary)}.bodyLarge{font-size:var(--font-body-large)}.bodyLarge,.bodyMedium{line-height:1.5;margin-bottom:1rem;color:var(--color-text-primary)}.bodyMedium{font-size:var(--font-body-medium)}.bodySmall{font-size:var(--font-body-small);line-height:1.5;color:var(--color-text-secondary)}.caption{font-size:var(--font-caption);line-height:1.5;color:var(--color-text-muted)}}.gradientBackgroundThemed.themeNorthern,.gradientBackgroundThemed.themeNorthern.dark{background:linear-gradient(135deg,#1a2f3a,#0f1f29,#2a1f3d);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeNorthern.dark:before,.gradientBackgroundThemed.themeNorthern:before{background:radial-gradient(circle at 20% 30%,rgba(67,206,162,.15) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(24,90,157,.1) 0,transparent 20%),radial-gradient(circle at 60% 10%,rgba(107,84,211,.08) 0,transparent 25%)}.gradientBackgroundThemed.themeSunset,.gradientBackgroundThemed.themeSunset.dark{background:linear-gradient(135deg,#2d1810,#3d2015,#2a1530);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeSunset.dark:before,.gradientBackgroundThemed.themeSunset:before{background:radial-gradient(circle at 20% 30%,rgba(232,108,77,.12) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(212,150,98,.08) 0,transparent 20%),radial-gradient(circle at 40% 60%,rgba(106,51,159,.06) 0,transparent 25%)}.gradientBackgroundThemed.themeOcean,.gradientBackgroundThemed.themeOcean.dark{background:linear-gradient(135deg,#0a1f1c,#041520,#1a1a35);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeOcean.dark:before,.gradientBackgroundThemed.themeOcean:before{background:radial-gradient(circle at 20% 30%,rgba(0,201,177,.12) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(0,92,151,.08) 0,transparent 20%),radial-gradient(circle at 50% 50%,rgba(54,55,149,.06) 0,transparent 25%)}.gradientBackgroundThemed.themeNeon,.gradientBackgroundThemed.themeNeon.dark{background:linear-gradient(135deg,#0a0a0a,#0d0008 25%,#08080d 50%,#080a0d 75%,#0a0a0a);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeNeon.dark:before,.gradientBackgroundThemed.themeNeon:before{background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.12) 0,rgba(0,200,200,.04) 30%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,128,.1) 0,rgba(200,0,100,.03) 35%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(128,0,255,.08) 0,rgba(100,0,200,.02) 40%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(0,150,255,.06) 0,transparent 35%),radial-gradient(circle at 90% 20%,rgba(255,0,100,.07) 0,transparent 40%)}.gradientBackgroundThemed.themeNeon.light{background:linear-gradient(135deg,#fafbfc,#fcfafc 25%,#fafafc 50%,#fafcfc 75%,#fafbfc);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeNeon.light:before{background:radial-gradient(circle at 20% 30%,rgba(0,180,180,.08) 0,rgba(0,150,150,.03) 30%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(180,0,90,.07) 0,rgba(150,0,75,.02) 35%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(90,0,180,.05) 0,rgba(75,0,150,.015) 40%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(0,120,200,.04) 0,transparent 35%),radial-gradient(circle at 90% 20%,rgba(200,0,80,.05) 0,transparent 40%)}.gradientBackgroundThemed.themeNorthern.light{background:linear-gradient(135deg,#e8f6f3,#e8f2ff,#f0efff);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeNorthern.light:before{background:radial-gradient(circle at 20% 30%,rgba(43,168,130,.12) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(26,77,122,.08) 0,transparent 25%),radial-gradient(circle at 60% 10%,rgba(90,71,184,.06) 0,transparent 30%)}.gradientBackgroundThemed.themeSunset.light{background:linear-gradient(135deg,#fef2ed,#fef8f0,#f8f2ff);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeSunset.light:before{background:radial-gradient(circle at 20% 30%,rgba(210,87,58,.1) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(184,128,79,.08) 0,transparent 25%),radial-gradient(circle at 40% 60%,rgba(90,45,133,.06) 0,transparent 30%)}.gradientBackgroundThemed.themeOcean.light{background:linear-gradient(135deg,#e8fdfc,#e8f4ff,#eff0ff);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeOcean.light:before{background:radial-gradient(circle at 20% 30%,rgba(0,166,147,.1) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(0,77,122,.08) 0,transparent 25%),radial-gradient(circle at 50% 50%,rgba(45,45,122,.06) 0,transparent 30%)}.themeCosmic,.themeCosmic.dark{--color-primary-1:#9333ea;--color-primary-2:#6366f1;--color-primary-3:#ec4899;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-tertiary:rgba(255,255,255,0.08);--color-surface-elevated:rgba(255,255,255,0.15);--color-surface-overlay:rgba(147,51,234,0.1);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:#4a4a60;--color-text-inverse:#0a0a1f;--color-border-primary:#3a3a7e;--color-border-secondary:#2a2a5e;--color-border-muted:#1a1a3e;--gradient-primary:linear-gradient(135deg,#7c3aed,#5b21b6,#be185d);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#5b21b6,#4c1d95);--gradient-energy:linear-gradient(135deg,#be185d,#9d174d);--gradient-background:linear-gradient(135deg,#0a0a1f,#1a1a3e,#2a0a3f)}.gradientBackgroundThemed.themeCosmic,.gradientBackgroundThemed.themeCosmic.dark{background:linear-gradient(135deg,#0a0a1f,#1a1a3e,#2a0a3f);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeCosmic.dark:before,.gradientBackgroundThemed.themeCosmic:before{background:radial-gradient(circle at 20% 30%,rgba(147,51,234,.15) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.1) 0,transparent 20%),radial-gradient(circle at 60% 10%,rgba(236,72,153,.08) 0,transparent 25%)}.themeCosmic.light{--color-primary-1:#7c3aed;--color-primary-2:#4f46e5;--color-primary-3:#db2777;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(245,243,255,0.9);--color-surface-tertiary:rgba(237,233,254,0.95);--color-surface-elevated:rgba(221,214,254,0.8);--color-surface-overlay:rgba(124,58,237,0.05);--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#ffffff;--color-border-primary:#ddd6fe;--color-border-secondary:#c4b5fd;--color-border-muted:#ede9fe;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-primary:linear-gradient(135deg,#6d28d9,#5b21b6,#be185d);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-action:linear-gradient(135deg,#5b21b6,#4c1d95);--gradient-energy:linear-gradient(135deg,#be185d,#9d174d);--gradient-background:linear-gradient(135deg,#f5f3ff,#ede9fe,#fce7f3)}.gradientBackgroundThemed.themeCosmic.light{background:linear-gradient(135deg,#f5f3ff,#ede9fe,#fce7f3);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeCosmic.light:before{background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.08) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(79,70,229,.06) 0,transparent 25%),radial-gradient(circle at 60% 10%,rgba(219,39,119,.05) 0,transparent 30%)}.themeForest,.themeForest.dark{--color-primary-1:#22c55e;--color-primary-2:#16a34a;--color-primary-3:#15803d;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-tertiary:rgba(255,255,255,0.08);--color-surface-elevated:rgba(255,255,255,0.15);--color-surface-overlay:rgba(16,185,129,0.08);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:rgba(100,116,139,0.7);--color-text-inverse:#0f172a;--color-border-primary:rgba(51,65,85,0.5);--color-border-secondary:rgba(30,41,59,0.5);--color-border-muted:rgba(15,23,42,0.5);--gradient-primary:linear-gradient(135deg,#10b981,#059669,#047857);--gradient-success:linear-gradient(135deg,#22c55e,#16a34a);--gradient-action:linear-gradient(135deg,#16a34a,#15803d);--gradient-energy:linear-gradient(135deg,#15803d,#166534);--gradient-background:linear-gradient(135deg,#064e3b,#065f46,#0a3d2e)}.gradientBackgroundThemed.themeForest,.gradientBackgroundThemed.themeForest.dark{background:linear-gradient(135deg,#064e3b,#065f46,#0a3d2e);background-size:400% 400%;animation:gradientShift 45s ease infinite}.gradientBackgroundThemed.themeForest.dark:before,.gradientBackgroundThemed.themeForest:before{background:radial-gradient(circle at 20% 30%,rgba(16,185,129,.06) 0,transparent 30%),radial-gradient(circle at 80% 80%,rgba(5,150,105,.04) 0,transparent 30%),radial-gradient(circle at 60% 40%,rgba(4,120,87,.03) 0,transparent 35%)}.themeForest.light{--color-primary-1:#059669;--color-primary-2:#047857;--color-primary-3:#065f46;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(240,253,244,0.9);--color-surface-tertiary:rgba(220,252,231,0.95);--color-surface-elevated:rgba(187,247,208,0.8);--color-surface-overlay:rgba(5,150,105,0.03);--color-text-primary:rgba(17,24,39,0.95);--color-text-secondary:rgba(75,85,99,0.9);--color-text-muted:rgba(156,163,175,0.85);--color-text-disabled:rgba(209,213,219,0.7);--color-text-inverse:#ffffff;--color-border-primary:rgba(187,247,208,0.5);--color-border-secondary:rgba(134,239,172,0.5);--color-border-muted:rgba(220,252,231,0.5);--gradient-primary:linear-gradient(135deg,#059669,#047857,#065f46);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#047857,#065f46);--gradient-energy:linear-gradient(135deg,#065f46,#064e3b);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-background:linear-gradient(135deg,#ffffff,#f0fdf4,#ffffff)}.gradientBackgroundThemed.themeForest.light{background:linear-gradient(135deg,#dcfce7,#bbf7d0,#dcfce7);background-size:400% 400%;animation:gradientShift 45s ease infinite}.gradientBackgroundThemed.themeForest.light:before{background:radial-gradient(circle at 20% 30%,rgba(5,150,105,.04) 0,transparent 35%),radial-gradient(circle at 80% 80%,rgba(4,120,87,.03) 0,transparent 35%),radial-gradient(circle at 60% 40%,rgba(6,95,70,.02) 0,transparent 40%)}.themeVolcano,.themeVolcano.dark{--color-primary-1:#ef4444;--color-primary-2:#f97316;--color-primary-3:#fbbf24;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-tertiary:rgba(255,255,255,0.08);--color-surface-elevated:rgba(255,255,255,0.15);--color-surface-overlay:rgba(239,68,68,0.1);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:#604a4a;--color-text-inverse:#1f0a0a;--color-border-primary:#4f3a3a;--color-border-secondary:#3f2a2a;--color-border-muted:#2f1a1a;--gradient-primary:linear-gradient(135deg,#dc2626,#ea580c,#d97706);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#ea580c,#c2410c);--gradient-energy:linear-gradient(135deg,#d97706,#b45309);--gradient-background:linear-gradient(135deg,#1f0a0a,#2f1a1a,#2a1f0a)}.gradientBackgroundThemed.themeVolcano,.gradientBackgroundThemed.themeVolcano.dark{background:linear-gradient(135deg,#1f0a0a,#2f1a1a,#2a1f0a);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeVolcano.dark:before,.gradientBackgroundThemed.themeVolcano:before{background:radial-gradient(circle at 20% 30%,rgba(239,68,68,.15) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.1) 0,transparent 20%),radial-gradient(circle at 60% 10%,rgba(251,191,36,.08) 0,transparent 25%)}.themeVolcano.light{--color-primary-1:#dc2626;--color-primary-2:#ea580c;--color-primary-3:#f59e0b;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(254,242,242,0.9);--color-surface-tertiary:rgba(254,226,226,0.95);--color-surface-elevated:rgba(254,202,202,0.8);--color-surface-overlay:rgba(220,38,38,0.05);--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#ffffff;--color-border-primary:#fecaca;--color-border-secondary:#fca5a5;--color-border-muted:#fee2e2;--gradient-primary:linear-gradient(135deg,#dc2626,#ea580c,#d97706);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#ea580c,#c2410c);--gradient-energy:linear-gradient(135deg,#d97706,#b45309);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-background:linear-gradient(135deg,#fef2f2,#fed7aa,#fef3c7)}.gradientBackgroundThemed.themeVolcano.light{background:linear-gradient(135deg,#fef2f2,#fed7aa,#fef3c7);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeVolcano.light:before{background:radial-gradient(circle at 20% 30%,rgba(220,38,38,.08) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(234,88,12,.06) 0,transparent 25%),radial-gradient(circle at 60% 10%,rgba(245,158,11,.05) 0,transparent 30%)}.themeLavender,.themeLavender.dark{--color-primary-1:#c084fc;--color-primary-2:#f472b6;--color-primary-3:#818cf8;--color-surface-primary:rgba(255,255,255,0.1);--color-surface-secondary:rgba(255,255,255,0.05);--color-surface-tertiary:rgba(255,255,255,0.08);--color-surface-elevated:rgba(255,255,255,0.15);--color-surface-overlay:rgba(192,132,252,0.1);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:#604a60;--color-text-inverse:#1a0f1a;--color-border-primary:#4a3f4a;--color-border-secondary:#3a2f3a;--color-border-muted:#2a1f2a;--gradient-primary:linear-gradient(135deg,#9333ea,#db2777,#6366f1);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#db2777,#be185d);--gradient-energy:linear-gradient(135deg,#6366f1,#4f46e5);--gradient-background:linear-gradient(135deg,#1a0f1a,#2a1f2a,#1f1a2a)}.gradientBackgroundThemed.themeLavender,.gradientBackgroundThemed.themeLavender.dark{background:linear-gradient(135deg,#2d1b69,#3d2873,#4a1e75);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeLavender.dark:before,.gradientBackgroundThemed.themeLavender:before{background:radial-gradient(circle at 20% 30%,rgba(186,146,255,.15) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(219,177,255,.1) 0,transparent 20%),radial-gradient(circle at 60% 40%,rgba(167,139,250,.08) 0,transparent 25%)}.themeLavender.light{--color-primary-1:#a855f7;--color-primary-2:#ec4899;--color-primary-3:#6366f1;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(250,245,255,0.9);--color-surface-tertiary:rgba(243,232,255,0.95);--color-surface-elevated:#e9d5ff;--color-surface-overlay:rgba(168,85,247,0.05);--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#ffffff;--color-border-primary:#e9d5ff;--color-border-secondary:#d8b4fe;--color-border-muted:#f3e8ff;--gradient-primary:linear-gradient(135deg,#9333ea,#db2777,#6366f1);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#db2777,#be185d);--gradient-energy:linear-gradient(135deg,#6366f1,#4f46e5);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-background:linear-gradient(135deg,#e6d5ff,#dcc9ff,#d4b2ff)}.gradientBackgroundThemed.themeLavender.light{background:linear-gradient(135deg,#e6d5ff,#dcc9ff,#d4b2ff);background-size:400% 400%;animation:gradientShift 30s ease infinite}.gradientBackgroundThemed.themeLavender.light:before{background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.12) 0,transparent 25%),radial-gradient(circle at 80% 80%,rgba(167,139,250,.1) 0,transparent 25%),radial-gradient(circle at 60% 40%,rgba(147,107,237,.08) 0,transparent 30%)}.themeFlatEmerald.dark{--color-primary-1:#10b981;--color-primary-2:#059669;--color-primary-3:#047857;--color-surface-primary:rgba(6,78,59,0.98);--color-surface-secondary:rgba(7,89,67,0.95);--color-surface-tertiary:rgba(16,101,76,0.9);--color-surface-elevated:rgba(21,128,96,0.85);--color-surface-overlay:rgba(16,185,129,0.06);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:rgba(100,116,139,0.6);--color-text-inverse:#0f172a;--color-border-primary:rgba(71,85,105,0.4);--color-border-secondary:rgba(51,65,85,0.4);--color-border-muted:rgba(30,41,59,0.4);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-success:linear-gradient(135deg,#10b981,#0d9488);--gradient-action:linear-gradient(135deg,#059669,#047857);--gradient-energy:linear-gradient(135deg,#047857,#065f46);--gradient-background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.themeFlatEmerald.light{--color-primary-1:#059669;--color-primary-2:#047857;--color-primary-3:#065f46;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(240,253,244,0.9);--color-surface-tertiary:rgba(220,252,231,0.95);--color-surface-elevated:rgba(187,247,208,0.8);--color-surface-overlay:rgba(16,185,129,0.03);--color-text-primary:rgba(17,24,39,0.95);--color-text-secondary:rgba(75,85,99,0.85);--color-text-muted:rgba(156,163,175,0.75);--color-text-disabled:rgba(209,213,219,0.6);--color-text-inverse:#ffffff;--color-border-primary:rgba(209,250,229,0.5);--color-border-secondary:rgba(167,243,208,0.5);--color-border-muted:rgba(236,253,245,0.5);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-primary:linear-gradient(135deg,#059669,#047857);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#047857,#065f46);--gradient-energy:linear-gradient(135deg,#065f46,#064e3b);--gradient-background:linear-gradient(135deg,#ffffff,#f8fffe 50%,#ffffff)}.themeFlatRuby.dark{--color-primary-1:#dc2626;--color-primary-2:#991b1b;--color-primary-3:#7f1d1d;--color-surface-primary:rgba(69,10,10,0.98);--color-surface-secondary:rgba(87,13,13,0.95);--color-surface-tertiary:rgba(127,29,29,0.9);--color-surface-elevated:rgba(153,27,27,0.85);--color-surface-overlay:rgba(220,38,38,0.08);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.5);--color-text-disabled:#605055;--color-text-inverse:#0f0f14;--color-border-primary:#3a2a30;--color-border-secondary:#2a2025;--color-border-muted:#1a1520;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#dc2626;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#991b1b,#7f1d1d);--gradient-energy:linear-gradient(135deg,#7f1d1d,#450a0a);--gradient-background:linear-gradient(135deg,#0f0f14,#1a1520 50%,#0f0f14)}.themeFlatRuby.light{--color-primary-1:#dc2626;--color-primary-2:#991b1b;--color-primary-3:#7f1d1d;--color-surface-primary:rgba(255,255,255,0.85);--color-surface-secondary:rgba(254,242,242,0.9);--color-surface-tertiary:rgba(254,226,226,0.95);--color-surface-elevated:rgba(254,202,202,0.8);--color-surface-overlay:rgba(220,38,38,0.04);--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#ffffff;--color-border-primary:#fecaca;--color-border-secondary:#fca5a5;--color-border-muted:#fee2e2;--color-success:#059669;--color-warning:#d97706;--color-error:#991b1b;--color-info:#2563eb;--gradient-primary:linear-gradient(135deg,#dc2626,#991b1b);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-action:linear-gradient(135deg,#b91c1c,#991b1b);--gradient-energy:linear-gradient(135deg,#991b1b,#7f1d1d);--gradient-background:linear-gradient(135deg,#ffffff,#fef2f2 50%,#ffffff)}.themeFlatSapphire.dark{--color-primary-1:#3b82f6;--color-primary-2:#2563eb;--color-primary-3:#1d4ed8;--color-surface-primary:rgba(12,30,66,0.98);--color-surface-secondary:rgba(15,37,82,0.95);--color-surface-tertiary:rgba(29,78,216,0.9);--color-surface-elevated:rgba(37,99,235,0.85);--color-surface-overlay:rgba(59,130,246,0.06);--color-text-primary:rgba(241,245,249,0.95);--color-text-secondary:rgba(203,213,225,0.85);--color-text-muted:rgba(148,163,184,0.75);--color-text-disabled:rgba(100,116,139,0.6);--color-text-inverse:#0f172a;--color-border-primary:rgba(71,85,105,0.4);--color-border-secondary:rgba(51,65,85,0.4);--color-border-muted:rgba(30,41,59,0.4);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-energy:linear-gradient(135deg,#1d4ed8,#1e40af);--gradient-background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.themeFlatSapphire.light{--color-primary-1:#2563eb;--color-primary-2:#1d4ed8;--color-primary-3:#1e40af;--color-surface-primary:rgba(255,255,255,0.98);--color-surface-secondary:rgba(239,246,255,0.95);--color-surface-tertiary:rgba(219,234,254,0.9);--color-surface-elevated:rgba(191,219,254,0.85);--color-surface-overlay:rgba(59,130,246,0.03);--color-text-primary:rgba(17,24,39,0.95);--color-text-secondary:rgba(75,85,99,0.85);--color-text-muted:rgba(156,163,175,0.75);--color-text-disabled:rgba(209,213,219,0.6);--color-text-inverse:#ffffff;--color-border-primary:rgba(191,219,254,0.5);--color-border-secondary:rgba(147,197,253,0.5);--color-border-muted:rgba(219,234,254,0.5);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#1d4ed8;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-action:linear-gradient(135deg,#1d4ed8,#1e40af);--gradient-energy:linear-gradient(135deg,#1e40af,#1e3a8a);--gradient-background:linear-gradient(135deg,#ffffff,#f8fbff 50%,#ffffff)}.themeFlatSlate.dark{--color-primary-1:#64748b;--color-primary-2:#475569;--color-primary-3:#334155;--color-surface-primary:rgba(15,23,42,0.98);--color-surface-secondary:rgba(30,41,59,0.95);--color-surface-tertiary:rgba(51,65,85,0.9);--color-surface-elevated:rgba(71,85,105,0.85);--color-surface-overlay:rgba(100,116,139,0.06);--color-text-primary:rgba(241,245,249,0.95);--color-text-secondary:rgba(203,213,225,0.85);--color-text-muted:rgba(148,163,184,0.75);--color-text-disabled:rgba(100,116,139,0.6);--color-text-inverse:#0f172a;--color-border-primary:rgba(51,65,85,0.4);--color-border-secondary:rgba(30,41,59,0.4);--color-border-muted:rgba(30,41,59,0.3);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#64748b,#475569);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-action:linear-gradient(135deg,#475569,#334155);--gradient-energy:linear-gradient(135deg,#334155,#1e293b);--gradient-background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.themeFlatSlate.light{--color-primary-1:#475569;--color-primary-2:#334155;--color-primary-3:#1e293b;--color-surface-primary:rgba(255,255,255,0.98);--color-surface-secondary:rgba(248,250,252,0.95);--color-surface-tertiary:rgba(241,245,249,0.9);--color-surface-elevated:rgba(226,232,240,0.85);--color-surface-overlay:rgba(100,116,139,0.03);--color-text-primary:rgba(15,23,42,0.95);--color-text-secondary:rgba(71,85,105,0.85);--color-text-muted:rgba(148,163,184,0.75);--color-text-disabled:rgba(203,213,225,0.6);--color-text-inverse:#ffffff;--color-border-primary:rgba(226,232,240,0.5);--color-border-secondary:rgba(203,213,225,0.5);--color-border-muted:rgba(241,245,249,0.5);--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--gradient-primary:linear-gradient(135deg,#475569,#334155);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-action:linear-gradient(135deg,#334155,#1e293b);--gradient-energy:linear-gradient(135deg,#1e293b,#0f172a);--gradient-background:linear-gradient(135deg,#ffffff,#fafbfc 50%,#ffffff)}.gradientBackgroundThemed{background:var(--gradient-background);background-size:400% 400%;background-attachment:fixed;animation:gradientShift 30s ease infinite}.flatBackgroundThemed,.gradientBackgroundThemed{margin:0;padding:0;min-height:100vh;width:100%;position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.flatBackgroundThemed{background:var(--gradient-background);background-attachment:fixed}.flatBackgroundThemed:after,.flatBackgroundThemed:before{display:none}.gradientBackgroundThemed:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0,transparent 20%);z-index:-2;pointer-events:none}.gradientBackgroundThemed.dark:after,.gradientBackgroundThemed:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.03) 0,transparent 1.5%),radial-gradient(circle at 15% 25%,rgba(255,255,255,.02) 0,transparent 1%),radial-gradient(circle at 25% 60%,rgba(255,255,255,.03) 0,transparent 2%),radial-gradient(circle at 35% 75%,rgba(255,255,255,.02) 0,transparent 1.5%),radial-gradient(circle at 45% 40%,rgba(255,255,255,.03) 0,transparent 1%),radial-gradient(circle at 55% 15%,rgba(255,255,255,.02) 0,transparent 2%),radial-gradient(circle at 65% 65%,rgba(255,255,255,.03) 0,transparent 1.5%),radial-gradient(circle at 75% 45%,rgba(255,255,255,.02) 0,transparent 1%),radial-gradient(circle at 85% 25%,rgba(255,255,255,.03) 0,transparent 2%),radial-gradient(circle at 95% 80%,rgba(255,255,255,.02) 0,transparent 1.5%);z-index:-1;pointer-events:none;opacity:.8}.gradientBackgroundThemed.light{color:var(--color-text-primary)!important}.gradientBackgroundThemed.light:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(0,0,0,.02) 0,transparent 1.5%),radial-gradient(circle at 15% 25%,rgba(0,0,0,.015) 0,transparent 1%),radial-gradient(circle at 25% 60%,rgba(0,0,0,.02) 0,transparent 2%),radial-gradient(circle at 35% 75%,rgba(0,0,0,.015) 0,transparent 1.5%),radial-gradient(circle at 45% 40%,rgba(0,0,0,.02) 0,transparent 1%),radial-gradient(circle at 55% 15%,rgba(0,0,0,.015) 0,transparent 2%),radial-gradient(circle at 65% 65%,rgba(0,0,0,.02) 0,transparent 1.5%),radial-gradient(circle at 75% 45%,rgba(0,0,0,.015) 0,transparent 1%),radial-gradient(circle at 85% 25%,rgba(0,0,0,.02) 0,transparent 2%),radial-gradient(circle at 95% 80%,rgba(0,0,0,.015) 0,transparent 1.5%);z-index:-1;pointer-events:none;opacity:.6}.pageWrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1;height:auto;width:100%}.pageHeader{padding:2rem 1rem 1rem}.pageHeader,.pageMain{position:relative;z-index:10}.pageMain{flex:1;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.pageFooter{padding:1rem;margin-top:auto;position:relative;z-index:10;flex-shrink:0}.pageContainer{position:relative;z-index:1;padding:2rem 1rem;box-sizing:border-box;width:100%}.container,.formCard,.metricCard{position:relative;z-index:5;margin-bottom:0}.container,.dark .container,.dark .formCard,.dark .metricCard,.formCard,.metricCard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.3);border-radius:24px;padding:1.25rem;position:relative;overflow:hidden}.componentDemo,.dark .componentDemo{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;width:100%}.light .container,.light .formCard,.light .metricCard{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9)}.light .componentDemo{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8)}.buttonPrimaryThemed{background:var(--gradient-primary);font-weight:600;padding:.85rem 1.75rem;border-radius:12px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;cursor:pointer}.dark .buttonPrimaryThemed{color:white}.light .buttonPrimaryThemed{color:var(--color-text-primary)}.buttonPrimaryThemed:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4);filter:brightness(1.1)}.buttonEnergy:focus,.buttonPrimaryThemed:focus,.buttonSecondary:focus,.buttonSmall:focus,.textButton:focus{outline:2px solid var(--color-primary-1);outline-offset:2px}.buttonSecondary,.dark .buttonSecondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-weight:600;padding:.85rem 1.75rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;cursor:pointer}.buttonSecondary:hover,.dark .buttonSecondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.buttonIcon,.dark .buttonIcon{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.buttonIcon:hover,.dark .buttonIcon:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.buttonSmall,.dark .buttonSmall{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:var(--font-body-small);padding:.35rem .85rem;border-radius:9999px;cursor:pointer;transition:all .3s ease;font-weight:500;display:inline-block;text-align:center}.buttonSmall:hover,.dark .buttonSmall:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.95)}.light .buttonSecondary{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.85);box-shadow:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9)}.light .buttonSecondary:hover{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.2);box-shadow:0 6px 16px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.95)}.light .buttonIcon{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.75);box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8)}.light .buttonIcon:hover{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.15);color:rgba(0,0,0,.85)}.light .buttonSmall{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.75);box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.7)}.light .buttonSmall:hover{background:rgba(255,255,255,.8);color:rgba(0,0,0,.9);border-color:rgba(0,0,0,.15)}.buttonEnergy{background:var(--gradient-energy);font-weight:600;padding:.85rem 1.75rem;border-radius:12px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;cursor:pointer}.dark .buttonEnergy{color:white}.light .buttonEnergy{color:var(--color-text-primary)}.buttonEnergy:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4);filter:brightness(1.1)}.startButton{background:var(--color-surface-elevated);color:var(--color-primary-2);font-weight:600;font-size:var(--font-body-medium);padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--color-surface-elevated);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.startButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.progressDemo{width:100%}.progressHeader{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:var(--font-body-small)}.progressStepLabel{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:4px}.progressStepActive{color:var(--color-text-primary);background-color:var(--color-surface-elevated)}.progressStepInactive{color:var(--color-text-secondary)}.progressTrack{height:8px;width:100%;background:var(--color-surface-secondary);border-radius:4px;overflow:hidden}.progressBarThemed{height:100%;border-radius:4px;background:var(--gradient-action);transition:width .5s ease}.progressControls{margin-top:.5rem}.progressControls,.progressLabels{display:flex;justify-content:space-between}.progressLabels{font-size:var(--font-caption);color:var(--color-text-muted);margin-top:.25rem}.metricHeader,.metricHeaderFlex{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.metricHeaderFlex{justify-content:space-between}.metricHeaderFlex.center{justify-content:center;text-align:center}.metricHeaderFlex.right{justify-content:flex-end}.metricHeaderLeft{gap:.5rem}.colorSwatch,.metricHeaderLeft{display:flex;align-items:center}.colorSwatch{flex-direction:column}.swatchBox{width:4rem;height:4rem;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.swatchName{margin-top:.5rem;font-size:var(--font-body-small);font-weight:500;color:var(--color-text-primary)}.swatchValue{font-size:var(--font-caption);color:var(--color-text-muted)}.gradientSwatch{display:flex;flex-direction:column;align-items:center}.gradientSwatch .swatchBox{width:6rem;height:3rem}.formGroup{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem}.fullWidth{width:100%}.inputLabel{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.inputLabel,.textButton{font-size:var(--font-body-small)}.textButton{background:transparent;color:var(--color-text-secondary);border:none;padding:.35rem .85rem;cursor:pointer;font-weight:500;text-decoration:underline;transition:all .2s ease}.textButton:hover{color:var(--color-text-primary)}.dark .textInput,.textInput{padding:.85rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9);border-radius:12px;font-size:var(--font-body-medium);font-weight:500;width:100%;transition:all .2s ease;box-sizing:border-box}.dark .textInput::-moz-placeholder,.textInput::-moz-placeholder{color:rgba(255,255,255,.4)}.dark .textInput::placeholder,.textInput::placeholder{color:rgba(255,255,255,.4)}.dark .textInput:focus,.textInput:focus{outline:none;background:rgba(255,255,255,.12);border-color:var(--color-primary-1);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.light .textInput{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.9);box-shadow:0 2px 8px rgba(0,0,0,.06),inset 0 1px 3px rgba(0,0,0,.04)}.light .textInput::-moz-placeholder{color:rgba(0,0,0,.45)}.light .textInput::placeholder{color:rgba(0,0,0,.45)}.light .textInput:focus{background:rgba(255,255,255,.9);border-color:var(--color-primary-1);box-shadow:0 0 0 3px rgba(var(--color-primary-1),.1),0 4px 12px rgba(0,0,0,.08),inset 0 1px 3px rgba(0,0,0,.02)}.toggleContainer{display:flex;align-items:center;gap:.75rem}.toggleSwitch{position:relative;display:inline-block;width:3.5rem;height:2rem}.toggleSwitch input{opacity:0;width:0;height:0}.toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-surface-secondary);border-radius:34px;transition:.4s;border:1px solid var(--color-surface-elevated)}.toggleSlider:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:.25rem;bottom:.2rem;background-color:var(--color-surface-elevated);border-radius:50%;transition:.4s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggleActive{background:var(--gradient-primary)}.dark .toggleActive{color:white}.light .toggleActive{color:var(--color-text-primary)}.toggleActive:before{transform:translateX(1.5rem);background-color:white}.toggleLabel{font-size:var(--font-body-small);color:var(--color-text-primary)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;padding:0;position:relative}.pageMain>*{width:100%;margin:0 auto}@media (max-width:768px){.container{padding:1.5rem}.tabsContainer{overflow-x:auto;-webkit-overflow-scrolling:touch}.cardsGrid,.statsGrid,.workoutStats{grid-template-columns:1fr}.formCard{padding:1.5rem}.pageContainer{padding:1rem .5rem}}@media (max-width:480px){.heading1{font-size:2rem}.heading2{font-size:1.5rem}.container{padding:1rem}.buttonEnergy,.buttonPrimaryThemed,.buttonSecondary{padding:0 1.5rem}}.overviewCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.overviewCard{background:var(--color-surface-primary);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.12)}.overviewCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2);border-color:var(--color-primary-1)}.overviewCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.overviewCardValue{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem;color:var(--color-primary-1);filter:contrast(1.2) brightness(1.1)}.overviewCardLabel{color:var(--color-text-secondary);margin-bottom:1rem}.overviewCardChange,.overviewCardLabel{font-size:var(--font-body-small);font-weight:600}.overviewCardChange{display:flex;align-items:center;justify-content:center;gap:.5rem}.overviewCardChange.positive{color:var(--color-success)}.overviewCardChange.negative{color:var(--color-error)}.overviewCardChange.neutral{color:var(--color-text-muted)}.chartContainer{background:var(--color-surface-primary);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius-lg);padding:2rem;width:100%;height:100%;margin-bottom:2rem;box-shadow:0 8px 32px rgba(0,0,0,.12);position:relative;overflow:hidden}.chartContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.chartHeader{justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-surface-elevated)}.chartHeader,.chartTitle{display:flex;align-items:center}.chartTitle{font-size:var(--font-display-small);font-weight:600;color:var(--color-text-primary);gap:.75rem}.chartIcon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chartControls{display:flex;gap:.5rem}.chartTimeFilter{padding:.5rem 1rem;background:var(--color-surface-secondary);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-body-small);cursor:pointer;transition:all .3s ease}.chartTimeFilter.active,.chartTimeFilter:hover{background:var(--gradient-primary);border-color:var(--color-primary-1)}.dark .chartTimeFilter.active,.dark .chartTimeFilter:hover{color:white}.light .chartTimeFilter.active,.light .chartTimeFilter:hover{color:var(--color-text-primary)}.progressRing{width:120px;height:120px;position:relative;transition:all .3s ease}.progressRing,.progressRingInner{border-radius:50%;display:flex;align-items:center;justify-content:center}.progressRingInner{width:80px;height:80px;background:var(--color-surface-primary);border:1px solid var(--color-surface-elevated);box-shadow:0 4px 16px rgba(0,0,0,.1);font-weight:600;color:var(--color-text-primary)}.progressBar{width:100%;height:12px;background:var(--color-surface-secondary);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progressBar,.progressBarFill{border-radius:6px;overflow:hidden;position:relative}.progressBarFill{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progressBarFill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.heatmapContainer{padding:1.5rem;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-surface-elevated)}.heatmapGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:1rem}.heatmapCell{aspect-ratio:1;border-radius:3px;transition:all .2s ease;cursor:pointer;border:1px solid var(--color-surface-elevated)}.heatmapCell:hover{transform:scale(1.1);border-color:var(--color-primary-1)}.heatmapCell[data-intensity="0"]{background:var(--color-surface-elevated)}.heatmapCell[data-intensity="1"]{background:rgba(67,206,162,.3)}.heatmapCell[data-intensity="2"]{background:rgba(67,206,162,.5)}.heatmapCell[data-intensity="3"]{background:rgba(67,206,162,.7)}.heatmapCell[data-intensity="4"]{background:var(--color-primary-1)}.heatmapLegend{display:flex;align-items:center;gap:.5rem;font-size:var(--font-body-small);color:var(--color-text-secondary)}.heatmapLegendItem{width:12px;height:12px;border-radius:2px;border:1px solid var(--color-surface-elevated)}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metricCard{background:var(--color-surface-primary);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.08)}.metricCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metricCardTitle{font-size:var(--font-body-medium);font-weight:600;color:var(--color-text-primary)}.metricCardIcon{font-size:1.25rem;opacity:.7}.metricCardValue{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1}.metricCardSubtext{font-size:var(--font-body-small);color:var(--color-text-secondary)}.loadBalanceContainer{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.loadBalanceChart{position:relative;width:200px;height:200px;margin:0 auto}.loadBalanceLabels{display:flex;flex-direction:column;gap:1rem}.loadBalanceLabel{display:flex;align-items:center;gap:.75rem}.loadBalanceDot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-surface-elevated)}.loadBalanceDot.easy{background:var(--color-success);border-color:var(--color-success)}.loadBalanceDot.moderate{background:var(--color-warning);border-color:var(--color-warning)}.loadBalanceDot.hard{background:var(--color-error);border-color:var(--color-error)}.goalProgressContainer{display:flex;flex-direction:column;gap:2rem}.goalProgressItem{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:1.5rem;border:1px solid var(--color-surface-elevated)}.goalProgressHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.goalProgressTitle{font-weight:600;color:var(--color-text-primary)}.goalProgressPercentage{font-size:var(--font-body-small);font-weight:600;color:var(--color-primary-1)}.goalProgressBar{margin-bottom:.75rem}.goalProgressDetails{display:flex;justify-content:space-between;font-size:var(--font-body-small);color:var(--color-text-secondary)}.achievementBadge{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:all .3s ease}.achievementBadge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.4)}.achievementBadge.earned{background:var(--gradient-success)}.achievementBadge.locked{background:var(--color-surface-elevated);opacity:.6}.achievementBadgeCheck{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--color-surface-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:2px solid var(--color-success);color:var(--color-success)}.statusIndicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--color-surface-elevated)}.statusDot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.statusDot.success{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.statusDot.warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.statusDot.error{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.statusDot.info{background:var(--color-info);box-shadow:0 0 8px var(--color-info)}.fitnessTrackerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fitnessMetricCard{background:var(--color-surface-primary);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;position:relative;overflow:hidden}.fitnessMetricCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-action)}.fitnessScore{font-size:4rem;font-weight:700;background:var(--gradient-action);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.fitnessLevel{font-size:var(--font-body-large);font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.fitnessDescription{font-size:var(--font-body-small);color:var(--color-text-secondary);line-height:1.5}@media (max-width:768px){.overviewCardsGrid{grid-template-columns:1fr;gap:1rem}.chartContainer{padding:1.5rem}.chartHeader{flex-direction:column;align-items:stretch;gap:1rem}.loadBalanceContainer{gap:1.5rem}.loadBalanceContainer,.metricsGrid{grid-template-columns:1fr}.heatmapGrid{gap:2px}.overviewCardValue{font-size:2.5rem}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-secondary);border-radius:var(--border-radius-sm)}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 20%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.08) 60%,transparent);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeletonText{height:1em;margin:.25em 0}.skeletonHeading,.skeletonText{border-radius:var(--border-radius-sm)}.skeletonHeading{height:1.5em;margin:.5em 0;width:60%}.skeletonButton{height:3em;border-radius:var(--border-radius-md);width:100%}.skeletonCard{height:100%;min-height:200px;border-radius:var(--border-radius-lg)}.skeletonCircle{border-radius:var(--border-radius-circle);aspect-ratio:1}.skeletonW25{width:25%}.skeletonW50{width:50%}.skeletonW75{width:75%}.skeletonW100{width:100%}.detailModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.detailModalOverlay.open{opacity:1;visibility:visible}.detailModalContent{background:var(--color-surface-primary);border:2px solid var(--color-surface-elevated);border-radius:var(--border-radius-lg);padding:2rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.6);color:var(--color-text-primary);transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.detailModalOverlay.open .detailModalContent{transform:scale(1) translateY(0)}.detailModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-surface-elevated)}.detailModalTitle{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.detailModalCloseButton{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-surface-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;transition:all .2s ease}.detailModalCloseButton:hover{background:var(--color-error);color:white;transform:rotate(90deg)}.detailContainer{display:grid;gap:1.5rem}.detailCard{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:1.5rem;border:1px solid var(--color-surface-elevated);transition:all .2s ease}.detailCard:hover{border-color:var(--color-primary-1);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.detailCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.detailCardContent,.detailMetricsGrid{display:grid;gap:1rem}.detailMetricsGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detailMetricItem{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:var(--color-surface-primary);border-radius:var(--border-radius-md);border:1px solid var(--color-surface-elevated);transition:all .2s ease}.detailMetricItem:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.detailMetricIcon{width:48px;height:48px;border-radius:var(--border-radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.detailMetricLabel{font-size:var(--font-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detailMetricValue{font-size:var(--font-body-large);font-weight:700;color:var(--color-text-primary);margin:0}.detailSection{padding:1.5rem;background:var(--color-surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-surface-elevated)}.detailSectionHeader{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.detailSectionTitle{margin:0;font-size:var(--font-body-large);font-weight:600;color:var(--color-text-primary)}.detailSectionContent{color:var(--color-text-secondary);line-height:1.6}.detailActions{gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-surface-elevated)}.detailActionButton,.detailActions{display:flex;justify-content:center}.detailActionButton{padding:.875rem 1.5rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:var(--font-body-medium);cursor:pointer;transition:all .3s ease;align-items:center;gap:.5rem;min-width:140px}.detailActionButtonPrimary{background:var(--gradient-primary);border:2px solid transparent}.dark .detailActionButtonPrimary{color:white}.light .detailActionButtonPrimary{color:var(--color-text-primary)}.detailActionButtonPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.detailActionButtonSecondary{background:transparent;border:2px solid var(--color-surface-elevated);color:var(--color-text-primary)}.detailActionButtonSecondary:hover{border-color:var(--color-primary-1);color:var(--color-primary-1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.runStatusBadge{padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:var(--font-body-small);display:flex;align-items:center;gap:.5rem}.runStatusCompleted{background:rgba(34,197,94,.15);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.runStatusIncomplete{background:rgba(239,68,68,.15);color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.runStatusScheduled{background:rgba(59,130,246,.15);color:var(--color-primary-1);border:1px solid rgba(59,130,246,.3)}.performanceContainer{display:grid;gap:1.5rem}.performanceMetricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.performanceMetricCard{background:var(--color-surface-primary);border-radius:var(--border-radius-md);padding:1.25rem;border:1px solid var(--color-surface-elevated);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.performanceMetricCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.performanceMetricIcon{width:40px;height:40px;border-radius:var(--border-radius-md);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem}.performanceMetricLabel{font-size:var(--font-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.performanceMetricValue{font-size:var(--font-body-large);font-weight:700;color:var(--color-text-primary);margin:0}.performanceComparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.performanceComparisonActual,.performanceComparisonPlanned{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:1.25rem;border:1px solid var(--color-surface-elevated)}.performanceComparisonPlanned{border-left:4px solid var(--color-warning)}.performanceComparisonActual{border-left:4px solid var(--color-success)}.editFormContainer{background:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:2rem;border:1px solid var(--color-surface-elevated)}.editFormHeader{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-surface-elevated)}.editFormContent{display:grid;gap:1.5rem}.editFormRow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editFormField{display:flex;flex-direction:column}.editFormLabel{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary);font-size:var(--font-body-small)}.editFormInput,.editFormSelect{width:100%;padding:.875rem;border-radius:var(--border-radius-sm);border:2px solid var(--color-surface-elevated);background:var(--color-surface-primary);color:var(--color-text-primary);font-size:var(--font-body-medium);transition:all .2s ease}.editFormInput:focus,.editFormSelect:focus{outline:none;border-color:var(--color-primary-1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.editFormInput.error,.editFormSelect.error{border-color:var(--color-error)}.editFormTextarea{width:100%;padding:.875rem;border-radius:var(--border-radius-sm);border:2px solid var(--color-surface-elevated);background:var(--color-surface-primary);color:var(--color-text-primary);font-size:var(--font-body-medium);resize:vertical;font-family:inherit;transition:all .2s ease}.editFormTextarea:focus{outline:none;border-color:var(--color-primary-1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.editFormError{color:var(--color-error);font-size:var(--font-caption);margin-top:.25rem}.editFormActions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-surface-elevated)}@media (max-width:768px){.detailModalContent{padding:1.5rem;max-width:100%;margin:1rem}.detailMetricsGrid,.performanceComparison,.performanceMetricsGrid{grid-template-columns:1fr}.performanceComparison{gap:1rem}.editFormRow{grid-template-columns:1fr}.detailActions{flex-direction:column}.detailActionButton{width:100%}}.light .detailModalContent{background:rgba(255,255,255,.98);box-shadow:0 25px 70px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05)}.dark .detailModalContent{background:rgba(20,25,30,.95);box-shadow:0 25px 70px rgba(0,0,0,.6),0 0 1px var(--color-surface-elevated) inset}.detailModalContent{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.detailModalContent::-webkit-scrollbar{width:8px}.detailModalContent::-webkit-scrollbar-track{background:transparent}.detailModalContent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.detailModalContent::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}