:root{color-scheme:dark;--canvas:#202b43;--surface:#243049;--ink:#f0f2f6;--muted:#b0bcd2;--highlight:#425b80;--shade:#191f28;--accent:#05dfdf;--pink:#899ef2;--rise:8px 9px 19px #10172caa,-5px -5px 15px #40577835,inset 1px 1px 1px #ffffff07;--small:4px 4px 9px #10172caa,-3px -3px 9px #40577835;--inset:inset 5px 5px 10px #10172caa,inset -4px -4px 10px #40577835;--radius:27px;font-family:Arial,Helvetica,sans-serif;background:var(--canvas);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button,input,a,summary{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{max-width:1250px;margin:auto;padding:0 42px}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--rise);border:1px solid #ffffff08}.btn{background:var(--surface);border-radius:14px;box-shadow:var(--small);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;min-height:44px;font-size:12px;border:1px solid #ffffff09}.btn:active,.btn[aria-pressed=true]{box-shadow:var(--inset)}.primary{background:var(--accent);color:#07383e;box-shadow:var(--small)}.icon{width:43px;height:43px;padding:0;border-radius:50%}.label{font:9px monospace;letter-spacing:1.8px;line-height:1.7;text-transform:uppercase;color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #ffffff16;gap:20px}.brand{font-size:19px;font-weight:600;letter-spacing:-.4px;display:flex;align-items:center;gap:13px}.brand small{font:9px monospace;letter-spacing:1.6px;color:var(--muted)}nav{display:flex;gap:24px;font-size:12px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:39px 0 34px}.intro h1{font-size:clamp(32px,4vw,46px);font-weight:500;letter-spacing:-1.7px;margin:11px 0}.intro p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.tag{font-size:9px;border:1px solid #c3c5c7;border-radius:25px;letter-spacing:1px;padding:10px 14px;white-space:nowrap;color:var(--muted)}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:37px;padding-bottom:42px}.left{display:grid;gap:27px;min-width:0}.thermostat{padding:26px 28px 18px;border-radius:38px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.title-icon{display:flex;align-items:center;gap:12px}.title-icon>svg{width:30px;height:30px}.card-head h2{font-size:16px;margin:0 0 5px;font-weight:600}.card-head p{font-size:10px;color:var(--muted);margin:0}.switch{width:67px;height:32px;background:var(--surface);box-shadow:var(--inset);border-radius:25px;position:relative;font-size:9px;text-align:left;padding-left:10px;flex-shrink:0}.switch:after{content:'';position:absolute;top:4px;right:4px;width:24px;height:24px;background:linear-gradient(145deg,#f3f3f3,#dadbdb);border-radius:50%;box-shadow:var(--small)}.switch[aria-checked=false]:after{right:39px}.switch[aria-checked=false]{text-align:right;padding-right:10px;padding-left:0}.timer-tag{font-size:9px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:12px;box-shadow:var(--inset);margin-top:14px}.timer-tag svg{height:13px;width:13px}.gauge{position:relative;width:100%;max-width:385px;aspect-ratio:2/1.05;margin:22px auto 0;touch-action:none;cursor:ew-resize}.gauge svg{height:100%;width:100%;overflow:visible}.gauge line{stroke:#b8babd;stroke-width:1}.gauge line.active{stroke:#393b3e;stroke-width:1.7;filter:drop-shadow(1px 1px 1px #929497)}.gauge .pointer{stroke:#303234;stroke-width:2;fill:var(--surface)}.gauge-center{position:absolute;bottom:4px;left:0;right:0;text-align:center}.gauge-center strong{font-size:51px;font-weight:400;letter-spacing:-2px;display:block}.gauge-center span{font-size:10px;color:var(--muted)}.temp-range{width:100%;appearance:none;height:4px;border-radius:20px;background:#222831;box-shadow:var(--inset);margin:19px 0 5px;cursor:pointer}.temp-range::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:var(--small)}.temp-range::-moz-range-thumb{height:13px;width:13px;border-radius:50%;background:var(--accent);border:3px solid var(--surface)}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scene{padding:23px;border-radius:31px;min-height:162px;text-align:left;position:relative;color:var(--ink)}.scene[aria-pressed=true]{box-shadow:var(--inset)}.scene .scene-icon{display:grid;place-items:center;background:#28303b;width:39px;height:39px;border-radius:50%;margin-bottom:25px}.scene strong{font-size:15px;display:block;margin-bottom:6px}.scene small{font-size:10px;color:var(--muted)}.scene .dots{position:absolute;right:22px;top:29px;font-size:17px;letter-spacing:3px}.scene-footer{padding:16px 20px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:14px}.scene-footer p{font-size:12px;margin:0;line-height:1.7}.scene-footer small{font-size:9px;color:var(--muted);display:block}.right{display:flex;flex-direction:column;gap:27px;min-width:0}.profile{display:flex;align-items:center;gap:17px}.avatar{width:63px;height:63px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#eef0f1,#bfc4c7);box-shadow:var(--rise);border:3px solid #eeeeef;border-radius:50%;color:#535d61;flex-shrink:0}.profile .profile-card{padding:22px 25px;flex:1;display:flex;justify-content:space-between;align-items:center;border-radius:32px;gap:15px}.profile strong{font-size:14px;font-weight:500;display:block}.profile p{font-size:10px;color:var(--muted);margin:7px 0 0}.analytics{padding:28px;border-radius:38px;flex:1}.analytics .card-head{margin-bottom:24px}.device-list{display:flex;flex-direction:column;gap:20px}.device{display:flex;align-items:center;gap:13px;padding:17px 18px;width:100%;border-radius:34px;background:var(--surface);box-shadow:var(--small);text-align:left}.device-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#28303b;color:#acb4c0;flex-shrink:0}.device strong{font-size:12px;display:block;font-weight:500}.device small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.device>svg{margin-left:auto;width:17px;height:17px}.section{padding:35px 0;border-top:1px solid #ffffff16}.section-head{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:28px}.section-head h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:10px 0}.section-head p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px;margin:0}.components{display:grid;grid-template-columns:repeat(3,1fr);gap:29px}.component{padding:25px;min-width:0;border-radius:24px}.component h3{font-size:13px;font-weight:500;margin:0 0 22px}.component .label{font-size:8px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.input{border:1px solid #ffffff09;border-radius:12px;background:var(--surface);box-shadow:var(--inset);padding:13px;width:100%;font-size:12px;min-width:0}.input::placeholder{color:#a0a9b7}textarea.input{min-height:76px;resize:vertical}.helper{font-size:9px;color:var(--muted);line-height:1.7;margin:0}.check-label{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;margin:0}.tabs{padding:6px;background:var(--surface);box-shadow:var(--inset);border-radius:14px;display:flex;gap:5px}.tabs button{flex:1;background:none;border-radius:10px;padding:10px 6px;font-size:10px;color:var(--muted)}.tabs button[aria-pressed=true]{background:var(--surface);box-shadow:var(--small);color:var(--ink)}.tab-content{font-size:11px;color:var(--muted);line-height:1.8;min-height:52px;margin:0}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{font-size:9px;padding:7px 11px;border-radius:20px;background:var(--surface);box-shadow:var(--small);border:1px solid #ffffff09}.chip[aria-pressed=true]{box-shadow:var(--inset);color:var(--ink);font-weight:600}.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:9px;align-items:center}.breadcrumb button{padding:0;background:none;font-size:9px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.mobile-nav{display:flex;justify-content:space-between;gap:9px;padding:9px;border-radius:20px;box-shadow:var(--inset)}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:12px;font-size:8px;padding:10px 8px;background:none;color:var(--muted);flex:1}.mobile-nav button[aria-pressed=true]{box-shadow:var(--small);color:var(--ink)}.mobile-nav svg{width:19px;height:19px}.badge{background:var(--accent);color:#fff;border-radius:20px;font-size:8px;padding:3px 6px;min-width:17px;display:inline-grid;place-items:center}.notification{display:flex;align-items:start;gap:12px;padding:15px;border-radius:16px;box-shadow:var(--inset);font-size:10px;line-height:1.7}.notification p{margin:0;color:var(--muted)}.notification strong{display:block;color:var(--ink);margin-bottom:4px}.notification .dismiss{margin-left:auto;background:none;font-size:16px;padding:0;color:var(--muted)}progress{appearance:none;width:100%;height:8px;border-radius:20px;background:#222831;box-shadow:var(--inset);overflow:hidden}progress::-webkit-progress-bar{background:#222831}progress::-webkit-progress-value{background:var(--accent);border-radius:20px}progress::-moz-progress-bar{background:var(--accent)}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:12px}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid #404a59;border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}details{border-bottom:1px solid #ffffff15;padding:0 0 13px}details summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between;align-items:center}details summary:after{content:'+';font-size:17px;color:var(--muted)}details[open] summary:after{content:'−'}details p{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:0}.stepper{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px;border-radius:17px;box-shadow:var(--inset)}.stepper output{font-size:16px}.pagination{display:flex;gap:9px;justify-content:center}.pagination button{width:33px;height:33px;border-radius:10px;background:var(--surface);box-shadow:var(--small);font-size:10px}.pagination button[aria-current=page]{box-shadow:var(--inset);font-weight:600}.skeleton{height:11px;background:#2c3e5c;border-radius:5px;margin:11px 0;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.empty-state{text-align:center;padding:15px;box-shadow:var(--inset);border-radius:17px}.empty-state svg{color:var(--muted);margin-bottom:11px}.empty-state p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.tokens{display:grid;grid-template-columns:repeat(5,1fr);gap:23px}.token{background:none;text-align:left;padding:0}.swatch{display:block;height:52px;border-radius:13px;box-shadow:var(--small);margin-bottom:16px}.token strong{font-size:11px;font-weight:500;display:block;margin-bottom:7px}.token small{font:9px monospace;color:var(--muted)}.export{display:flex;justify-content:space-between;align-items:center;padding:5px 0 32px;gap:30px}.export p{font-size:12px;color:var(--muted);line-height:1.8;max-width:540px}footer{display:flex;justify-content:space-between;padding:23px 0 28px;border-top:1px solid #ffffff16;font-size:10px;color:var(--muted);gap:20px}dialog{width:calc(100% - 40px);max-width:450px;padding:30px;background:var(--surface);color:var(--ink);border:1px solid #ffffff20;border-radius:28px;box-shadow:var(--rise)}dialog::backdrop{background:#54596060;backdrop-filter:blur(7px)}dialog h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0 0 19px}dialog p{font-size:13px;color:var(--muted);line-height:1.8}.dialog-actions{display:flex;justify-content:end;gap:13px;margin-top:23px}dialog.sheet{margin:auto 0 0 auto;max-width:430px;height:100dvh;border-radius:28px 0 0 28px}dialog.bottom-sheet{margin:auto auto 0;max-width:550px;border-radius:28px 28px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1c2a43;color:#fff;border-radius:13px;padding:14px 22px;font-size:12px;max-width:90%;width:max-content;z-index:10}.toast[hidden]{display:none}.strong-contrast{--muted:#d2d8e0}.strong-contrast .input,.strong-contrast .btn{border-color:#a5a8ab}@media(max-width:950px){.wrap{padding:0 28px}.components{grid-template-columns:1fr 1fr}.dashboard{gap:28px}.thermostat,.analytics{padding:23px}.profile .profile-card{padding:20px}.scenes{gap:20px}.scene{padding:20px}.tokens{gap:17px}}@media(max-width:650px){.wrap{padding:0 22px}nav{display:none}.intro{display:block;padding:30px 0}.tag{display:inline-block;margin-top:19px}.dashboard{grid-template-columns:1fr;gap:30px}.components{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head p{margin-top:16px}.section-head h2{font-size:24px}.tokens{grid-template-columns:1fr 1fr;gap:25px}.export{display:block}.export .btn{margin-top:10px}footer{flex-direction:column}.profile .profile-card{padding:22px}.scene-footer{padding:15px}.scene-footer p{font-size:11px}.scene-footer .btn{font-size:10px;padding:12px}.thermostat{padding:25px}.component{padding:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
body{background:radial-gradient(ellipse at 20% 0%,#2e436b50,transparent 65%),var(--canvas)}.panel,.component{background:linear-gradient(140deg,#27354f,#202b42);border-color:#ffffff0a}.btn{background:linear-gradient(145deg,#283752,#1d2940);border-color:#ffffff09}.btn.primary{background:linear-gradient(135deg,#1ceceb,#00cece);color:#07383e}.switch{background:#1b273e}.switch:after{background:linear-gradient(145deg,#354767,#23324c)}.switch[aria-checked=true]{color:var(--accent)}.input{background:#1d2940}.check-label input{accent-color:var(--accent)}.tabs,.mobile-nav,.stepper{background:#1b283f}.tabs button[aria-pressed=true],.mobile-nav button[aria-pressed=true]{background:#2b3c58;color:var(--accent)}.notification,.empty-state{background:#1d2b43}.pagination button{background:#2b3c58}.pagination button[aria-current=page]{color:var(--accent)}.spinner{border-color:#33496c;border-top-color:var(--accent)}dialog{background:linear-gradient(140deg,#2c3b59,#1d2a43)}.swatch{border:1px solid #ffffff08}.finance{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:29px;padding-bottom:35px}.finance-column{display:flex;flex-direction:column;gap:25px;min-width:0}.finance-card{padding:24px;border-radius:29px;min-width:0}.finance-card h2{font-size:14px;font-weight:500;margin:0 0 17px}.finance-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:17px}.metric{font-size:28px;font-weight:600;letter-spacing:-.9px;display:block;margin:8px 0}.ring{width:min(100%,190px);aspect-ratio:1;position:relative;margin:20px auto;border-radius:50%;background:#1b263e;box-shadow:var(--inset)}.ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ring circle{fill:none;stroke:#16233b;stroke-width:10}.ring .ring-fill{stroke:url(#current-gradient);stroke-width:10;stroke-dasharray:263.89;stroke-dashoffset:calc(263.89 * (1 - var(--value,48)/100));stroke-linecap:round;filter:drop-shadow(0 0 4px #05dfdf25);transition:stroke-dashoffset .3s}.ring-core{position:absolute;inset:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(140deg,#2d3c5b,#1d2b45);border-radius:50%;box-shadow:var(--small)}.ring-core strong{font-size:28px;font-weight:500;letter-spacing:-1px}.ring-core small{font-size:9px;color:var(--muted)}.goal-metrics{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0a;padding-top:16px;margin-bottom:14px}.goal-metrics small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.goal-metrics strong{font-size:14px}.goal-metrics>div:last-child{text-align:right}.range{appearance:none;width:100%;height:7px;border-radius:15px;background:linear-gradient(90deg,var(--accent) var(--fill,48%),#17233b 0%);box-shadow:var(--inset);cursor:pointer}.range::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:var(--accent);border:3px solid #1c3049;box-shadow:var(--small)}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid #1c3049}.range-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:14px 0}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-metric{padding:18px;border-radius:18px}.mini-metric small{font-size:9px;color:var(--muted)}.mini-metric strong{font-size:20px;display:block;letter-spacing:-.6px;margin:9px 0}.spark{width:55px;height:19px;stroke:var(--accent);float:right;stroke-width:2}.pink{color:var(--pink)}.mini-metric .pink.spark{stroke:var(--pink)}.account-tabs{display:flex;gap:11px;margin-bottom:20px}.account-tabs button{background:none;padding:7px 0;font-size:9px;color:var(--muted)}.account-tabs button[aria-pressed=true]{color:var(--accent)}.balance-header{text-align:center;margin:25px 0 15px}.balance-header small{font-size:10px;color:var(--muted)}.balance-header strong{font-size:28px;letter-spacing:-.8px;font-weight:500;display:block;margin:9px 0}.chart{margin-top:22px}.chart svg{width:100%;height:130px;overflow:visible}.chart .grid{stroke:#ffffff0b;stroke-width:1}.chart .line{stroke:var(--accent);stroke-width:2;fill:none}.chart .area{fill:url(#area-gradient);stroke:none}.chart .point{fill:var(--accent);stroke:#154e55;stroke-width:4}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:11px}.chart-status{text-align:center;font-size:9px;color:var(--muted);margin-top:14px}.transfer{width:100%;text-align:left;display:flex;gap:14px;align-items:center}.transfer strong{font-size:11px;display:block;margin-bottom:6px}.transfer small{font-size:9px;color:var(--muted);line-height:1.7}.transfer svg{flex-shrink:0;color:var(--muted)}.profile-study{display:flex;align-items:center;gap:15px}.profile-study .avatar{width:53px;height:53px;font-size:17px;background:linear-gradient(145deg,#304a6a,#1f324e);border:1px solid #05dfdf30;color:#8ef4f4;box-shadow:var(--small)}.profile-study strong{font-size:13px}.profile-study p{font-size:9px;margin:6px 0 0}.profile-study .chip{color:var(--accent)}.donut{width:min(100%,200px);aspect-ratio:1;position:relative;margin:24px auto;box-shadow:var(--inset);border-radius:50%;padding:13px}.donut-color{height:100%;width:100%;border-radius:50%;background:conic-gradient(from -35deg,var(--accent) 0% 55.54%,#dfe4ee 55.54% 74.06%,#43577e 74.06% 85.17%,#9baacc 85.17% 92.57%,#647695 92.57%);box-shadow:var(--small);position:relative}.donut-color:after{content:'';position:absolute;inset:30%;background:#233049;border-radius:50%;box-shadow:inset 2px 3px 7px #1a233077}.legend{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;border-top:1px solid #ffffff0a;padding-top:18px}.legend button{background:none;text-align:left;padding:0;font-size:9px;color:var(--muted);line-height:1.7}.legend strong{font-size:11px;color:var(--ink);display:block;font-weight:500}.legend i{display:inline-block;width:6px;height:6px;margin-right:5px;background:var(--color)}.payments{display:flex;gap:11px}.payment{padding:16px 10px;min-height:90px;flex:1;border-radius:16px;background:#23324d;box-shadow:var(--small);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;font-size:9px;border:1px solid #ffffff06}.payment[aria-pressed=true]{box-shadow:var(--inset);color:var(--accent);border-color:#05dfdf20}.payment svg{width:22px;height:22px}.data-section{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-bottom:32px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.data-table th{text-align:left;color:var(--muted);font-weight:400;border-bottom:1px solid #ffffff10;padding:13px 7px}.data-table td{padding:15px 7px;border-bottom:1px solid #ffffff08}.data-table th:last-child,.data-table td:last-child{text-align:right}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.table-toolbar h2{margin:0;font-size:14px}.table-toolbar select{width:110px;font-size:10px;padding:10px}.positive{color:var(--accent)}.gauge-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-gauge{text-align:center}.mini-gauge .ring{max-width:105px;margin:8px auto 16px}.mini-gauge .ring-core{inset:17px}.mini-gauge .ring-core strong{font-size:19px}.mini-gauge small{font-size:9px;color:var(--muted)}.meter{margin:25px 0 0}.meter-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:12px}.meter-track{display:flex;gap:4px;height:16px}.meter-track span{flex:1;border-radius:4px;background:#18263f;box-shadow:var(--inset)}.meter-track span.active{background:var(--accent);box-shadow:0 0 5px #05dfdf25}.finance .btn.primary,.data-section .btn.primary{min-height:40px}.transfer-form{display:flex;flex-direction:column;gap:17px}.transfer-form label{font-size:10px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.strong-contrast .input,.strong-contrast .btn{border-color:#ffffff35}@media(max-width:1050px){.finance{grid-template-columns:1fr 1.2fr;gap:26px}.finance-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.finance-card{padding:23px}}@media(max-width:700px){.finance{grid-template-columns:1fr;gap:26px}.finance-column:last-child{grid-column:auto;display:flex}.data-section{grid-template-columns:1fr}.mini-metrics{gap:20px}.ring{max-width:210px}.donut{max-width:210px}.finance-card{padding:25px}.account-tabs{justify-content:space-between}.gauge-grid{gap:25px}}
.finance{grid-template-columns:1fr 1.1fr 1fr}.bank-card{text-align:center;padding:25px}.bank-card .card-eyebrow{text-align:left;font-size:11px;color:var(--ink);font-weight:500}.bank-person{display:flex;align-items:center;flex-direction:column;gap:9px;margin:12px 0 22px}.bank-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#304266,#18263e);box-shadow:var(--rise);color:#ccd6ed;border:1px solid #ffffff05;margin-bottom:7px}.bank-avatar svg{width:37px;height:37px}.bank-person strong{font-size:14px;font-weight:500}.bank-person small{font-size:10px;color:var(--muted)}.bank-subtabs{display:flex;justify-content:space-between;border-bottom:1px solid #465c802f;margin-bottom:21px;gap:12px}.bank-subtabs button{padding:12px 3px 15px;background:none;color:var(--muted);font-size:10px;position:relative}.bank-subtabs button[aria-pressed=true]{color:var(--ink)}.bank-subtabs button[aria-pressed=true]:after{content:'';height:3px;left:0;right:0;bottom:-1px;position:absolute;border-radius:5px;background:var(--accent);box-shadow:0 0 7px #05dfdf40}.debit-card{text-align:left;border-radius:17px;background:linear-gradient(145deg,#192840,#18233a);box-shadow:var(--inset);padding:20px 18px;border:1px solid #3f5b7c15}.debit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;color:var(--muted)}.card-tag{font-size:8px;font-weight:600;background:var(--accent);color:#07383e;border-radius:7px;padding:7px}.card-number{font-size:15px;color:var(--accent);letter-spacing:1.4px;display:block;margin-bottom:9px;white-space:nowrap}.debit-meta{display:flex;justify-content:space-between;margin-top:28px;gap:15px}.debit-meta strong{font-size:10px;color:var(--accent);display:block}.debit-meta small{font-size:8px;color:var(--muted);display:block;margin-top:6px}.finance-column .profile-study{display:none}.finance-card .ring{max-width:180px}.chart .line{filter:drop-shadow(0 0 3px #05dfdf35)}.chart .point{stroke:#184b5a}.finance .finance-column:first-child .finance-card:not(.bank-card){padding:23px}.finance .finance-column:first-child .finance-card .ring{max-width:155px}.chart svg{height:170px}.finance-column:first-child .goal-metrics strong{font-size:13px}.component .primary{background:var(--accent);color:#07383e}.toast{background:#182a43}.finance-card .metric,.positive{color:var(--accent)}@media(max-width:1050px){.finance{grid-template-columns:1fr 1.15fr}}@media(max-width:700px){.finance{grid-template-columns:1fr}.bank-card{padding:27px}.debit-card{padding:25px}.card-number{font-size:18px}.bank-person{margin-bottom:25px}.chart svg{height:170px}}
.instrument-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px}.needle-gauge{max-width:300px;margin:auto;position:relative}.needle-gauge svg{width:100%;height:auto;overflow:visible}.needle-track{stroke:#16243d;stroke-width:12;fill:none}.needle-arc{stroke:var(--accent);stroke-width:4;fill:none;opacity:.7}.needle-gauge line{stroke:#7083a6;stroke-width:1}.needle-gauge #needle{stroke:var(--accent);stroke-width:2.5;filter:drop-shadow(0 0 5px #05dfdf30)}.needle-gauge circle{fill:#243551;stroke:var(--accent);stroke-width:2}.needle-reading{text-align:center;margin-top:5px;font-size:11px;color:var(--muted)}.needle-reading strong{font-size:30px;color:var(--ink);font-weight:500}.level-row{display:flex;align-items:center;justify-content:center;gap:33px;margin:10px 0 25px}.level-track{height:160px;width:48px;background:#16243b;box-shadow:var(--inset);border-radius:20px;padding:6px;display:flex;align-items:end;overflow:hidden}.level-track>div{width:100%;height:72%;background:linear-gradient(0deg,#039aab,var(--accent));border-radius:0 0 14px 14px;box-shadow:0 0 12px #05dfdf20;transition:height .2s}.level-row .metric{color:var(--accent)}@media(max-width:650px){.instrument-grid{grid-template-columns:1fr;gap:25px}}