@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes tapFeedback{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes springBounce{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #007aff80}50%{box-shadow:0 0 20px #007affcc}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-slide-in-right{animation:slideInFromRight .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-out-left{animation:slideOutToLeft .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-in-left{animation:slideInFromLeft .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-out-right{animation:slideOutToRight .4s cubic-bezier(.34,1.56,.64,1)}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.animate-scale-out{animation:scaleOut .3s cubic-bezier(.34,1.56,.64,1)}.animate-tap-feedback{animation:tapFeedback .2s ease-out}.animate-ripple{animation:ripple .6s ease-out}.animate-spring-bounce{animation:springBounce .6s cubic-bezier(.34,1.56,.64,1)}.animate-slide-up{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-down{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f5f5f7,#fff,#f5f5f7);background-size:1000px 100%}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.stagger-container>*{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) backwards}.stagger-container>:nth-child(1){animation-delay:.05s}.stagger-container>:nth-child(2){animation-delay:.1s}.stagger-container>:nth-child(3){animation-delay:.15s}.stagger-container>:nth-child(4){animation-delay:.2s}.stagger-container>:nth-child(5){animation-delay:.25s}.stagger-container>:nth-child(6){animation-delay:.3s}.stagger-container>:nth-child(n+7){animation-delay:.35s}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-smooth-slow{transition:all .4s cubic-bezier(.4,0,.2,1)}.transition-smooth-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .2s ease}.hover-lift{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.hover-scale{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:all .2s ease}.hover-glow:hover{box-shadow:0 0 20px #007aff4d}.skeleton{background:linear-gradient(90deg,#f5f5f7,#fff,#f5f5f7);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:8px}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:4px}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:50%}.skeleton-card{height:150px;border-radius:12px}.will-animate{will-change:transform,opacity}.will-animate-transform{will-change:transform}.will-animate-opacity{will-change:opacity}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --color-background: #ffffff; --color-foreground: #000000; --color-card: #ffffff; --color-card-foreground: #000000; --color-popover: #ffffff; --color-popover-foreground: #000000; --color-primary: #007AFF; --color-primary-foreground: #ffffff; --color-secondary: #f5f5f7; --color-secondary-foreground: #000000; --color-muted: #d1d1d6; --color-muted-foreground: #666666; --color-accent: #007AFF; --color-accent-foreground: #ffffff; --color-destructive: #FF3B30; --color-destructive-foreground: #ffffff; --color-border: #e5e5ea; --color-input: #ffffff; --color-ring: #007AFF; --color-chart-1: #007AFF; --color-chart-2: #34C759; --color-chart-3: #FF9500; --color-chart-4: #A2845E; --color-chart-5: #FF2D55; --color-sidebar: #ffffff; --color-sidebar-foreground: #000000; --color-sidebar-primary: #007AFF; --color-sidebar-primary-foreground: #ffffff; --color-sidebar-accent: #007AFF; --color-sidebar-accent-foreground: #ffffff; --color-sidebar-border: #e5e5ea; --color-sidebar-ring: #007AFF; }:root{--primary: #007AFF;--primary-foreground: #ffffff;--sidebar-primary: #007AFF;--sidebar-primary-foreground: #ffffff;--chart-1: #007AFF;--chart-2: #34C759;--chart-3: #FF9500;--chart-4: #A2845E;--chart-5: #FF2D55;--radius: 12px;--background: #ffffff;--foreground: #000000;--card: #ffffff;--card-foreground: #000000;--popover: #ffffff;--popover-foreground: #000000;--secondary: #f5f5f7;--secondary-foreground: #000000;--muted: #d1d1d6;--muted-foreground: #666666;--accent: #007AFF;--accent-foreground: #ffffff;--destructive: #FF3B30;--destructive-foreground: #ffffff;--border: #e5e5ea;--input: #ffffff;--ring: #007AFF;--sidebar: #ffffff;--sidebar-foreground: #000000;--sidebar-accent: #007AFF;--sidebar-accent-foreground: #ffffff;--sidebar-border: #e5e5ea;--sidebar-ring: #007AFF;--c-bg: #ffffff;--c-surface: #f5f5f7;--c-surface-2: #efefef;--c-surface-3: #ffffff;--c-border: #e5e5ea;--c-border-2: #d1d1d6;--c-text: #1d1d1f;--c-text-2: #666666;--c-text-3: #6e6e73;--c-text-4: #8e8e93;--c-text-5: #aeaeb2;--c-text-6: #999999}.dark{--primary: #0A84FF;--primary-foreground: #ffffff;--sidebar-primary: #0A84FF;--sidebar-primary-foreground: #ffffff;--background: #000000;--foreground: #ffffff;--card: #1c1c1e;--card-foreground: #ffffff;--popover: #1c1c1e;--popover-foreground: #ffffff;--secondary: #2c2c2e;--secondary-foreground: #ffffff;--muted: #48484a;--muted-foreground: #ababab;--accent: #0A84FF;--accent-foreground: #ffffff;--destructive: #FF453A;--destructive-foreground: #ffffff;--border: #38383a;--input: #2c2c2e;--ring: #0A84FF;--sidebar: #1c1c1e;--sidebar-foreground: #ffffff;--sidebar-accent: #0A84FF;--sidebar-accent-foreground: #ffffff;--sidebar-border: #38383a;--sidebar-ring: #0A84FF;--c-bg: #000000;--c-surface: #1c1c1e;--c-surface-2: #2c2c2e;--c-surface-3: #2c2c2e;--c-border: #38383a;--c-border-2: #48484a;--c-text: #ffffff;--c-text-2: #ababab;--c-text-3: #ababab;--c-text-4: #8e8e93;--c-text-5: #636366;--c-text-6: #636366}@layer base{*{margin:0;padding:0;box-sizing:border-box}html.dark,html.dark body{background-color:var(--c-bg);color:var(--c-text)}body{background-color:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}h2{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;letter-spacing:-.015em}h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}h4{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}p{color:var(--muted-foreground);font-size:1rem;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}}@layer components{.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f;border-color:var(--muted)}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:1.125rem;font-weight:600;color:var(--foreground)}.card-subtitle{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.card-content{display:flex;flex-direction:column;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:500;font-size:1rem;transition:all .2s ease;cursor:pointer;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#0051d5}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:#efefef}.btn-outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-outline:hover{background-color:var(--secondary)}.btn-danger{background-color:var(--destructive);color:var(--destructive-foreground)}.btn-danger:hover{background-color:#e63329}.btn-ghost{background-color:transparent;color:var(--foreground)}.btn-ghost:hover{background-color:var(--secondary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-block{width:100%}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--card);color:var(--foreground);font-size:1rem;transition:all .2s ease}.input::placeholder{color:var(--muted-foreground)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a}.input:disabled{background-color:var(--secondary);cursor:not-allowed;opacity:.6}.textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--card);color:var(--foreground);font-size:1rem;font-family:inherit;resize:vertical;min-height:6rem;transition:all .2s ease}.textarea::placeholder{color:var(--muted-foreground)}.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a}.label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table thead{background-color:var(--secondary);border-bottom:1px solid var(--border)}.table th{padding:1rem;text-align:left;font-weight:600;color:var(--foreground)}.table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--foreground)}.table tbody tr:hover{background-color:var(--secondary)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-primary{background-color:#007aff1a;color:var(--primary)}.badge-success{background-color:#34c7591a;color:#34c759}.badge-warning{background-color:#ff95001a;color:#ff9500}.badge-error{background-color:#ff3b301a;color:var(--destructive)}.alert{padding:1rem;border-radius:8px;border-left:4px solid;font-size:.95rem}.alert-info{background-color:#007aff0d;border-left-color:var(--primary);color:#0051d5}.alert-success{background-color:#34c7590d;border-left-color:#34c759;color:#2d9f4a}.alert-warning{background-color:#ff95000d;border-left-color:#ff9500;color:#c70}.alert-error{background-color:#ff3b300d;border-left-color:var(--destructive);color:#cc2e24}.divider{height:1px;background-color:var(--border);margin:1.5rem 0}.spacer-sm{height:.5rem}.spacer-md{height:1rem}.spacer-lg{height:2rem}.spacer-xl{height:3rem}}@layer utilities{.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-destructive{color:var(--destructive)}.bg-secondary{background-color:var(--secondary)}.border-subtle{border:1px solid var(--border)}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-sm{border-radius:6px}.shadow-sm{box-shadow:0 1px 3px #00000014}.shadow-md{box-shadow:0 4px 12px #0000001f}.transition-smooth{transition:all .2s ease}.focus-ring{outline:none;box-shadow:0 0 0 3px #007aff1a}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.opacity-50{opacity:.5}.opacity-75{opacity:.75}}