.smart-home{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;min-height:calc(100vh - 188px);padding:22px;overflow:hidden;border:1px solid #293c31;border-radius:18px;background:radial-gradient(circle at 78% 12%,rgba(94,229,146,.12),transparent 25%),radial-gradient(circle at 8% 92%,rgba(66,151,103,.12),transparent 23%),#101613}.smart-grid-lines{position:absolute;inset:0;opacity:.36;background-image:linear-gradient(rgba(116,232,157,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(116,232,157,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(120deg,rgba(0,0,0,.75),transparent 78%)}.smart-head,.smart-primary-panel,.smart-metrics,.smart-bottom-bar{position:relative;z-index:1}.smart-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:34px}.smart-signal{display:flex;align-items:center;gap:9px;color:#8da397;font-size:9px;font-weight:750;letter-spacing:1.2px}.smart-signal i,.smart-bottom-bar i{width:7px;height:7px;border-radius:50%;background:#65e393;box-shadow:0 0 0 5px rgba(101,227,147,.09),0 0 14px #65e393}.smart-clock{display:flex;align-items:baseline;gap:10px}.smart-clock b{color:#ccdbd0;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.smart-clock span{color:#6f8276;font-size:10px;text-transform:capitalize}.smart-primary-panel{grid-column:span 8;min-height:310px;display:flex;justify-content:space-between;padding:32px;border:1px solid rgba(105,220,146,.18);border-radius:15px;background:linear-gradient(135deg,rgba(29,57,39,.8),rgba(16,24,19,.82) 68%);box-shadow:inset 0 1px rgba(255,255,255,.04),0 20px 55px rgba(0,0,0,.18)}.smart-primary-panel:after{content:"";position:absolute;right:-110px;top:-100px;width:310px;height:310px;border:1px solid rgba(115,230,156,.14);border-radius:50%;box-shadow:0 0 0 37px rgba(115,230,156,.025),0 0 0 74px rgba(115,230,156,.015)}.smart-intro{z-index:1}.smart-intro h2{margin:8px 0 10px;color:#f5faf6;font-size:clamp(35px,4vw,52px);font-weight:700;letter-spacing:-2px;line-height:.95}.smart-intro h2 em{color:#7deaac;font-style:normal;font-weight:450}.smart-company{margin:0;color:#b2c1b7;font-size:13px}.founder-badge{display:flex;align-items:center;gap:10px;margin-top:37px}.founder-badge>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #559969;border-radius:10px;background:#173624;color:#8defb4;font-size:12px;font-weight:750}.founder-badge p{margin:0;display:grid;gap:2px}.founder-badge small{color:#789084;font-size:8px;font-weight:700;letter-spacing:1px}.founder-badge b{color:#d6e2d9;font-size:12px}.finance-core{z-index:1;display:grid;place-items:center;align-self:center;margin-right:20px}.core-ring{display:grid;place-items:center;width:176px;height:176px;border:1px solid #569e6d;border-radius:50%;background:radial-gradient(circle,#244d33 0 35%,#173526 36% 54%,transparent 55%);box-shadow:0 0 0 10px rgba(85,209,128,.035),0 0 35px rgba(68,212,119,.12),inset 0 0 36px rgba(88,226,139,.08)}.core-ring>div{text-align:center}.core-ring small{display:block;color:#8fa89a;font-size:8px;font-weight:700;letter-spacing:1px}.core-ring strong{display:block;margin:5px 0;color:#9cf2bd;font-size:20px;letter-spacing:-.6px}.core-ring span{color:#8ec8a2;font-size:9px}.core-bars{display:flex;align-items:end;justify-content:center;gap:4px;height:25px;margin-top:11px}.core-bars i{width:4px;border-radius:3px;background:#62db90;box-shadow:0 0 9px rgba(98,219,144,.45);animation:signal 1.8s ease-in-out infinite}.core-bars i:nth-child(1){height:30%;animation-delay:.3s}.core-bars i:nth-child(2){height:70%;animation-delay:.8s}.core-bars i:nth-child(3){height:43%;animation-delay:.1s}.core-bars i:nth-child(4){height:100%;animation-delay:.5s}.core-bars i:nth-child(5){height:58%;animation-delay:.9s}.core-bars i:nth-child(6){height:82%;animation-delay:.2s}.core-bars i:nth-child(7){height:36%;animation-delay:.65s}@keyframes signal{50%{transform:scaleY(.45);opacity:.45}}.smart-metrics{grid-column:span 4;display:grid;gap:14px}.smart-metrics article{position:relative;display:flex;align-items:center;gap:12px;min-height:94px;padding:15px;border:1px solid #2b4132;border-radius:13px;background:rgba(22,31,25,.78);overflow:hidden}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:18px}.income-icon{color:#7cebab;background:#193c28}.expense-icon{color:#ff9995;background:#3b2523}.project-icon{color:#a6e7bd;background:#213a2b}.smart-metrics small{display:block;color:#82968a;font-size:8px;font-weight:750;letter-spacing:.9px}.smart-metrics strong{display:block;margin:2px 0;color:#e5eee8;font-size:17px;letter-spacing:-.4px}.smart-metrics p{margin:0;color:#667a6d;font-size:10px}.metric-line{position:absolute;right:12px;bottom:13px;width:46px;height:18px;border-top:1px solid}.metric-line.up{border-color:#68d990;transform:skewY(-22deg)}.metric-line.down{border-color:#df7672;transform:skewY(22deg)}.smart-arrow{position:absolute;right:14px;bottom:13px;width:28px;height:28px;border:1px solid #3c6249;border-radius:8px;background:#1b3323;color:#82e4a6;font-size:16px;cursor:pointer}.smart-arrow:hover{background:#254b32}.smart-bottom-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border:1px solid #293f30;border-radius:11px;background:rgba(16,23,18,.75)}.smart-bottom-bar>div{display:flex;align-items:center;gap:10px}.smart-bottom-bar span{color:#75897d;font-size:9px;font-weight:700;letter-spacing:1px}.smart-bottom-bar b{color:#c1d0c5;font-size:11px;font-weight:500}.smart-action{border:0;border-radius:7px;background:#64dc91;color:#102417;padding:10px 13px;font:700 11px inherit;cursor:pointer}.smart-action span{margin-left:8px;font-size:15px}@media(max-width:980px){.smart-primary-panel{grid-column:span 7}.smart-metrics{grid-column:span 5}.finance-core{margin-right:0}}@media(max-width:720px){.smart-home{display:block;min-height:calc(100svh - 116px);padding:15px}.smart-head{margin-bottom:14px}.smart-primary-panel{min-height:0;padding:24px;display:block}.finance-core{margin-top:26px}.smart-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.smart-metrics article:last-child{grid-column:1/-1}.smart-bottom-bar{margin-top:12px;align-items:flex-start}.smart-bottom-bar b{display:none}.smart-action{white-space:nowrap}}@media(max-width:430px){.smart-metrics{grid-template-columns:1fr}.smart-metrics article:last-child{grid-column:auto}.smart-primary-panel{padding:21px}.smart-intro h2{font-size:38px}.smart-bottom-bar{padding:12px}.smart-bottom-bar span{display:none}}