@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.auth-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;background:#030303;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 15% 15%,rgba(179,255,131,.07) 0%,transparent 65%),radial-gradient(ellipse 55% 65% at 85% 85%,rgba(96,165,250,.05) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(167,139,250,.03) 0%,transparent 60%);z-index:0;pointer-events:none;animation:bgPulse 12s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.8}to{opacity:1.3}}.auth-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(179,255,131,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(179,255,131,.03) 1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none;animation:gridDrift 30s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.auth-page .orb{position:absolute;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none}.auth-page .orb-1{width:480px;height:480px;background:#b3ff8317;top:-120px;left:-100px;animation:orbFloat1 16s ease-in-out infinite}.auth-page .orb-2{width:380px;height:380px;background:#60a5fa12;bottom:-80px;right:-60px;animation:orbFloat2 19s ease-in-out infinite}.auth-page .orb-3{width:240px;height:240px;background:#a78bfa12;top:55%;left:65%;animation:orbFloat3 13s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,30px) scale(1.05)}66%{transform:translate(10px,50px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-35px,-40px) scale(1.08)}66%{transform:translate(-10px,-20px) scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.auth-particle{position:absolute;border-radius:50%;z-index:0;pointer-events:none;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-80px) translate(var(--drift, 20px));opacity:0}}.auth-chart{position:absolute;bottom:0;left:0;width:100%;height:260px;z-index:0;opacity:.18;pointer-events:none}.auth-chart path{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine 4s cubic-bezier(.4,0,.2,1) forwards .3s}@keyframes drawLine{to{stroke-dashoffset:0}}.location-ping{position:absolute;z-index:0;pointer-events:none;width:80px;height:80px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;animation:pingFadeInOut 4.5s ease forwards}.ping-dot{width:8px;height:8px;background:#b3ff83cc;border-radius:50%;box-shadow:0 0 12px #b3ff83;position:relative;z-index:2}.ping-ripple{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(179,255,131,.6);animation:radarPing 2s cubic-bezier(0,0,.2,1)}@keyframes pingFadeInOut{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes radarPing{0%{transform:scale(.1);opacity:1;border-width:2px}to{transform:scale(1.5);opacity:0;border-width:1px}}.auth-card{position:relative;z-index:1;background:#181819;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a;animation:cardEnter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand h1{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1;margin-bottom:6px}.auth-brand p{font-size:13px;color:#8a8a8a;font-weight:500;letter-spacing:.01em}.auth-error{background:#ff5a5a1a;border:1px solid rgba(255,90,90,.25);border-radius:10px;padding:11px 14px;font-size:13px;color:#ff5a5a;font-weight:500;margin-bottom:20px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field label{font-size:12px;font-weight:700;color:#d1d5db;text-transform:uppercase;letter-spacing:.07em}.auth-field input{background:#232325;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:13px 15px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-field input::-moz-placeholder{color:#9ca3af}.auth-field input::placeholder{color:#9ca3af}.auth-field input:focus{border-color:#b3ff83cc;box-shadow:0 0 0 3px #b3ff8326}.auth-field input:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent!important;border:none!important;color:#9ca3af!important;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,background-color .2s ease;z-index:2}.password-toggle-btn:hover{color:#b3ff83!important;background:#ffffff0d!important}.password-toggle-btn:focus-visible{outline:2px solid rgba(179,255,131,.5)}button.auth-submit{margin-top:8px;width:100%;padding:14px;background:#b3ff83!important;color:#0a0a0a!important;border:none;border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 20px #b3ff8366}.auth-submit:hover:not(:disabled){background:#c6ff9f;box-shadow:0 0 28px #b3ff8359;transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 0 12px #b3ff8333}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0a0a;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.auth-version{text-align:center;font-size:11px;color:#484848;font-weight:500;margin-top:24px;letter-spacing:.02em}@media (max-width: 480px){.auth-card{padding:28px 20px;border-radius:16px}.auth-brand h1{font-size:24px}.auth-page .orb-1{width:250px;height:250px}.auth-page .orb-2{width:200px;height:200px}.auth-page .orb-3{display:none}.auth-field input{font-size:16px}.auth-submit{min-height:48px}}@media (max-height: 560px){.auth-page{align-items:flex-start}.auth-card{margin:8px 0}}.auth-submit:focus-visible,.auth-field input:focus-visible{outline:2px solid rgba(179,255,131,.8);outline-offset:2px}@media (prefers-reduced-motion: reduce){.auth-page:before,.auth-page:after,.auth-page .orb,.auth-particle,.auth-chart path,.location-ping,.ping-ripple,.auth-card,.auth-error{animation:none!important}.auth-chart path{stroke-dashoffset:0}.auth-particle,.location-ping{display:none}}.portal-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-base);color:var(--text-primary);font-family:Outfit,sans-serif;position:relative;overflow:hidden;padding:clamp(1rem,4vw,2rem)}.portal-header{text-align:center;margin-bottom:clamp(1.5rem,5vw,3rem);z-index:10}.portal-header h1{font-size:clamp(1.75rem,4vw + .5rem,2.5rem);font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-header p{color:var(--text-secondary);font-size:1.1rem}.logout-btn{margin-top:1.5rem;padding:.5rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.portal-cards{display:flex;gap:2rem;max-width:900px;width:100%;justify-content:center;z-index:10;flex-wrap:wrap}.portal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;flex:1 1 300px;min-width:min(300px,100%);max-width:400px;text-align:center;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .3s ease}@media (hover: hover){.portal-card:hover{transform:translateY(-5px);border-color:var(--purple-dim);box-shadow:var(--shadow-hover)}.portal-card:hover:before{opacity:1}}.portal-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portal-card-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;background:var(--bg-card-hover);padding:1.5rem;border-radius:50%;border:1px solid var(--border);box-shadow:var(--shadow-card)}.portal-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.portal-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.left-2{left:.5rem}.top-0{top:0}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-4{width:1rem;height:1rem}.size-\[--cell-size\]{width:var(--cell-size);height:var(--cell-size)}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[--cell-size\]{height:var(--cell-size)}.h-\[340px\]{height:340px}.h-\[400px\]{height:400px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-72{width:18rem}.w-\[--cell-size\]{width:var(--cell-size)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[--cell-size\]{min-width:var(--cell-size)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1 1 0%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-tickerScroll{animation:tickerScroll 35s linear infinite}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[--cell-size\]{padding-left:var(--cell-size);padding-right:var(--cell-size)}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\[--cell-size\:2rem\]{--cell-size: 2rem}:root{--bg-base: #0B0D17;--bg-surface: #12141F;--bg-card: #181B2A;--bg-card-hover: #1E2236;--bg-input: #0F1118;--bg-elevated: #1E2236;--accent: #7C5CFC;--accent-2: #5B8DEF;--accent-dim: rgba(124, 92, 252, .18);--accent-border: rgba(124, 92, 252, .4);--accent-gradient: linear-gradient(135deg, #7C5CFC 0%, #5B8DEF 100%);--card-grad-violet: linear-gradient(135deg, #7C5CFC 0%, #9F7AEA 100%);--card-grad-blue: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);--card-grad-green: linear-gradient(135deg, #10B981 0%, #34D399 100%);--card-grad-orange: linear-gradient(135deg, #F97316 0%, #FBBF24 100%);--card-grad-red: linear-gradient(135deg, #EF4444 0%, #F97316 100%);--card-grad-pink: linear-gradient(135deg, #EC4899 0%, #A855F7 100%);--text-primary: #EDF0FB;--text-secondary: #7B84AA;--text-muted: #404768;--text-on-accent: #FFFFFF;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--green: #00D4A0;--green-dim: rgba(0, 212, 160, .15);--red: #FF4D6A;--red-dim: rgba(255, 77, 106, .15);--amber: #F5A623;--amber-dim: rgba(245, 166, 35, .15);--blue: #38BDF8;--blue-dim: rgba(56, 189, 248, .15);--purple: #A78BFA;--purple-dim: rgba(167, 139, 250, .15);--shadow-card: 0 1px 3px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.35);--shadow-hover: 0 8px 40px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);--shadow-accent: 0 0 32px rgba(124, 92, 252, .35);--shadow-nav: 0 -4px 32px rgba(0,0,0,.5);--shadow-colored: 0 8px 24px rgba(124, 92, 252, .4);--profile-banner: linear-gradient(135deg, #0B0D17 0%, #1a1d2e 50%, #13102a 100%);--profile-banner-line: linear-gradient(90deg, transparent, rgba(124,92,252,.5), transparent);--radius-card: 6px;--radius-card-sm: 4px;--radius-btn: 6px;--radius-input: 6px;--radius-badge: 4px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--nav-height: 64px;--mobile-nav-height: 56px;--bottom-nav-height: 64px;--nav-bg: rgba(18, 20, 31, .85);--nav-text-primary: #EDF0FB;--nav-text-secondary: #7B84AA;--trend-up-bg: rgba(0, 212, 160, .15);--trend-up-text: #00D4A0;--trend-dn-bg: rgba(255, 77, 106, .15);--trend-dn-text: #FF4D6A}[data-theme=light]{--bg-base: #F5EEF8;--bg-surface: #FDFAFF;--bg-card: #FFFFFF;--bg-card-hover: #FCF7FF;--bg-input: #F7F0FB;--bg-elevated: #FFFFFF;--accent: #a26d9a;--accent-2: #c9a3d2;--accent-dim: rgba(162, 109, 154, .12);--accent-border: rgba(162, 109, 154, .28);--accent-gradient: #a26d9a;--card-grad-violet: #a26d9a;--card-grad-blue: #a4d6c7;--card-grad-green: #7ec4b3;--card-grad-orange: #f9d86c;--card-grad-red: #f1a8a2;--card-grad-pink: #c9a3d2;--text-primary: #2D1A35;--text-secondary: #6B4E73;--text-muted: #B89EC0;--text-on-accent: #FFFFFF;--border: rgba(162, 109, 154, .14);--border-strong: rgba(162, 109, 154, .28);--green: #3dab93;--green-dim: rgba(164, 214, 199, .28);--red: #c95d55;--red-dim: rgba(241, 168, 162, .28);--amber: #c9a100;--amber-dim: rgba(249, 216, 108, .32);--blue: #4ab5a0;--blue-dim: rgba(164, 214, 199, .2);--purple: #a26d9a;--purple-dim: rgba(162, 109, 154, .15);--shadow-card: 0 1px 4px rgba(162, 109, 154, .08), 0 4px 20px rgba(162, 109, 154, .1);--shadow-hover: 0 8px 36px rgba(162, 109, 154, .18), 0 2px 10px rgba(162, 109, 154, .1);--shadow-accent: 0 8px 28px rgba(162, 109, 154, .32);--shadow-nav: 0 4px 20px rgba(162, 109, 154, .18);--shadow-colored: 0 8px 28px rgba(162, 109, 154, .38);--profile-banner: #ecdaf2;--profile-banner-line: rgba(162, 109, 154, .3);--trend-up-bg: rgba(164, 214, 199, .3);--trend-up-text: #2e9c82;--trend-dn-bg: rgba(241, 168, 162, .3);--trend-dn-text: #c04c44;--nav-bg: #d8b1e2;--nav-text-primary: #2D1B33;--nav-text-secondary: #6B4070}[data-theme=warm-dark]{--bg-base: #111319;--bg-surface: #181b24;--bg-card: #1f2330;--bg-card-hover: #272c3d;--bg-input: #141720;--bg-elevated: #222736;--accent: #6ccb79;--accent-2: #a6e2ae;--accent-dim: rgba(108, 203, 121, .16);--accent-border: rgba(108, 203, 121, .38);--accent-gradient: linear-gradient(135deg, #6ccb79 0%, #a6e2ae 100%);--card-grad-violet: linear-gradient(135deg, #6ccb79 0%, #a6e2ae 100%);--card-grad-blue: linear-gradient(135deg, #ff3c00 0%, #cb4a1a 100%);--card-grad-green: linear-gradient(135deg, #6ccb79 0%, #f9d658 100%);--card-grad-orange: linear-gradient(135deg, #ff3c00 0%, #f9d658 100%);--card-grad-red: linear-gradient(135deg, #cb4a1a 0%, #ff3c00 100%);--card-grad-pink: linear-gradient(135deg, #a6e2ae 0%, #6ccb79 100%);--text-primary: #f2f7f3;--text-secondary: #a6e2ae;--text-muted: #607565;--text-on-accent: #0d170e;--border: rgba(166, 226, 174, .12);--border-strong: rgba(166, 226, 174, .25);--green: #6ccb79;--green-dim: rgba(108, 203, 121, .16);--red: #ff3c00;--red-dim: rgba(255, 60, 0, .16);--amber: #f9d658;--amber-dim: rgba(249, 214, 88, .18);--blue: #a6e2ae;--blue-dim: rgba(166, 226, 174, .16);--purple: #cb4a1a;--purple-dim: rgba(203, 74, 26, .2);--shadow-card: 0 1px 4px rgba(0, 0, 0, .5), 0 4px 20px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 36px rgba(0, 0, 0, .6), 0 2px 10px rgba(108, 203, 121, .2);--shadow-accent: 0 0 32px rgba(108, 203, 121, .35);--shadow-nav: 0 4px 24px rgba(0, 0, 0, .5);--shadow-colored: 0 8px 28px rgba(108, 203, 121, .4);--profile-banner: linear-gradient(135deg, #1c0a07 0%, #1f2330 50%, #101912 100%);--profile-banner-line: linear-gradient(90deg, transparent, rgba(108, 203, 121, .5), transparent);--trend-up-bg: rgba(108, 203, 121, .18);--trend-up-text: #6ccb79;--trend-dn-bg: rgba(255, 60, 0, .18);--trend-dn-text: #ff3c00;--nav-bg: rgba(31, 35, 48, .92);--nav-text-primary: #f2f7f3;--nav-text-secondary: #a6e2ae}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Outfit,Outfit,"Source Sans 3",system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;line-height:1.65;font-size:15px;transition:background-color .3s ease,color .3s ease;-webkit-tap-highlight-color:transparent;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-btn)}:focus:not(:focus-visible){outline:none}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#7c5cfc40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#7c5cfc73}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000002e}.portal-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-base);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow:hidden;padding:2rem}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none}.orb-1{width:500px;height:500px;background:#7c5cfc;top:-160px;left:-100px;opacity:.08}.orb-2{width:360px;height:360px;background:#00d4a0;bottom:-100px;right:-100px;opacity:.07}.orb-3{width:260px;height:260px;background:#38bdf8;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05}.tab-nav{width:100%;height:var(--nav-height);background:var(--bg-surface);display:flex;align-items:center;padding:0 20px;gap:8px;border-bottom:1px solid var(--border-strong);position:sticky;top:0;z-index:99}.tab-nav-left{display:flex;gap:4px;align-items:center;flex:1}.tab-nav-right{display:flex;gap:8px;align-items:center}.tab-btn{padding:8px 20px;border-radius:var(--radius-btn);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;font-family:Outfit,system-ui,sans-serif;cursor:pointer;transition:all .18s ease;white-space:nowrap;letter-spacing:.02em}.tab-btn:hover{color:var(--text-primary);background:var(--accent-dim);border-color:var(--accent-border)}[data-theme=light] .tab-btn:hover{background:var(--accent-dim);border-color:var(--accent-border)}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;box-shadow:0 0 16px #7c5cfc59}[data-theme=light] .tab-btn.active{background:var(--accent);color:#fdfaf4;border-color:var(--accent)}.desktop-top-nav{background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-strong);position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;padding:0 clamp(14px,2vw,28px);gap:16px;width:100%}.nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.nav-brand-logo{color:var(--accent);font-family:Outfit,system-ui,sans-serif;font-size:17px;font-weight:900;letter-spacing:.04em}.nav-divider{width:1px;height:20px;background:var(--border-strong);flex-shrink:0}.nav-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-dim);border:1.5px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);font-family:Outfit,system-ui,sans-serif;flex-shrink:0}.nav-username{color:var(--nav-text-primary);font-size:15px;font-weight:600;font-family:Outfit,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.nav-links{display:flex;align-items:center;gap:4px;min-width:0}.nav-link{position:relative;padding:7px 18px;border:0;background:transparent;color:var(--nav-text-secondary);font-size:15px;font-weight:500;font-family:Outfit,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:color .2s ease;min-height:40px}.nav-link:after{content:"";position:absolute;left:18px;right:18px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .25s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.nav-link:hover{color:var(--nav-text-primary)}}.nav-link.active{color:var(--nav-text-primary);font-weight:700}.nav-link.active:after{transform:scaleX(1)}.nav-controls{display:flex;align-items:center;gap:10px;margin-left:8px;flex-shrink:0}.nav-icon-btn{width:36px;height:36px;border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--nav-text-secondary);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .1s ease;flex-shrink:0}@media (hover: hover){.nav-icon-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.nav-icon-btn.danger:hover{background:var(--red-dim);color:var(--red);border-color:var(--red-dim)}}.nav-icon-btn:active{transform:scale(.94)}.nav-signout{padding:6px 14px;border-radius:var(--radius-btn);border:1px solid transparent;background:transparent;color:var(--nav-text-secondary);font-size:14px;font-weight:600;font-family:Outfit,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease;min-height:36px;white-space:nowrap}@media (hover: hover){.nav-signout:hover{color:var(--red);background:var(--red-dim);border-color:var(--red-dim)}}@media (max-width: 1023px){.nav-link{padding:7px 12px;font-size:14px}.nav-link:after{left:12px;right:12px}.nav-username,.nav-signout span{display:none}.nav-signout{padding:6px 9px}}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--progress, 0));background:var(--accent-gradient, var(--accent));z-index:300;pointer-events:none;transition:transform .1s linear}.back-to-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-secondary);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-card);z-index:150;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,color .2s ease,border-color .2s ease}.back-to-top.show{opacity:1;transform:translateY(0)}@media (hover: hover){.back-to-top:hover{color:var(--accent);border-color:var(--accent-border)}}@media (min-width: 768px){.back-to-top{display:flex}}.portal-layout{display:flex;min-height:calc(100vh - var(--nav-height))}.portal-main{flex:1;padding:24px;overflow-x:hidden}.stat-card{background:var(--bg-card);border-radius:var(--radius-card);padding:14px 16px;color:var(--text-primary);border:1px solid var(--border);border-left:3px solid var(--accent);transition:border-color .2s ease;position:relative;overflow:hidden}[data-theme=light] .stat-card{border-color:var(--border);border-left-color:var(--accent)}.stat-card:hover{border-color:var(--border-strong);border-left-color:var(--accent)}.stat-card-label{font-size:11px;color:var(--text-secondary);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.stat-card-value{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.03em;font-family:JetBrains Mono,Courier New,monospace}.stat-card-value.pos{color:var(--green)}.stat-card-value.neg{color:var(--red)}.stat-card-value.blue{color:var(--blue)}.stat-card-value.muted{color:var(--text-secondary)}.trend-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;font-family:Outfit,system-ui,sans-serif}.trend-badge.up{background:var(--trend-up-bg);color:var(--trend-up-text)}.trend-badge.down{background:var(--trend-dn-bg);color:var(--trend-dn-text)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi-big{background:var(--bg-card);border-radius:var(--radius-card);padding:14px 16px;color:var(--text-primary);border:1px solid var(--border);border-left:3px solid var(--accent);transition:border-color .2s ease;position:relative;overflow:hidden}[data-theme=light] .kpi-big{border-color:var(--border);border-left-color:var(--accent)}.kpi-big:hover{border-color:var(--border-strong);border-left-color:var(--accent)}.kpi-big.red{border-left-color:var(--red)}.kpi-big.blue{border-left-color:var(--blue)}.kpi-big.amber{border-left-color:var(--amber)}.kpi-big.green{border-left-color:var(--green)}.kpi-big .val{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:4px;font-variant-numeric:tabular-nums}.kpi-big .lbl{font-size:11px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kpi-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text-primary);position:relative;overflow:hidden;min-width:0}.kpi-card:hover{border-color:var(--border-strong)}.kpi-tile{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--kpi-accent, var(--accent));border-radius:var(--radius-card);padding:14px 16px;height:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;font-family:Outfit,system-ui,sans-serif;transition:border-color .2s ease}@media (hover: hover){.kpi-tile:hover{border-color:var(--border-strong);border-left-color:var(--kpi-accent, var(--accent))}}.kpi-tile-title{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;line-height:1.3}.kpi-tile-value{font-size:clamp(17px,1.4vw + 8px,22px);font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}.kpi-grid>*{animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.kpi-grid>*:nth-child(2){animation-delay:.05s}.kpi-grid>*:nth-child(3){animation-delay:.1s}.kpi-grid>*:nth-child(4){animation-delay:.15s}.kpi-grid>*:nth-child(5){animation-delay:.2s}.kpi-grid>*:nth-child(6){animation-delay:.25s}.kpi-grid>*:nth-child(7){animation-delay:.3s}.kpi-grid>*:nth-child(8){animation-delay:.35s}.data-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}[data-theme=light] .data-table-wrap{border-color:var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);position:sticky;top:0;z-index:2}[data-theme=light] .data-table thead tr{background:var(--bg-input);border-bottom:1px solid var(--border-strong)}.data-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th:hover{color:var(--text-primary)}.data-table td{padding:10px 14px;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:500;font-size:14px;font-variant-numeric:tabular-nums;transition:background .12s ease}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-card-hover)}.data-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.tabular-nums{font-variant-numeric:tabular-nums}.dt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 0;flex-wrap:wrap}.dt-footer-info{font-size:12px;color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.dt-pager{display:flex;align-items:center;gap:6px}.dt-page-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}@media (hover: hover){.dt-page-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-page-label{font-size:12px;color:var(--text-secondary);font-weight:600;padding:0 6px;font-variant-numeric:tabular-nums;white-space:nowrap}.dt-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-scroll:after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg-card));opacity:0;transition:opacity .2s ease}.dt-scroll.can-scroll:after{opacity:1}.table-scroll{overflow-x:auto;overflow-y:auto;max-height:480px}.table-scroll::-webkit-scrollbar{width:4px;height:4px}.table-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-badge);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.6}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-muted{background:#ffffff0f;color:var(--text-secondary)}[data-theme=light] .badge-muted{background:#0000000d}.filter-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;color:var(--text-primary)}.filter-panel-section{border-bottom:1px solid var(--border)}.filter-panel-section:last-child{border-bottom:none}.filter-panel-section-head{padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.filter-panel-title{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.filter-panel-body{padding:12px 14px}.filter-search{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);padding:8px 12px;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:13px;outline:none;margin-bottom:8px;transition:border-color .2s}.filter-search:focus{border-color:var(--accent)}.filter-search::-moz-placeholder{color:var(--text-muted)}.filter-search::placeholder{color:var(--text-muted)}.filter-list{max-height:160px;overflow-y:auto}.filter-item{display:flex;align-items:center;gap:8px;padding:6px 0;min-height:32px;font-size:13px;cursor:pointer;color:var(--text-secondary);transition:color .15s;font-weight:500}.filter-item:hover{color:var(--text-primary)}.filter-item input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;flex-shrink:0;cursor:pointer}.choice-btn{flex:1;padding:5px 8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-badge);color:var(--text-secondary);font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;text-align:center;text-transform:uppercase}.choice-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.choice-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}[data-theme=light] .choice-btn{background:transparent}[data-theme=light] .choice-btn:hover{background:#00000008}.date-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);padding:9px 13px;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:14px;outline:none;transition:border-color .2s}.date-input:focus{border-color:var(--accent)}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.4}.loading-spin{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px;font-weight:500}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000012,#0000000a 75%);background-size:800px 100%}.profile-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px 24px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-dim);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.profile-name{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.profile-sub{font-size:15px;color:var(--text-secondary);font-weight:500}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-header-grid{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:stretch;padding:24px 0}.profile-header-divider{background:var(--border);margin:0}.profile-header-col{padding:0 28px;display:flex;flex-direction:column;justify-content:center;min-width:0}@media (max-width: 1100px){.profile-header-col{padding:0 20px}}.profile-field-value{overflow-wrap:anywhere}.refresh-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-btn);padding:9px 16px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:16px}.overview-filters-row{display:grid;grid-template-columns:180px 180px 1fr 1fr 1fr;gap:12px;margin-bottom:16px;align-items:start}.orders-filters-row{display:grid;grid-template-columns:180px 140px 140px 180px;gap:12px;margin-bottom:16px;align-items:start}.orders-toolbar{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.orders-toolbar-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:0 18px;height:44px;display:flex;align-items:center;gap:10px;flex-shrink:0}.orders-toolbar-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.orders-drop{position:relative;flex:1 1 160px;min-width:150px}.orders-drop-trigger{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-primary);transition:border-color .15s ease,background .15s ease;white-space:nowrap;width:100%;text-align:left}@media (hover: hover){.orders-drop-trigger:hover{border-color:var(--border-strong)}}.orders-drop-trigger.active{border-color:var(--accent);background:#6ccb791a}.orders-drop-trigger .lbl{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;line-height:1}.orders-drop-trigger .val{font-size:12px;font-weight:600;margin-top:2px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.orders-drop-trigger.active .val{color:var(--accent)}.orders-drop-trigger .txt{min-width:0;overflow:hidden}.orders-drop-trigger .chev{color:var(--text-muted);transition:transform .2s;flex-shrink:0;margin-left:auto}.orders-drop-trigger.open .chev{transform:rotate(180deg)}.orders-drop-panel{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-card);z-index:200;box-shadow:var(--shadow-hover);overflow:hidden;width:var(--panel-w, 220px);max-width:calc(100vw - 32px)}.orders-drop-panel.align-end{left:auto;right:0}.orders-drop-clear{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:6px 0;font-weight:600}@media (hover: hover){.orders-drop-clear:hover{color:var(--text-primary)}}@media (max-width: 767px){.orders-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orders-toolbar-kpi{grid-column:1 / -1;height:48px}.orders-toolbar-divider{display:none}.orders-drop{min-width:0}.orders-drop-trigger{padding:0 12px}.orders-drop-panel{width:min(calc(100vw - 32px),360px)}.orders-drop-panel.mob-start{left:0;right:auto}.orders-drop-panel.mob-end{left:auto;right:0}}@media (max-width: 380px){.orders-toolbar{grid-template-columns:1fr}.orders-drop-panel.mob-end{left:0;right:auto}}.section-label{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .mobile-bottom-nav{background:#ffffffeb;border-top-color:var(--border)}.mobile-bottom-nav-inner{display:flex;align-items:stretch;height:var(--bottom-nav-height)}.mobile-bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:6px 4px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent;min-height:44px;color:var(--text-muted);font-family:Outfit,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mobile-bottom-nav-tab.active{color:var(--accent)}.mobile-bottom-nav-tab .nav-icon{width:22px;height:22px;transition:transform .2s ease;color:inherit}.mobile-bottom-nav-tab.active .nav-icon{transform:none}.mobile-bottom-nav-tab:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;border-radius:0;background:var(--accent-gradient, var(--accent));opacity:0;transform:scaleX(0);transition:opacity .25s ease,transform .3s cubic-bezier(.16,1,.3,1)}.mobile-bottom-nav-tab.active:before{opacity:1;transform:scaleX(1);box-shadow:0 0 12px var(--accent)}.mobile-bottom-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:14px;transition:background .25s ease,box-shadow .25s ease}.mobile-bottom-nav-tab.active .mobile-bottom-nav-icon-wrap{background:var(--accent-gradient, var(--accent-dim));box-shadow:0 4px 16px #7c5cfc59}[data-theme=light] .mobile-bottom-nav-tab.active .mobile-bottom-nav-icon-wrap{box-shadow:0 4px 16px #4f46e540}.mobile-bottom-nav-tab.active .nav-icon{color:#fff!important}.mobile-top-bar{display:none;align-items:center;justify-content:space-between;padding:0 16px;height:var(--mobile-nav-height);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;gap:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .mobile-top-bar{background:#ffffffe0}.mobile-top-bar-brand{display:flex;align-items:center;gap:10px}.mobile-top-bar-title{background:var(--accent-gradient, var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:900;letter-spacing:.04em}.mobile-top-bar-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-gradient, var(--accent-dim));border:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;font-family:Outfit,system-ui,sans-serif;flex-shrink:0;box-shadow:0 2px 10px #7c5cfc66}[data-theme=light] .mobile-top-bar-avatar{box-shadow:0 2px 10px #4f46e54d}.mobile-top-bar-user{display:flex;align-items:center;gap:10px;min-width:0}.mobile-top-bar-name{color:var(--text-primary);font-size:14px;font-weight:600;font-family:Outfit,system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mobile-top-bar-user{position:relative;flex:0 1 auto;min-width:0}.mobile-user-trigger .mobile-top-bar-name{flex:1 1 auto;max-width:170px}.mobile-user-trigger{max-width:100%;display:flex;align-items:center;gap:8px;min-width:0;padding:4px 6px 4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;cursor:pointer;min-height:44px;transition:background .2s ease,border-color .2s ease}.mobile-user-trigger .chev{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.mobile-user-trigger.open{background:var(--accent-dim);border-color:var(--accent-border)}.mobile-user-trigger.open .chev{transform:rotate(180deg)}.mobile-user-trigger:active{background:var(--accent-dim)}.mobile-user-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-hover);padding:6px;z-index:300;animation:fadeSlideUp .18s cubic-bezier(.16,1,.3,1) both}.mobile-user-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.mobile-user-menu-item svg{color:var(--text-secondary);flex-shrink:0}.mobile-user-menu-item:active{background:var(--accent-dim);color:var(--accent)}.mobile-user-menu-item:active svg{color:var(--accent)}.mobile-user-menu-item.danger{color:var(--red)}.mobile-user-menu-item.danger svg{color:var(--red)}.mobile-user-menu-item.danger:active{background:var(--red-dim)}.mobile-user-menu-sep{height:1px;background:var(--border);margin:4px 6px}.mobile-filter-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-secondary);font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;min-height:44px;-webkit-tap-highlight-color:transparent}[data-theme=light] .mobile-filter-toggle{border-color:transparent}.mobile-filter-toggle:active{transform:scale(.98);background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.mobile-filter-drawer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;max-height:0;opacity:0}.mobile-filter-drawer.open{max-height:600px;opacity:1}.mobile-filter-drawer-inner{padding:16px;display:flex;flex-direction:column;gap:12px}.mobile-touch-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 1024px){.overview-filters-row{grid-template-columns:1fr 1fr 1fr}.orders-filters-row{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.mobile-bottom-nav{display:block}.mobile-top-bar{display:flex}.desktop-top-nav{display:none!important}.landing-page{overflow-x:hidden;width:100%;max-width:100vw;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)}.portal-main{padding:12px;padding-bottom:calc(var(--bottom-nav-height) + 24px)}.landing-section{padding:24px 16px 32px}.landing-section-header{margin-bottom:16px;gap:10px}.landing-section-bar{height:28px}.tab-btn{padding:7px 14px;font-size:13px}.kpi-row{grid-template-columns:1fr 1fr;gap:10px}.overview-filters-row,.orders-filters-row{display:none}.profile-header-grid{grid-template-columns:1fr;padding:0}.profile-header-col{padding:16px 20px}.profile-header-divider{height:1px;width:100%}.profile-stats-grid{grid-template-columns:1fr}.table-scroll{-webkit-overflow-scrolling:touch;max-height:420px}.stat-card{padding:12px 14px}.stat-card-value{font-size:18px}.kpi-big .val{font-size:16px}.chart-card{padding:12px 14px}.mobile-bottom-nav{width:100%;left:0;right:0}.mobile-bottom-nav-inner{width:100%;max-width:100%}.mobile-bottom-nav-tab{min-width:0;flex:1;padding:4px 2px}.mobile-bottom-nav-icon-wrap{width:36px;height:26px}}@media (max-width: 767px){.filter-search,.date-input{font-size:16px}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){:root{--mobile-nav-height: 48px;--bottom-nav-height: 52px}.mobile-bottom-nav-tab span{display:none}.mobile-bottom-nav-icon-wrap{height:32px}}@media (max-width: 430px){.kpi-row{grid-template-columns:1fr 1fr;gap:8px}.landing-section{padding:14px 12px 28px}.stat-card-value{font-size:16px}.kpi-big .val{font-size:15px}.tab-btn{padding:6px 10px;font-size:12px}.data-table th,.data-table td{padding:10px 12px;font-size:13px}.mobile-bottom-nav-tab{font-size:9px;gap:2px}.mobile-bottom-nav-icon-wrap{width:32px;height:24px}.mobile-bottom-nav-tab .nav-icon{width:18px;height:18px}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease-out,transform .55s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.landing-page{width:100%;overflow-x:hidden}.landing-section{padding:40px 24px 48px;position:relative;box-sizing:border-box;scroll-margin-top:calc(var(--nav-height) + 4px)}.landing-section-inner{width:100%;max-width:1480px;margin:0 auto}.landing-section+.landing-section{border-top:1px solid var(--border-strong)}.landing-section-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.landing-section-header-text{flex:1 1 200px;min-width:0}.landing-section-meta{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.landing-section-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulseIndicator 2s infinite}.landing-section-bar{width:4px;height:36px;background:var(--accent-gradient, var(--accent));border-radius:3px;flex-shrink:0;box-shadow:0 0 12px #7c5cfc80}[data-theme=light] .landing-section-bar{box-shadow:0 0 12px #4f46e566}.landing-section-title{font-family:Outfit,system-ui,sans-serif;font-size:clamp(17px,1.2vw + 10px,22px);font-weight:800;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2}.landing-section-desc{font-family:Outfit,system-ui,sans-serif;font-size:13px;color:var(--text-muted);font-weight:500;letter-spacing:.01em;margin-top:2px}.landing-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--accent-border),transparent);margin-bottom:32px;opacity:.6}.landing-hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:80px 24px 48px;border-bottom:1px solid var(--border-strong);position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,var(--accent-dim) 0%,transparent 60%);pointer-events:none}.landing-hero-label{font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.landing-hero-name{font-family:Outfit,system-ui,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:900;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}.landing-hero-role{font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.landing-hero-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.landing-hero-stat{display:flex;flex-direction:column;gap:4px}.landing-hero-stat-label{font-family:Outfit,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.landing-hero-stat-value{font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);font-size:10px;font-family:Outfit,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;animation:bounce-down 2s ease-in-out infinite}.scroll-indicator:after{content:"";width:1px;height:32px;background:linear-gradient(to bottom,var(--accent-border),transparent)}@keyframes bounce-down{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.tab-btn.scroll-active{background:var(--accent);color:#f4efe6;border-color:var(--accent);font-weight:700}[data-theme=light] .tab-btn.scroll-active{color:#fdfaf4}.chart-card{background:var(--bg-card);border-radius:var(--radius-card);padding:16px 20px;color:var(--text-primary);border:1px solid var(--border);transition:border-color .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.chart-card:hover{border-color:var(--border-strong)}.chart-card-header{margin-bottom:14px;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--border)}.chart-card-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.chart-card-subtitle{font-size:11px;color:var(--text-secondary);font-weight:500;margin-top:2px}.chart-card-body{width:100%;height:var(--chart-h, 280px);min-width:0;position:relative}@media (max-width: 767px){.chart-card-body{height:var(--chart-h-sm, var(--chart-h, 280px))}}.chart-card-body.scrollable{height:auto;max-height:var(--chart-h, 280px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media (max-width: 767px){.chart-card-body.scrollable{max-height:var(--chart-h-sm, var(--chart-h, 280px))}}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:500;text-align:center;padding:16px}.chart-empty svg{opacity:.6}.chart-tooltip{background:#1a1d2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:var(--radius-btn);padding:12px 16px;box-shadow:0 8px 32px #00000080;color:var(--text-primary);font-size:13px;font-family:Outfit,system-ui,sans-serif;z-index:1000}[data-theme=light] .chart-tooltip{background:#fffffff2;box-shadow:0 8px 32px #0000001a}[data-theme=warm-dark] .chart-tooltip{background:#38394cf2;box-shadow:0 8px 32px #0006}.chart-tooltip-label{font-weight:700;color:var(--text-secondary);margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:4px}.chart-tooltip-item{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}.chart-tooltip-color{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.chart-tooltip-value{font-weight:700;font-family:JetBrains Mono,monospace}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIndicator{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulseWarning{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.animate-fade-up{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-up-delay-1{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0}.animate-fade-up-delay-2{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.animate-fade-up-delay-3{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;opacity:0}.animate-fade-up-delay-4{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s;opacity:0}.animate-fade-up-delay-5{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s;opacity:0}.live-indicator-green{animation:pulseIndicator 2s infinite}.live-indicator-red{animation:pulseWarning 2s infinite}.glass-card,.data-card,.kpi-card{transition:border-color .2s ease}@media print{.desktop-top-nav,.mobile-top-bar,.mobile-bottom-nav,.back-to-top,.scroll-progress,.mobile-filter-toggle{display:none!important}.landing-page{padding-bottom:0!important}.landing-section{padding:16px 0;-moz-column-break-inside:avoid;break-inside:avoid}.reveal{opacity:1!important;transform:none!important}body{background:#fff;color:#000}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:.375rem}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:.375rem}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative{position:relative}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:z-10{z-index:10}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:sticky{position:sticky}.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:items-start{align-items:flex-start}.xl\:gap-6{gap:1.5rem}.xl\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>span\]\:text-xs>span{font-size:.75rem;line-height:1rem}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>svg\]\:size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:transparent}