@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*,: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,: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:Inter,system-ui,sans-serif;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;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-44{height:11rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-48{width:12rem}.w-8{width:2rem}.w-\[22\%\]{width:22%}.w-full{width:100%}.max-w-\[440px\]{max-width:440px}.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 ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-y-2{row-gap:.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-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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-500\/60{border-color:#f59e0b99}.border-amber-700\/40{border-color:#b4530966}.border-blue-700\/40{border-color:#1d4ed866}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/50{border-color:#1e293b80}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-950\/60{background-color:#451a0399}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-950\/60{background-color:#17255499}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-950\/60{background-color:#022c2299}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.bg-rose-950\/60{background-color:#4c051999}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/80{background-color:#0f172acc}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.6em\]{font-size:.6em}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.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-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300\/70{color:#fcd34db3}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500\/80{color:#f59e0bcc}.text-blue-300\/70{color:#93c5fdb3}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-\[0_0_40px_-8px_rgba\(251\,191\,36\,0\.5\)\]{--tw-shadow: 0 0 40px -8px rgba(251,191,36,.5);--tw-shadow-colored: 0 0 40px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);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)}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-all{transition-property:all;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}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{color-scheme:light;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4f6f0;--surface: #fff;--ink: #17251f;--muted: #78847d;--line: #e6eae3;--green: #19744e;--surface-soft: #fbfcf9;--surface-muted: #edf1ec;--line-soft: #edf0eb}:root[data-theme=dark]{color-scheme:dark;color:var(--ink);background:var(--paper);--paper: #131a15;--surface: #1c251f;--ink: #eaf1e9;--muted: #a0ada2;--line: #344137;--green: #91c89a;--surface-soft: #222d25;--surface-muted: #28342b;--line-soft: #344137}html,body{min-height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background-color:var(--paper);background-image:radial-gradient(ellipse at 88% 0%,rgba(213,231,191,.34),transparent 33rem)}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}button{font:inherit}.dashboard{width:min(1320px,calc(100% - 64px));margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#19744e;box-shadow:0 5px 12px #19744e30;color:#fff;font:28px/1 Manrope,sans-serif}.brand-name{font:800 17px/1.1 Manrope,sans-serif;letter-spacing:-.5px}.brand-name small{display:block;margin-top:4px;color:var(--muted);font:600 9px/1 DM Sans,sans-serif;letter-spacing:1px}.main-nav{height:100%;display:flex;align-items:center;gap:8px}.main-nav a{padding:10px 14px;border-radius:8px;color:#738078;font-size:13px;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a.active{background:#e8eee6;color:var(--green)}.top-status{display:flex;align-items:center;gap:9px;color:#56665b;font-size:12px}.top-status time{margin-left:8px;padding-left:15px;border-left:1px solid var(--line);color:#829087;font-family:DM Mono,monospace}.top-status>:global(.live-dot){width:8px;height:8px}.theme-toggle{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{border-color:#87aa8a;background:#e8f1e6;color:#19744e}.theme-toggle:focus-visible{outline:3px solid var(--green);outline-offset:2px}.logout-button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#69776e;font-size:10px;font-weight:600;cursor:pointer}.logout-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.logout-button:hover{border-color:#e5c4bd;background:#fbefed;color:#a8584e}.logout-button:focus-visible{outline:3px solid var(--green);outline-offset:2px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 12% 14%,rgba(214,230,194,.4),transparent 33rem),var(--paper);color:var(--ink)}.auth-layout{width:min(940px,100%);min-height:570px;display:grid;grid-template-columns:minmax(0,1fr) 410px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 24px 70px #1c34221a}.auth-story{min-height:570px;display:flex;flex-direction:column;justify-content:space-between;padding:31px 34px;position:relative;isolation:isolate;overflow:hidden;background:#1b4333 url(https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1200&q=85) center/cover;color:#f4f8f0}.auth-story:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#113224db,#1639298c 55%,#1730246b);content:""}.auth-brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 16px/1.1 Manrope,sans-serif}.auth-brand .brand-mark{background:#c9e77a;color:#17372a}.auth-brand small{display:block;margin-top:5px;color:#c0d2c1;font:600 8px DM Sans,sans-serif;letter-spacing:1px}.auth-story-copy{max-width:390px;margin:auto 0;padding:38px 0}.auth-eyebrow{color:#719876;font-size:9px;font-weight:700;letter-spacing:1.35px}.auth-story .auth-eyebrow{color:#c7df9b}.auth-story-copy h1{margin:13px 0 10px;font:700 clamp(30px,4vw,43px)/1.13 "Manrope",sans-serif;letter-spacing:-1.1px}.auth-story-copy p{max-width:310px;margin:0;color:#d1e0d1;font-size:13px;line-height:1.65}.auth-story-footer{display:flex;align-items:center;gap:8px;color:#d4e2d2;font-size:10px}.auth-live-dot{width:7px;height:7px;border-radius:50%;background:#a7d27f;box-shadow:0 0 0 4px #a7d27f2e}.auth-panel{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 39px 35px;background:var(--surface)}.auth-theme-toggle{position:absolute;top:18px;right:18px}.auth-lock{width:39px;height:39px;display:grid;place-items:center;margin-bottom:19px;border-radius:11px;background:var(--green-wash);color:var(--green)}.auth-lock svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-panel h2{margin:8px 0 5px;color:var(--ink);font:700 25px/1.2 Manrope,sans-serif;letter-spacing:-.6px}.auth-subtitle{margin:0 0 22px;color:var(--muted);font-size:11px}.auth-form{display:grid;gap:8px}.auth-form label{margin-top:5px;color:#627067;font-size:10px;font-weight:600}.auth-form input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:7px;outline:none;background:var(--surface);color:var(--ink);font:12px var(--sans)}.auth-form input:focus{border-color:#83ab83;box-shadow:0 0 0 3px #5b905b21}.auth-form input:disabled{opacity:.65}.auth-submit{min-height:43px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px;border:1px solid #1d5b40;border-radius:7px;background:#236548;color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}.auth-submit svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-submit:hover:not(:disabled){background:#194e37;box-shadow:0 5px 14px #23654833}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-error{margin:5px 0 0;color:#b34e46;font-size:10px;line-height:1.5}.auth-config-error{padding:10px 11px;border:1px solid #f0d3cc;border-radius:7px;background:#fff4f1}.auth-note{margin:17px 0 0;color:var(--muted);font-size:9px;line-height:1.5;text-align:center}.auth-loading{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px}.auth-loading .brand-mark{color:#17372a}.connection-error{margin:16px 0 0;padding:12px 15px;border:1px solid #f1cfcb;border-radius:8px;background:#fff1ef;color:#a94843;font-size:13px}main{padding:34px 0 0}.intro{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:center;margin-bottom:25px}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:capitalize}.eyebrow:before{content:"";display:inline-block;width:18px;height:2px;margin:0 8px 3px 0;background:var(--green)}.intro h1{margin:11px 0 8px;color:var(--ink);font:700 clamp(28px,3vw,38px)/1.16 "Manrope",sans-serif;letter-spacing:-1.2px}.intro p{margin:0;color:var(--muted);font-size:14px}.sunlight{position:relative;isolation:isolate;min-height:136px;overflow:hidden;border-radius:10px;background:#315447 url(https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1000&q=85) center 55%/cover}.sunlight:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#102b24dc,#16352c94 57%,#18382d1c);content:""}.sun-copy{max-width:300px;padding:17px 21px;color:#fff}.weather-location{display:flex;align-items:center;gap:7px;color:#d5e5d6;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.weather-location i,.sun-copy small i{width:3px;height:3px;border-radius:50%;background:#c9ed75}.weather-current{display:flex;align-items:center;gap:9px;margin-top:5px}.weather-symbol{font-size:26px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.24))}.weather-current strong{margin:0;font:700 29px/.95 Manrope,sans-serif;letter-spacing:-1px}.weather-description{max-width:105px;color:#f2f7ef;font-size:12px;line-height:1.2}.sun-copy small{display:flex;align-items:center;gap:6px;margin-top:7px;color:#deeadf;font-size:10px;white-space:nowrap}.sun-copy small i{flex:0 0 3px}.weather-source{margin-left:2px;color:#d5e5d6;text-decoration:underline;text-underline-offset:2px}.weather-source:hover{color:#fff}.weather-unavailable{display:block;margin-top:11px;font:600 14px/1.25 Manrope,sans-serif}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:20px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.metrics>.card{position:relative;min-width:0;gap:0;padding:17px 20px 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.metrics>.card+.card:before{position:absolute;top:18px;bottom:18px;left:0;width:1px;background:var(--line);content:""}.metrics>.card:hover{transform:none;background:#fbfcf9}.metrics>:global(.card)>div:first-child{gap:9px}.metrics>:global(.card)>div:first-child>div{width:29px;height:29px;flex:0 0 29px;border-radius:8px}.stat-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.15px;text-transform:none}.stat-value{margin-top:9px;color:#25362c;font:700 27px/1.2 Manrope,sans-serif;letter-spacing:-.8px}.metrics .text-amber-400{color:#bd8414}.metrics .text-blue-400{color:#4a89a7}.metrics .text-emerald-400{color:#49825f}.metrics .bg-amber-950\/60{background:#fbf2db}.metrics .bg-blue-950\/60{background:#e8f2f5}.metrics .bg-emerald-950\/60{background:#e7f2e9}.metrics .bg-rose-950\/60{background:#fff0ef}.metrics .bg-slate-800{background:#edf1ec}.metrics .bg-emerald-950\/60.text-emerald-400{color:#49825f}.metrics .text-rose-400,.metrics .text-emerald-400:not(.bg-emerald-950\/60){color:#748c49}.metrics .text-xs{margin-top:4px;color:#7d8980;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.83fr);gap:20px;align-items:start}.primary-column,.secondary-column{display:grid;gap:20px;min-width:0}.panel,.card{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 10px #23362a06}.panel-heading{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #edf0eb}.panel-heading h2{margin:0;color:#22342a;font:700 14px/1.3 Manrope,sans-serif}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.system-state,.inverter-state{display:flex;align-items:center;gap:7px;color:#578367;font-size:10px;font-weight:600;white-space:nowrap}.system-state i,.inverter-state i{width:7px;height:7px;border-radius:50%;background:#48a873;box-shadow:0 0 0 4px #48a87318;animation:status-pulse 2s infinite}.flow-panel{overflow:hidden;border-color:#d9e6d4;background:linear-gradient(145deg,#fff,#f0f7ec);box-shadow:0 10px 28px #315a3914}.flow-panel>.relative{max-width:440px;margin:0 auto}.flow-panel .bg-amber-950\/60{background:#fbf2db;border-color:#eadcae}.flow-panel .bg-blue-950\/60{background:#e8f2f5;border-color:#d3e5eb}.flow-panel .flow-grid-node.export{background:#e5f3e9f5}.flow-panel .flow-grid-node.import{background:#fff1eff5}.flow-panel .flow-grid-node.idle{background:#f8faf6f5}.flow-panel .bg-slate-900\/80{background:#edf4eb;border-color:#cadfca;box-shadow:0 8px 22px #719a6a20}.flow-panel .bg-slate-900\/60{background:#f8faf6}.flow-panel .bg-slate-900\/90{background:#f0f5ee}.flow-panel .bg-amber-950\/60:hover{background:#f7edcf}.flow-panel .bg-blue-950\/60:hover{background:#dfedf1}.flow-panel .bg-slate-900\/60:hover{background:#edf4eb}.flow-panel .bg-slate-900\/80:hover{background:#e5f0e3}.flow-panel .text-slate-500{color:#78847d}.flow-panel .text-slate-200{color:#304239}.flow-panel .text-slate-400{color:#78847d}.flow-panel .text-amber-300\/70{color:#a78636}.flow-panel .text-blue-300\/70{color:#5c8190}.flow-panel .text-amber-500\/80{color:#a77a16}.flow-panel .border-slate-800{border-color:#cadfca}.flow-panel .border-amber-700\/40{border-color:#eadcae}.flow-panel .border-blue-700\/40{border-color:#d3e5eb}.flow-panel .text-amber-400{color:#bd8414}.flow-panel .text-blue-400{color:#4a89a7}.flow-panel .text-emerald-400{color:#49825f}.flow-panel .text-slate-300{color:#59675e}.flow-panel .bg-slate-800{background:#e5ebe2}.flow-panel button{transition:scale .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.flow-panel button:hover{z-index:2;scale:1.045;filter:brightness(.98);border-color:#9ab99a;box-shadow:0 8px 20px #315a3929}.flow-panel button:hover>div:first-child{transform:scale(1.08)}.flow-panel button:focus-visible{z-index:3;outline:3px solid #19744e;outline-offset:3px}.flow-hint{padding:0 16px 13px;color:#929c94;font-size:10px;text-align:center}.detail-overlay{background:#182a1f57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.detail-sheet{border:1px solid #e1e8df;border-radius:12px;background:#fff;color:#17251f;box-shadow:0 24px 80px #16281c38;color-scheme:light}.detail-header{border-bottom:1px solid #e6eae3;background:#fffffff5}.detail-header button{border:1px solid #e5ebe3;background:#f3f6f1;color:#526158}.detail-header button:hover{border-color:#cad9c7;background:#e9f1e6;color:#19744e}.detail-header button:focus-visible{outline:3px solid #19744e;outline-offset:2px}.detail-sheet .card{border-color:#e7ece5;border-radius:8px;background:#fbfcf9;box-shadow:none}.detail-sheet .bg-slate-950{background:#fff}.detail-sheet .bg-slate-800{background:#edf1ec}.detail-sheet .bg-slate-700{background:#dce5da}.detail-sheet .bg-slate-600{background:#aab6a9}.detail-sheet .bg-emerald-400{background:#75aa73}.detail-sheet .bg-amber-400{background:#d2a843}.detail-sheet .bg-amber-600{background:#b88b30}.detail-sheet .bg-blue-400{background:#6196ad}.detail-sheet .bg-rose-400{background:#ce827b}.detail-sheet .border-slate-800,.detail-sheet .border-slate-800\/50{border-color:#e6eae3}.detail-sheet .text-slate-100{color:#23352a}.detail-sheet .text-slate-200{color:#35443a}.detail-sheet .text-slate-300{color:#526158}.detail-sheet .text-slate-400{color:#78847d}.detail-sheet .text-slate-500{color:#87948b}.detail-sheet .text-slate-600{color:#708078}.detail-sheet .text-amber-400{color:#a97910}.detail-sheet .text-emerald-400{color:#397b50}.detail-sheet .text-blue-400{color:#4a7891}.detail-sheet .text-rose-400{color:#bd706c}.detail-sheet .text-amber-500{color:#97700f}@media (max-width: 767px){.detail-sheet{max-height:92dvh;border-bottom:0;border-radius:12px 12px 0 0}}.battery-panel{width:100%;padding:18px 20px 20px;color:inherit;text-align:left;cursor:pointer}.battery-panel:hover{border-color:#cfddcc;background:#fcfdfa}.battery-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.battery-percent{font:700 14px DM Mono,monospace}.battery-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;text-align:center}.battery-specs span,.inverter-grid span{display:block;color:#89938c;font-size:10px}.battery-specs strong,.inverter-grid strong{display:block;margin-top:5px;color:#35443a;font:600 12px DM Mono,monospace}.battery-panel>.relative.w-full{height:7px;background:#edf0eb}.battery-panel>.relative.w-full>div:first-child{border-radius:inherit;background:linear-gradient(90deg,#76be77,#bad76a)}.chart-panel{overflow:hidden}.chart-heading{min-height:68px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;color:#6f7b73;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%}.legend-pv{background:#d2a843}.legend-load{background:#6196ad}.legend-grid{background:#ce827b}.legend-battery{background:#64aa7b}.chart-panel .uplot{max-width:100%;font-family:DM Sans,sans-serif!important}.chart-empty{height:220px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8b968e;font-size:12px}.loading-dot{width:7px;height:7px;border-radius:50%;background:#8bb271;animation:status-pulse 1.1s infinite}.today-panel,.inverter-panel{overflow:hidden}.energy-list{padding:5px 18px 10px}.energy-list>div{min-height:44px;margin:0;padding:7px 0;border-color:#edf0eb;border-radius:0}.energy-list>div:hover{background:#fbfcf9}.energy-list .text-slate-300{color:#606e64;font-size:12px}.energy-list .text-slate-100{color:#35443a}.energy-list .text-slate-400{color:#849087}.energy-list .text-emerald-400{color:#42845c}.energy-list .text-rose-400{color:#bd706c}.energy-list .text-emerald-500{color:#49825f}.energy-list .text-rose-500{color:#bd706c}.energy-list .font-semibold{font:500 12px DM Mono,monospace}.inverter-content{padding:16px 19px 19px}.inverter-state{width:-moz-fit-content;width:fit-content;margin-bottom:18px;padding:6px 9px;border-radius:6px;background:#edf6ed;color:#43805a;font-size:9px;letter-spacing:.2px;text-transform:uppercase}.inverter-state.is-warning{background:#fff3e1;color:#a36e1e}.inverter-state.is-warning i{background:#dfa33d;box-shadow:none;animation:none}.inverter-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px}.dashboard-footer{display:flex;justify-content:space-between;gap:12px;margin:24px 0 30px;color:#98a198;font-size:10px}.database-size{display:inline-flex;align-items:center;gap:5px;color:#7c8b7e}.database-size strong{color:#506654;font:500 10px DM Mono,monospace}:root[data-theme=dark] body{background-color:var(--paper);background-image:radial-gradient(ellipse at 88% 0%,rgba(91,131,85,.13),transparent 34rem)}:root[data-theme=dark] .topbar{border-color:var(--line)}:root[data-theme=dark] .brand-name small,:root[data-theme=dark] .top-status,:root[data-theme=dark] .top-status time{color:var(--muted)}:root[data-theme=dark] .top-status time{border-color:var(--line)}:root[data-theme=dark] .main-nav a{color:#a4b0a5}:root[data-theme=dark] .main-nav a:hover,:root[data-theme=dark] .main-nav a.active{background:#29372c;color:#a3d2a7}:root[data-theme=dark] .theme-toggle{border-color:#3c4b3f;background:#202b23;color:#e4c66e}:root[data-theme=dark] .theme-toggle:hover{border-color:#78947a;background:#2a392d;color:#f1d47d}:root[data-theme=dark] .logout-button{border-color:#3b493e;background:#202b23;color:#b6c2b7}:root[data-theme=dark] .logout-button:hover{border-color:#744d47;background:#392b29;color:#e49a90}:root[data-theme=dark] .auth-screen{background:radial-gradient(ellipse at 12% 14%,rgba(67,98,66,.2),transparent 34rem),var(--paper)}:root[data-theme=dark] .auth-layout{border-color:var(--line);background:var(--surface);box-shadow:0 24px 75px #00000047}:root[data-theme=dark] .auth-story{background-image:url(https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1200&q=85)}:root[data-theme=dark] .auth-story:before{background:linear-gradient(145deg,#0a1d15e6,#10271dad 55%,#0e1e168c)}:root[data-theme=dark] .auth-panel{background:var(--surface)}:root[data-theme=dark] .auth-form label{color:#b2bdb3}:root[data-theme=dark] .auth-form input{border-color:#3c4a3f;background:#202a23;color:#eaf1e9}:root[data-theme=dark] .auth-form input:focus{border-color:#729773;box-shadow:0 0 0 3px #6f9a702e}:root[data-theme=dark] .auth-submit{border-color:#537d59;background:#356445}:root[data-theme=dark] .auth-submit:hover:not(:disabled){background:#40734f}:root[data-theme=dark] .auth-config-error{border-color:#68413d;background:#332322;color:#f0aaa2}:root[data-theme=dark] .connection-error{border-color:#68413d;background:#332322;color:#f0aaa2}:root[data-theme=dark] .intro h1,:root[data-theme=dark] .panel-heading h2{color:var(--ink)}:root[data-theme=dark] .intro p,:root[data-theme=dark] .panel-heading p{color:var(--muted)}:root[data-theme=dark] .metrics{border-color:var(--line);background:var(--surface)}:root[data-theme=dark] .metrics>.card+.card:before{background:var(--line)}:root[data-theme=dark] .metrics>.card:hover{background:#222d25}:root[data-theme=dark] .metrics .stat-label{color:#a7b2a8}:root[data-theme=dark] .metrics .stat-value{color:#e9f1e9}:root[data-theme=dark] .metrics .text-amber-400{color:#edc65f}:root[data-theme=dark] .metrics .text-blue-400{color:#8cc3d8}:root[data-theme=dark] .metrics .text-emerald-400{color:#91d0a0}:root[data-theme=dark] .metrics .text-rose-400{color:#e49a90}:root[data-theme=dark] .metrics .text-xs{color:#a2afa3}:root[data-theme=dark] .metrics .bg-amber-950\/60{background:#40351f}:root[data-theme=dark] .metrics .bg-blue-950\/60{background:#263b42}:root[data-theme=dark] .metrics .bg-emerald-950\/60{background:#293c2d}:root[data-theme=dark] .metrics .bg-rose-950\/60{background:#402b2a}:root[data-theme=dark] .metrics .bg-slate-800{background:#303b32}:root[data-theme=dark] .dashboard .panel,:root[data-theme=dark] .dashboard .card{border-color:var(--line);background-color:var(--surface);color:var(--ink);box-shadow:0 3px 14px #00000026}:root[data-theme=dark] .flow-panel{border-color:#38483a;background:linear-gradient(145deg,#1b241e,#202d24);box-shadow:0 10px 28px #0000002e}:root[data-theme=dark] .flow-panel .bg-amber-950\/60{background:#342d1c;border-color:#68582e}:root[data-theme=dark] .flow-panel .bg-blue-950\/60{background:#202f35;border-color:#3a5964}:root[data-theme=dark] .flow-panel .bg-slate-900\/80{background:#28362a;border-color:#57724e;box-shadow:0 8px 22px #6a8b562e}:root[data-theme=dark] .flow-panel .bg-slate-900\/60{background:#202922}:root[data-theme=dark] .flow-panel .bg-amber-950\/60{background:#342d1c}:root[data-theme=dark] .flow-panel .bg-blue-950\/60{background:#202f35}:root[data-theme=dark] .flow-panel .flow-grid-node.export{background:#26382b}:root[data-theme=dark] .flow-panel .flow-grid-node.import{background:#392a29}:root[data-theme=dark] .flow-panel .flow-grid-node.idle{background:#28312a}:root[data-theme=dark] .flow-panel .bg-amber-950\/60:hover{background:#40371f}:root[data-theme=dark] .flow-panel .bg-blue-950\/60:hover{background:#283d45}:root[data-theme=dark] .flow-panel .bg-slate-900\/60:hover{background:#2a372d}:root[data-theme=dark] .flow-panel .bg-slate-900\/80:hover{background:#304131}:root[data-theme=dark] .flow-panel .text-slate-500{color:#9ba99d}:root[data-theme=dark] .flow-panel .text-slate-200{color:#e0e9e0}:root[data-theme=dark] .flow-panel .text-slate-400,:root[data-theme=dark] .flow-panel .text-slate-300{color:#b0bcb1}:root[data-theme=dark] .flow-panel .text-amber-300\/70{color:#d8bd74}:root[data-theme=dark] .flow-panel .text-blue-300\/70{color:#a0c7d5}:root[data-theme=dark] .flow-panel .text-amber-500\/80{color:#edc65f}:root[data-theme=dark] .flow-panel .text-amber-400{color:#edc65f}:root[data-theme=dark] .flow-panel .text-blue-400{color:#8cc3d8}:root[data-theme=dark] .flow-panel .text-emerald-400{color:#91d0a0}:root[data-theme=dark] .flow-panel .bg-slate-800{background:#344137}:root[data-theme=dark] .flow-panel .border-slate-800{border-color:#536454}:root[data-theme=dark] .flow-hint{color:#87958a}:root[data-theme=dark] .battery-panel:hover{border-color:#596e58;background:#222d25}:root[data-theme=dark] .battery-specs span,:root[data-theme=dark] .inverter-grid span{color:#9ca99e}:root[data-theme=dark] .battery-specs strong,:root[data-theme=dark] .inverter-grid strong{color:#e1eae0}:root[data-theme=dark] .battery-panel>.relative.w-full{background:#344137}:root[data-theme=dark] .chart-legend{color:#b0bcb1}:root[data-theme=dark] .chart-empty{color:#a0ada2}:root[data-theme=dark] .energy-list>div{border-color:#344137}:root[data-theme=dark] .energy-list>div:hover{background:#222d25}:root[data-theme=dark] .energy-list .text-slate-300{color:#c3cec4}:root[data-theme=dark] .energy-list .text-slate-100{color:#eaf1e9}:root[data-theme=dark] .energy-list .text-slate-400{color:#aab7ab}:root[data-theme=dark] .energy-list .text-emerald-400{color:#91d0a0}:root[data-theme=dark] .energy-list .text-rose-400{color:#e49a90}:root[data-theme=dark] .energy-list .text-emerald-500{color:#91d0a0}:root[data-theme=dark] .energy-list .text-rose-500{color:#e49a90}:root[data-theme=dark] .inverter-state{background:#26382a;color:#a4d4aa}:root[data-theme=dark] .inverter-state.is-warning{background:#3a3020;color:#edc477}:root[data-theme=dark] .dashboard-footer{color:#87958a}:root[data-theme=dark] .database-size{color:#9ba99d}:root[data-theme=dark] .database-size strong{color:#c4d5c4}:root[data-theme=dark] .detail-overlay{background:#000000ad}:root[data-theme=dark] .detail-sheet{border-color:#3a473d;background:#1b241e;color:#eaf1e9;box-shadow:0 24px 80px #0000007a;color-scheme:dark}:root[data-theme=dark] .detail-header{border-color:#344137;background:#1c251ff5}:root[data-theme=dark] .detail-header button{border-color:#3b493e;background:#28342b;color:#c3cec4}:root[data-theme=dark] .detail-header button:hover{border-color:#627c62;background:#344536;color:#c6e3c5}:root[data-theme=dark] .detail-sheet .card{border-color:#344137;background:#202a23;box-shadow:none}:root[data-theme=dark] .detail-sheet .bg-slate-950{background:#1b241e}:root[data-theme=dark] .detail-sheet .bg-slate-800{background:#344137}:root[data-theme=dark] .detail-sheet .bg-slate-700{background:#465449}:root[data-theme=dark] .detail-sheet .bg-slate-600{background:#657466}:root[data-theme=dark] .detail-sheet .bg-emerald-400{background:#64aa7b}:root[data-theme=dark] .detail-sheet .bg-amber-400{background:#d2a843}:root[data-theme=dark] .detail-sheet .bg-amber-600{background:#b88b30}:root[data-theme=dark] .detail-sheet .bg-blue-400{background:#6196ad}:root[data-theme=dark] .detail-sheet .bg-rose-400{background:#ce827b}:root[data-theme=dark] .detail-sheet .border-slate-800,:root[data-theme=dark] .detail-sheet .border-slate-800\/50{border-color:#344137}:root[data-theme=dark] .detail-sheet .text-slate-100{color:#eaf1e9}:root[data-theme=dark] .detail-sheet .text-slate-200{color:#dce6dc}:root[data-theme=dark] .detail-sheet .text-slate-300{color:#c3cec4}:root[data-theme=dark] .detail-sheet .text-slate-400{color:#aab7ab}:root[data-theme=dark] .detail-sheet .text-slate-500{color:#94a194}:root[data-theme=dark] .detail-sheet .text-slate-600{color:#87958a}:root[data-theme=dark] .detail-sheet .text-amber-400,:root[data-theme=dark] .detail-sheet .text-amber-500{color:#edc65f}:root[data-theme=dark] .detail-sheet .text-emerald-400{color:#91d0a0}:root[data-theme=dark] .detail-sheet .text-blue-400{color:#8cc3d8}:root[data-theme=dark] .detail-sheet .text-rose-400{color:#e49a90}:root[data-theme=dark] .detail-sheet .grid-power-summary.export{background:#26382b}:root[data-theme=dark] .detail-sheet .grid-power-summary.import{background:#392a29}:root[data-theme=dark] .detail-sheet .grid-power-summary.idle{background:#28312a}:root[data-theme=dark] .uplot .u-cursor-x,:root[data-theme=dark] .uplot .u-cursor-y{border-color:#b9ceb973!important}.uplot{font-family:DM Sans,sans-serif!important}.uplot .u-cursor-x,.uplot .u-cursor-y{border-color:#69806e73!important}@keyframes status-pulse{50%{box-shadow:0 0 0 7px #48a87310}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 900px){.dashboard{width:min(100% - 36px,760px)}.intro{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(245px,.8fr);gap:14px}.primary-column,.secondary-column{gap:14px}.metrics>.card{padding:15px}.stat-value{font-size:24px}.main-nav a{padding:9px 10px}}@media (max-width: 680px){.auth-screen{min-height:100dvh;align-items:start;padding:14px}.auth-layout{width:min(440px,100%);min-height:0;grid-template-columns:1fr;margin:auto 0}.auth-story{min-height:220px;padding:20px 22px}.auth-story-copy{padding:23px 0 12px}.auth-story-copy h1{margin:8px 0 6px;font-size:27px}.auth-story-copy p{max-width:290px;font-size:11px}.auth-story-footer{font-size:9px}.auth-panel{padding:33px 23px 24px}.auth-lock{width:34px;height:34px;margin-bottom:14px}.auth-panel h2{font-size:22px}.auth-subtitle{margin-bottom:16px}.dashboard{width:calc(100% - 28px)}.topbar{height:64px}.main-nav{display:none}.top-status{gap:7px;font-size:0}.top-status time{margin-left:2px;padding-left:10px;font-size:10px}.logout-button{width:34px;padding:0;justify-content:center}.logout-button span{display:none}main{padding-top:24px}.intro{grid-template-columns:1fr;gap:16px;margin-bottom:17px}.intro h1{font-size:30px}.sunlight{min-height:116px;background-position:center 54%}.sun-copy{padding:17px 19px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:14px}.metrics>.card{padding:14px 13px}.metrics>.card:nth-child(3):before{display:none}.metrics>.card:nth-child(n+3){border-top:1px solid var(--line)}.metrics>.card:nth-child(2):before{top:13px;bottom:13px}.metrics>.card>div:first-child{gap:7px}.metrics>.card>div:first-child>div{width:27px;height:27px;flex-basis:27px}.metrics .stat-label{font-size:10px}.stat-value{margin-top:8px;font-size:23px}.content-grid{grid-template-columns:minmax(0,1fr);gap:14px}.primary-column,.secondary-column{display:contents}.flow-panel{order:1}.battery-panel{order:2}.chart-panel{order:3}.today-panel{order:4}.inverter-panel{order:5}.panel-heading{min-height:58px;padding:10px 15px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.system-state{font-size:0}.system-state i{width:8px;height:8px}.flow-panel>.relative{max-width:380px}.battery-panel{padding:15px 16px 17px}.chart-heading{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 15px}.chart-legend{gap:9px;font-size:9px}.energy-list{padding:5px 15px 9px}.inverter-content{padding:14px 15px 17px}.dashboard-footer{margin:18px 0 24px;font-size:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.last\:border-0:last-child{border-width:0px}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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))}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/40:hover{background-color:#0f172a66}.hover\:bg-slate-900\/80:hover{background-color:#0f172acc}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;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))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;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))}@media (min-width: 768px){.md\:hidden{display:none}.md\:max-w-2xl{max-width:42rem}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:-moz-min-content;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.animate-spin-slow{animation:svelte-1n46o8q-spin-slow 20s linear infinite}@keyframes svelte-1n46o8q-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shimmer{animation:svelte-1n46o8q-shimmer 2.5s linear infinite;background-size:200% 100%}@keyframes svelte-1n46o8q-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
