:root{--bp-xs: 320px;--bp-sm: 375px;--bp-md: 414px;--bp-lg: 768px;--bp-xl: 1024px;--bp-2xl: 1280px;--bp-3xl: 1536px;--container-padding-xs: .75rem;--container-padding-sm: 1rem;--container-padding-md: 1.25rem;--container-padding-lg: 1.5rem;--container-padding-xl: 2rem;--card-padding-xs: .75rem;--card-padding-sm: 1rem;--card-padding-md: 1.25rem;--card-padding-lg: 1.5rem;--h1-size-xs: 1.75rem;--h1-size-sm: 2rem;--h1-size-md: 2.25rem;--h1-size-lg: 2.5rem;--h2-size-xs: 1.5rem;--h2-size-sm: 1.75rem;--h2-size-md: 2rem;--h3-size-xs: 1.25rem;--h3-size-sm: 1.375rem;--h3-size-md: 1.5rem;--h4-size-xs: 1.125rem;--h4-size-sm: 1.25rem;--text-size-xs: .875rem;--text-size-sm: .9375rem;--text-size-md: 1rem;--text-small-xs: .75rem;--text-small-sm: .8125rem;--text-small-md: .875rem;--btn-height-xs-sm: 36px;--btn-height-xs-md: 40px;--btn-height-xs-lg: 44px;--btn-height-sm: 40px;--btn-height-md: 44px;--btn-height-lg: 48px;--btn-height-lg-sm: 44px;--btn-height-lg-md: 48px;--btn-height-lg-lg: 52px;--input-height-xs: 40px;--input-height-sm: 44px;--input-height-md: 48px;--icon-size-xs: 1rem;--icon-size-sm: 1.125rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--grid-gap-xs: .75rem;--grid-gap-sm: 1rem;--grid-gap-md: 1.25rem;--grid-gap-lg: 1.5rem;--grid-gap-xl: 2rem;--card-min-width-xs: 100%;--card-min-width-sm: 280px;--card-min-width-md: 320px;--card-min-width-lg: 350px;--header-height-xs: 56px;--header-height-sm: 60px;--header-height-md: 64px;--header-height-lg: 70px;--drawer-width-xs: 100%;--drawer-width-sm: 90vw;--drawer-width-md: 420px;--drawer-width-lg: 500px;--drawer-width-xl: 600px;--z-dropdown: 1000;--z-sticky: 1000;--z-header: 1000;--z-drawer: 9999;--z-modal: 10000;--z-tooltip: 10001;--touch-target-min: 44px;--touch-target-comfortable: 48px}@media (max-width: 374px){.hide-xs{display:none!important}}@media (min-width: 375px) and (max-width: 767px){.hide-sm{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-md{display:none!important}}@media (min-width: 1024px){.hide-lg{display:none!important}}@media (max-width: 767px){.show-mobile-only{display:block!important}.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile-only,.hide-desktop{display:none!important}}.responsive-padding{padding:var(--container-padding-xs)}@media (min-width: 375px){.responsive-padding{padding:var(--container-padding-sm)}}@media (min-width: 768px){.responsive-padding{padding:var(--container-padding-md)}}@media (min-width: 1024px){.responsive-padding{padding:var(--container-padding-lg)}}@media (min-width: 1280px){.responsive-padding{padding:var(--container-padding-xl)}}.responsive-gap{gap:var(--grid-gap-xs)}@media (min-width: 375px){.responsive-gap{gap:var(--grid-gap-sm)}}@media (min-width: 768px){.responsive-gap{gap:var(--grid-gap-md)}}@media (min-width: 1024px){.responsive-gap{gap:var(--grid-gap-lg)}}.responsive-text{font-size:var(--text-size-xs)}@media (min-width: 375px){.responsive-text{font-size:var(--text-size-sm)}}@media (min-width: 768px){.responsive-text{font-size:var(--text-size-md)}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-comfortable{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(env(safe-area-inset-top),0px)}.safe-area-inset-bottom{padding-bottom:max(env(safe-area-inset-bottom),0px)}.safe-area-inset-left{padding-left:max(env(safe-area-inset-left),0px)}.safe-area-inset-right{padding-right:max(env(safe-area-inset-right),0px)}.safe-area-inset-all{padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),0px) max(env(safe-area-inset-left),0px)}}:root,[data-theme=dark]{--space-bg: #0f1419;--space-bg-content: #12171d;--space-bg-light: rgba(15, 20, 25, .95);--space-card: rgba(25, 30, 40, .85);--space-card-hover: rgba(30, 35, 45, .9);--primary: #f1f5f9;--primary-hover: #e2e8f0;--primary-light: rgba(241, 245, 249, .12);--accent: #cbd5e1;--accent-light: rgba(203, 213, 225, .1);--active: #1f324a;--active-light: rgba(31, 50, 74, .12);--success: #22c55e;--success-light: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .12);--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(241, 245, 249, .12);--border-light: rgba(241, 245, 249, .06);--shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 32px 64px rgba(0, 0, 0, .6), 0 16px 32px rgba(0, 0, 0, .4);--glow: 0 0 30px rgba(241, 245, 249, .25);--glow-accent: 0 0 30px rgba(203, 213, 225, .25);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: all .4s cubic-bezier(.25, .46, .45, .94);--transition-fast: all .2s cubic-bezier(.25, .46, .45, .94);--stars-opacity: .08}[data-theme=light]{--space-bg: #fafbfc;--space-bg-content: #f8fafc;--space-bg-light: rgba(248, 250, 252, .95);--space-card: rgba(255, 255, 255, .9);--space-card-hover: rgba(248, 250, 252, .95);--primary: #1e293b;--primary-hover: #334155;--primary-light: rgba(30, 41, 59, .1);--accent: #475569;--accent-light: rgba(71, 85, 105, .1);--active: #1f324a;--active-light: rgba(31, 50, 74, .12);--success: #16a34a;--success-light: rgba(22, 163, 74, .1);--warning: #d97706;--warning-light: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .1);--text: #1e293b;--text-muted: #64748b;--text-dim: #94a3b8;--border: rgba(30, 41, 59, .12);--border-light: rgba(30, 41, 59, .06);--shadow: 0 8px 32px rgba(30, 41, 59, .08), 0 4px 16px rgba(30, 41, 59, .04);--shadow-lg: 0 32px 64px rgba(30, 41, 59, .12), 0 16px 32px rgba(30, 41, 59, .08);--glow: 0 0 30px rgba(30, 41, 59, .15);--glow-accent: 0 0 30px rgba(71, 85, 105, .15);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: all .4s cubic-bezier(.25, .46, .45, .94);--transition-fast: all .2s cubic-bezier(.25, .46, .45, .94);--stars-opacity: .02}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--space-bg);color:var(--text);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;line-height:1.2;margin:0}h1{font-size:var(--h1-size-xs);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}@media (min-width: 375px){h1{font-size:var(--h1-size-sm)}}@media (min-width: 768px){h1{font-size:var(--h1-size-md)}}@media (min-width: 1024px){h1{font-size:var(--h1-size-lg)}}h2{font-size:var(--h2-size-xs);color:var(--text);letter-spacing:-.01em}@media (min-width: 375px){h2{font-size:var(--h2-size-sm)}}@media (min-width: 768px){h2{font-size:var(--h2-size-md)}}h3{font-size:var(--h3-size-xs);color:var(--text)}@media (min-width: 375px){h3{font-size:var(--h3-size-sm)}}@media (min-width: 768px){h3{font-size:var(--h3-size-md)}}h4{font-size:var(--h4-size-xs);color:var(--text-muted)}@media (min-width: 375px){h4{font-size:var(--h4-size-sm)}}h5{font-size:1.125rem;color:var(--text-muted)}h6{font-size:1rem;color:var(--text-dim)}#app{min-height:100vh;position:relative}#app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 15% 25%,rgba(241,245,249,.7),transparent),radial-gradient(2px 2px at 75% 15%,rgba(241,245,249,.5),transparent),radial-gradient(1px 1px at 45% 65%,rgba(241,245,249,.8),transparent),radial-gradient(1px 1px at 85% 45%,rgba(241,245,249,.6),transparent),radial-gradient(2px 2px at 25% 85%,rgba(241,245,249,.4),transparent),radial-gradient(1px 1px at 65% 90%,rgba(241,245,249,.7),transparent),radial-gradient(1px 1px at 5% 75%,rgba(241,245,249,.5),transparent);background-size:300% 300%;background-position:0% 0%;opacity:var(--stars-opacity);pointer-events:none;z-index:-1;animation:cosmicTwinkle 120s linear infinite}@keyframes cosmicTwinkle{0%{background-position:0% 0%;opacity:var(--stars-opacity)}25%{background-position:50% 25%;opacity:calc(var(--stars-opacity) * .7)}50%{background-position:100% 50%;opacity:calc(var(--stars-opacity) * 1.2)}75%{background-position:25% 100%;opacity:var(--stars-opacity)}to{background-position:0% 0%;opacity:var(--stars-opacity)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--space-bg-light);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#facc15,#eab308);border-radius:6px;border:2px solid var(--space-bg-light);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#eab308,#d97706);box-shadow:0 0 10px #eab30866}::-webkit-scrollbar-corner{background:var(--space-bg-light)}