html,body{height:100%;overflow:hidden;overscroll-behavior:none;background-color:var(--app-bg);color:var(--text-primary);-webkit-tap-highlight-color:transparent;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#root{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}@media screen and (orientation:landscape)and (max-height:500px)and (hover:none){#root{display:none!important}#landscape-warning{display:flex!important}}:root{--app-bg: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--card-bg: #ffffff;--card-border: #f1f5f9;--card-shadow: 0 4px 20px rgba(0,0,0,.03);--card-radius: 28px;--input-bg: #f8fafc;--lg-c-glass: #bbbbbc;--lg-c-light: #fff;--lg-c-dark: #000;--lg-reflex-dark: 1;--lg-reflex-light: 1;--lg-saturation: 150%}.dark:root{--app-bg: #0f172a;--text-primary: #ffffff;--text-secondary: #94a3b8;--card-bg: #1e293b;--card-border: #334155;--card-shadow: none;--card-radius: 28px;--input-bg: #334155;--lg-c-glass: #666;--lg-c-light: #fff;--lg-c-dark: #000;--lg-reflex-dark: 2;--lg-reflex-light: .3}.liquid-glass{background-color:color-mix(in srgb,var(--lg-c-glass) 12%,transparent);backdrop-filter:blur(8px) saturate(var(--lg-saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--lg-saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 60%),transparent),inset -.3px -1px 4px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 10%),transparent),0 1px 5px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 10%),transparent),0 6px 16px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 8%),transparent);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)}.liquid-slider{background-color:color-mix(in srgb,var(--lg-c-glass) 36%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--lg-c-light) calc(var(--lg-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--lg-c-dark) calc(var(--lg-reflex-dark) * 8%),transparent)}.card-base{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--card-radius);position:relative;transition:all .2s ease-out}.recharts-wrapper,.recharts-surface,.recharts-layer{outline:none!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*:focus{outline:none}*{-webkit-tap-highlight-color:transparent}.fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-slide-left{animation:slideInLeft .3s cubic-bezier(.25,1,.5,1) forwards}.animate-slide-right{animation:slideInRight .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideInRight{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-up-modal{animation:slideUpModal .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 rgba(var(--pulse-color),.4)}70%{box-shadow:0 0 0 8px rgba(var(--pulse-color),0)}to{box-shadow:0 0 rgba(var(--pulse-color),0)}}.animate-pulse-ring{animation:pulse-ring 2s infinite;border-radius:9999px}@keyframes pulse-emerald{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-pulse-emerald{animation:pulse-emerald 2s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}.animate-pulse-orange{animation:pulse-orange 2s infinite}@keyframes pulse-sky{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 10px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.animate-pulse-sky{animation:pulse-sky 2s infinite}@keyframes pulse-indigo{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-pulse-indigo{animation:pulse-indigo 2s infinite}@keyframes pulse-rose{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 10px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.animate-pulse-rose{animation:pulse-rose 2s infinite}@keyframes pulse-violet{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.animate-pulse-violet{animation:pulse-violet 2s infinite}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}.loader{position:relative;width:96px;height:96px;transform:rotate(45deg)}.loader-square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:0;background:#fff;background-size:cover;background-position:center;background-attachment:fixed;animation:square-animation 10s ease-in-out infinite both}
