:root{--bg:#151312;--bg-2:#1a1715;--surface:#1f1c1a;--surface-2:#2a2623;--surface-solid:#1f1c1a;--border:#36312d;--text:#efe8e1;--muted:#a89d93;--primary:#e0956c;--primary-hover:#eaa983;--on-primary:#1f140e;--primary-2:#eaa983;--accent:#e0956c;--accent-soft:#e0956c24;--amber:#e8b04b;--navy:#d9a37c;--pink:#e8a0b4;--green:#86c79a;--yellow:#e8b04b;--red:#ef8a7a;--blue:#8fb0e6;--radius:16px;--font-display:"Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--gradient:linear-gradient(120deg, #e0956c 0%, #f3c9ad 50%, #e0956c 100%);--nav-bg:#151312d1;--nav-border:#efe8e114;--chip-bg:#1f1c1af5;--mockup-bg:#1f1c1a;--input-bg:#1a1715;--grid-line:#efe8e10a;--blob-1:#e0956c;--blob-2:#7a5a45;--blob-3:#e8b04b;--blob-opacity:.12;--shadow:0 24px 60px -28px #000c;--shadow-sm:0 8px 22px -14px #000000b3;--shadow-raise:0 1px 0 #ffffff08 inset, 0 20px 44px -28px #000000e6;--shadow-soft:0 1px 0 #ffffff08 inset, 0 6px 16px -10px #000000b3;--shadow-press:inset 0 1px 2px #00000059;--brand-mark:#efe8e1;--backdrop:#0a0807b3;--tip-bg:#efe8e1;--tip-text:#151312}:root[data-theme=light]{--bg:#f7f3ee;--bg-2:#fffdf9;--surface:#fffdf9;--surface-2:#f1ebe4;--surface-solid:#fffdf9;--border:#e7dfd6;--text:#2b2622;--muted:#6e645b;--primary:#2b2622;--primary-hover:#3d3631;--on-primary:#fffdf9;--primary-2:#a85a35;--accent:#c0714a;--accent-soft:#f3e4d9;--amber:#c98a1b;--navy:#8a6a55;--pink:#b5527a;--green:#3f8f5f;--yellow:#a8741f;--red:#c4432f;--blue:#3f6fb5;--gradient:linear-gradient(120deg, #2b2622 0%, #c0714a 50%, #2b2622 100%);--nav-bg:#f7f3eed9;--nav-border:#e7dfd6;--chip-bg:#fffdf9f7;--mockup-bg:#fffdf9;--input-bg:#fffdf9;--grid-line:#2b26220b;--blob-1:#f3e4d9;--blob-2:#efe6da;--blob-3:#f6e3c4;--blob-opacity:.6;--shadow:0 24px 60px -30px #2b262247;--shadow-sm:0 8px 22px -14px #2b262238;--shadow-raise:0 1px 2px #2b26220a, 0 18px 40px -26px #2b26223d;--shadow-soft:0 1px 2px #2b26220d, 0 4px 12px -8px #2b262229;--shadow-press:inset 0 1px 2px #2b26220f;--brand-mark:#2b2622;--backdrop:#2b262266;--tip-bg:#2b2622;--tip-text:#fffdf9}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root,.landing,.login-page,.dash,.dash-main,.portal{max-width:100%;overflow-x:clip}html,body{overscroll-behavior-x:none}.grid-2>*,.stat-grid>*,.portal-grid>*,.settings-grid>*,.property-grid>*,.kanban>*{min-width:0}.display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:999}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}ul{list-style:none}.muted{color:var(--muted)}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.text-yellow{color:var(--yellow)}.text-accent{color:var(--primary-2)}.gradient-text{font-family:var(--font-display);font-weight:inherit;color:var(--accent)}.glass{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;line-height:1.1;transition:box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 1px 0 #ffffff24 inset, 0 6px 16px -8px color-mix(in srgb, var(--primary) 70%, transparent)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{cursor:default}.btn-success{background:var(--green);color:#fff}.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn>.lucide-arrow-right:last-child{transition:transform .25s var(--ease)}.btn:hover>.lucide-arrow-right:last-child{transform:translate(3px)}.btn-shine:after{content:"";background:linear-gradient(120deg,#0000,#ffffff2e,#0000);width:60%;height:100%;animation:5s infinite shine;position:absolute;top:0;left:-120%}@keyframes shine{0%{left:-120%}60%,to{left:140%}}.btn-content{align-items:center;gap:8px;display:inline-flex}.icon-btn{width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;transition:background .2s,color .2s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link-btn{color:var(--primary-2);font-size:14px;font-weight:600}.spinner{border:3px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.blob{opacity:var(--blob-opacity);will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle closest-side, var(--blob-1), color-mix(in srgb, var(--blob-1) 45%, transparent) 55%, transparent);width:760px;height:760px;animation:22s ease-in-out infinite blob-drift-1;top:-240px;left:-240px}.blob-2{width:700px;height:700px;opacity:calc(var(--blob-opacity) * .8);background:radial-gradient(circle closest-side, var(--blob-2), color-mix(in srgb, var(--blob-2) 45%, transparent) 55%, transparent);animation:26s ease-in-out infinite blob-drift-2;top:calc(30% - 120px);right:-260px}.blob-3{width:640px;height:640px;opacity:calc(var(--blob-opacity) * .7);background:radial-gradient(circle closest-side, var(--blob-3), color-mix(in srgb, var(--blob-3) 45%, transparent) 55%, transparent);animation:30s ease-in-out infinite blob-drift-3;bottom:-260px;left:calc(30% - 120px)}@keyframes blob-drift-1{0%,to{transform:translate(0,0)}33%{transform:translate(120px,80px)}66%{transform:translate(-60px,140px)}}@keyframes blob-drift-2{0%,to{transform:translate(0,0)}33%{transform:translate(-140px,120px)}66%{transform:translate(60px,-40px)}}@keyframes blob-drift-3{0%,to{transform:translate(0,0)}33%{transform:translate(80px,-100px)}66%{transform:translate(-100px,40px)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}.landing{position:relative}.landing>:not(.scroll-progress):not(.to-top):not(.lp-bar){z-index:1;position:relative}.scroll-progress{z-index:100;background:var(--accent);transform-origin:0%;height:2px;position:fixed;top:0;left:0;right:0}.lp-bar{z-index:50;border-bottom:1px solid #0000;transition:background .25s,border-color .25s;position:sticky;top:0}.lp-bar.is-scrolled{background:var(--nav-bg);border-bottom-color:var(--nav-border);-webkit-backdrop-filter:blur(12px)saturate(1.3)}.lp-bar-inner{align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.lp-links{gap:4px;margin-right:auto;display:flex}.lp-links a{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14.5px;font-weight:500;transition:color .2s,background .2s}.lp-links a:hover{color:var(--text);background:var(--surface-2)}.lp-bar .nav-right{margin-left:auto}.logo{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.logo b{color:var(--accent);font-weight:700}.logo-mark{background:var(--brand-mark);flex-shrink:0;width:30px;height:30px;display:block;-webkit-mask:url(/assets/mark-DZgtXf0W.png) 50%/contain no-repeat;mask:url(/assets/mark-DZgtXf0W.png) 50%/contain no-repeat}.brand-lockup{aspect-ratio:520/488;background:url(/assets/lockup-ClxuMzYt.png) 50%/contain no-repeat;width:120px;display:block}:root:not([data-theme=light]) .brand-lockup{background-image:url(/assets/lockup-light-DagxIEee.png)}.login-brand{color:var(--muted);align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.login-brand .brand-lockup{width:56px}.section{width:100%;max-width:1200px;margin:0 auto;padding:clamp(64px,8vw,112px) 24px}.section-tight{padding-block:clamp(40px,5vw,72px)}.section-head{text-align:center;max-width:680px;margin:0 auto clamp(36px,5vw,56px)}.section-head h2,.faq-intro h2{letter-spacing:-.03em;text-wrap:balance;margin:14px 0 12px;font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.1}.section-head p,.faq-intro>p{color:var(--muted);font-size:17px;line-height:1.65}.lp-tag{background:var(--accent-soft);color:var(--primary-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.ticks{gap:10px;margin:20px 0 26px;font-size:15px;display:grid}.ticks li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.ticks svg{box-sizing:content-box;background:var(--accent-soft);color:var(--accent);border-radius:6px;flex:none;margin-top:1px;padding:2px}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff6b6b}.dot.yellow{background:#ffc94d}.dot.green{background:#3dd68c}.btn-light{color:#2b2622;background:#fffdf9}.btn-light:hover{background:#f1ebe4}.btn-outline-light{color:#fff;border:1px solid #fff6}.btn-outline-light:hover{background:#ffffff1a}.hero{text-align:center;justify-items:center;max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,96px) 24px 0;display:grid;position:relative}.hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(600px 300px at 50% 30%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%), radial-gradient(400px 260px at 78% 52%, color-mix(in srgb, var(--amber) 14%, transparent), transparent 70%);height:1150px;position:absolute;inset:-80px 0 auto;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.hero-glow:after{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000,#0000 70%);mask-image:radial-gradient(at 50% 30%,#000,#0000 70%)}.announce{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:13.5px;font-weight:500;transition:border-color .2s;display:inline-flex}.announce:hover{border-color:var(--accent)}.announce-new{background:var(--primary);color:var(--on-primary);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.hero-title{letter-spacing:-.04em;text-wrap:balance;max-width:15ch;margin:26px 0 20px;font-size:clamp(40px,6.2vw,76px);font-weight:700;line-height:1.02}.hero-sub{max-width:60ch;color:var(--muted);font-size:clamp(16px,1.4vw,18.5px);line-height:1.65}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.hero-trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;font-size:14px;display:flex}.hero-trust li{align-items:center;gap:6px;display:inline-flex}.hero-trust svg{color:var(--accent)}.hero-shot-wrap{perspective:1400px;width:100%;margin-top:clamp(40px,6vw,72px)}.hero-shot{transform-origin:50% 0;background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px solid var(--border);box-shadow:0 40px 90px -40px color-mix(in srgb, var(--primary) 45%, transparent);border-radius:18px;padding:8px}.dash-preview{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:12px;font-size:13px;overflow:hidden}.dp-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:11px 14px;display:flex}.dp-url{background:var(--surface-2);color:var(--muted);border-radius:6px;margin:0 auto;padding:4px 16px;font-size:12px}.dp-body{grid-template-columns:190px 1fr;min-height:420px;display:grid}.dp-side{background:var(--surface);border-right:1px solid var(--border);align-content:start;gap:2px;padding:16px 12px;display:grid}.dp-brand{font-family:var(--font-display);align-items:center;gap:8px;margin:0 6px 16px;font-size:15px;font-weight:700;display:flex}.dp-brand .logo-mark{width:22px;height:22px}.dp-nav{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.dp-nav.on{background:var(--accent-soft);color:var(--primary-2);font-weight:600}.dp-main{align-content:start;gap:16px;padding:20px;display:grid}.dp-head{justify-content:space-between;align-items:center;display:flex}.dp-head small{color:var(--muted)}.dp-head strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;display:block}.dp-btn{background:var(--primary);color:var(--on-primary);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.dp-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dp-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:2px;padding:14px;display:grid}.dp-stat small{color:var(--muted);font-size:12px}.dp-stat strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:21px}.dp-stat span{color:var(--accent);font-size:11.5px;font-weight:600}.dp-grid{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.dp-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.dp-card-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.dp-card-head small{color:var(--muted);font-size:11.5px}.dp-chart{align-items:flex-end;gap:12px;height:130px;display:flex}.dp-col{text-align:center;flex:1;grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.dp-col i{background:color-mix(in srgb, var(--accent) 28%, var(--surface-2));border-radius:6px 6px 3px 3px;align-self:end;display:block}.dp-col i.on{background:var(--accent)}.dp-col small{color:var(--muted);font-size:11px}.dp-list{gap:8px;display:grid}.dp-list li{background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.dp-list svg{color:var(--accent);flex:none}.audience{max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 32px;margin:0 auto;padding:44px 24px 0;font-size:15px;display:flex}.audience>span:first-child{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600}.audience-item{color:var(--text);font-family:var(--font-display);align-items:center;gap:8px;font-size:17px;font-weight:600;display:inline-flex}.audience-item svg{color:var(--accent)}.bento{grid-template-columns:repeat(3,1fr);grid-template-areas:"inv inv pay""util rep rep""portal secure notify";grid-auto-rows:minmax(150px,auto);gap:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;gap:18px;padding:24px;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.tile:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:var(--shadow-raise)}.tile-invoices{grid-area:inv}.tile-pay{color:#fff;background:linear-gradient(160deg,#c0714a,#8f4f31);border-color:#0000;grid-area:pay}.tile-pay .tile-head p{color:#fffc}.tile-pay .tile-icon{color:#fff;background:#ffffff29}.tile-util{grid-area:util}.tile-repairs{grid-area:rep}.tile-portal{grid-area:portal}.tile-secure{grid-area:secure}.tile-notify{grid-area:notify}.tile-head h3{letter-spacing:-.02em;margin:14px 0 6px;font-size:19px;font-weight:700}.tile-head p{color:var(--muted);font-size:14.5px;line-height:1.55}.tile-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.tile-art{gap:8px;margin-top:auto;display:grid}.mini-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.mini-row svg{color:var(--accent);flex:none}.mini-row span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.state{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--yellow);border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:600}.state.ok{background:color-mix(in srgb, var(--green) 14%, transparent);color:var(--green)}.pay-art small{color:#ffffffbf;font-size:12.5px}.pay-art strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:34px}.pay-btn{color:#2b2622;background:#fffdf9;border-radius:9px;justify-self:start;margin-top:6px;padding:9px 16px;font-size:13.5px;font-weight:700}.mini-bar{grid-template-columns:28px 1fr 34px;align-items:center;gap:10px;font-size:12.5px;display:grid}.mini-bar i{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.mini-bar b{border-radius:inherit;background:var(--accent);height:100%;display:block}.mini-bar small{color:var(--muted);text-align:right}.mini-board{grid-template-columns:repeat(3,1fr)}.mini-col{background:var(--surface-2);border-radius:10px;align-content:start;gap:6px;padding:8px;display:grid}.mini-col small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.mini-col span{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:8px 9px;font-size:12px}.mini-col span.high{border-left-color:var(--red)}.tour-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto 28px;padding:5px;display:flex}.tour-tab{color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:14.5px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.tour-tab>:not(.tour-pill){z-index:1;position:relative}.tour-tab:hover,.tour-tab.on{color:var(--text)}.tour-tab.on svg{color:var(--accent)}.tour-pill{background:var(--surface);box-shadow:var(--shadow-soft);border-radius:10px;position:absolute;inset:0}.tour-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raise);border-radius:22px;padding:clamp(24px,4vw,48px)}.tour-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);display:grid}.tour-grid>*{min-width:0}.tour-copy h3{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.12}.tour-copy>p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.65}.tour-visual{background:radial-gradient(circle at 30% 20%, var(--accent-soft), transparent 60%), var(--bg);border:1px solid var(--border);border-radius:16px;place-items:center;min-height:340px;padding:28px;display:grid}.mock{background:var(--surface);border:1px solid var(--border);width:min(380px,100%);box-shadow:var(--shadow-raise);border-radius:14px;padding:16px}.mock-head{margin-bottom:12px}.mock-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.mock-rows{gap:8px;display:grid}.mock-row{background:var(--bg);border:1px solid var(--border);animation:pop-in .5s var(--ease) both;animation-delay:calc(.15s + var(--n,0) * 80ms);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;display:flex}.mock-row>svg{color:var(--accent);flex:none}.mock-row>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bubble{background:var(--primary);color:var(--on-primary);animation:pop-in .5s var(--ease) both;animation-delay:calc(.15s + var(--n,0) * 80ms);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12.5px;font-weight:500;display:inline-flex}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)}}.pay{gap:6px;display:grid}.pay small{color:var(--muted);font-size:12px}.pay strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:700}.pay-banks{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px;display:grid}.pay-bank{font-size:12.5px}.pay-bank.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mock-flow{color:var(--primary-2);animation:pop-in .5s var(--ease) both;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;animation-delay:.5s;display:inline-flex}.util-total{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.util-total svg{color:var(--accent)}.util-total b{font-family:var(--font-display);color:var(--text);margin-left:auto;font-size:20px}.mock-bars{gap:12px;display:grid}.mock-bar-row{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.mock-bar-row b{font-size:12px;font-weight:600}.mock-bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.mock-bar i{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:bar-grow .8s var(--ease) both;animation-delay:calc(.25s + var(--n,0) * 80ms);display:block}@keyframes bar-grow{0%{transform:scaleX(0)}}.board{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.board-col{background:var(--surface-2);border-radius:10px;align-content:start;gap:8px;min-height:170px;padding:8px;display:grid}.board-col small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.board-card{border-left:3px solid var(--accent);padding:9px 10px;font-size:12px}.board-card.high{border-left-color:var(--red)}.phone{aspect-ratio:9/18;width:200px;box-shadow:var(--shadow);background:#2b2622;border-radius:32px;padding:9px}.phone-screen{background:var(--surface);border-radius:24px;align-content:start;gap:10px;height:100%;padding:22px 12px;display:grid;overflow:hidden}.phone-hi{font-family:var(--font-display);font-size:15px;font-weight:700}.phone-card{justify-items:start;gap:2px;padding:12px;display:grid}.phone-card small{color:var(--muted);font-size:11px}.phone-card strong{font-family:var(--font-display);font-size:22px}.phone-pay{background:var(--primary);color:var(--on-primary);border-radius:8px;margin-top:6px;padding:5px 12px;font-size:11px;font-weight:600}.phone-list{gap:6px;display:grid}.phone-list .mock-row{padding:8px 10px;font-size:11.5px}.phone-list b{margin-left:auto}.steps-row{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.steps-row:before{content:"";background:repeating-linear-gradient(90deg, var(--border) 0 8px, transparent 8px 14px);height:2px;position:absolute;top:22px;left:16%;right:16%}.step-item{text-align:center;justify-items:center;gap:10px;padding:0 12px;display:grid;position:relative}.step-dot{background:var(--primary);width:46px;height:46px;color:var(--on-primary);font-family:var(--font-display);box-shadow:0 0 0 6px var(--bg);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid}.step-item h3{letter-spacing:-.02em;margin-top:8px;font-size:20px;font-weight:700}.step-item p{color:var(--muted);max-width:30ch;line-height:1.6}.quotes{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quote{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;justify-content:space-between;gap:24px;padding:26px;display:flex}.quote p{font-size:17px;line-height:1.6}.quote-author{align-items:center;gap:12px;display:flex}.quote-author small{color:var(--muted);font-size:13px;display:block}.avatar{background:var(--primary);width:40px;height:40px;color:var(--on-primary);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar.sm{width:30px;height:30px;font-size:13px}.quote .avatar{background:var(--accent-soft);color:var(--primary-2)}.faq{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.faq-intro{position:sticky;top:100px}.faq-contact{gap:10px;margin-top:24px;display:grid}.faq-contact a{width:fit-content;color:var(--primary-2);align-items:center;gap:10px;font-weight:600;display:inline-flex}.faq-list{gap:10px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s}.faq-item.open{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.faq-q{text-align:left;width:100%;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16.5px;font-weight:600;display:flex}.faq-q svg{color:var(--muted);transition:transform .3s var(--ease);flex:none}.faq-item.open .faq-q svg{color:var(--accent);transform:rotate(180deg)}.faq-a{overflow:hidden}.faq-a p{color:var(--muted);padding:0 20px 20px;line-height:1.65}.cta-band{text-align:center;color:#fff;background:radial-gradient(500px 240px at 85% 0,#e0956c61,#0000 70%),linear-gradient(135deg,#3b2b23,#231a15);border-radius:24px;justify-items:center;gap:12px;padding:clamp(44px,6vw,72px) 24px;display:grid;position:relative;overflow:hidden}.cta-band h2{letter-spacing:-.03em;font-size:clamp(28px,3.6vw,44px);font-weight:700}.cta-band p{color:#ffffffc7;font-size:17px}.cta-spark{color:#e0956c}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.footer{max-width:1200px;color:var(--muted);margin:0 auto;padding:48px 24px 32px;font-size:14.5px}.footer-top{border-bottom:1px solid var(--border);grid-template-columns:1fr 1.4fr;gap:40px;padding-bottom:36px;display:grid}.footer-brand{color:var(--text);align-content:start;gap:14px;display:grid}.footer-brand p{color:var(--muted);max-width:34ch;line-height:1.6}.footer-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-cols>div{align-content:start;gap:10px;display:grid}.footer-cols small{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:4px;font-size:12px;font-weight:700}.footer-cols a,.footer-cols span{align-items:center;gap:8px;width:fit-content;transition:color .2s;display:inline-flex}.footer-cols a:hover{color:var(--accent)}.footer-bottom{justify-content:space-between;align-items:center;gap:16px;padding:22px 64px 0 0;font-size:13px;display:flex}.footer-made{align-items:center;gap:10px;display:inline-flex}.footer-made .brand-lockup{width:40px}@media (width<=1000px){.lp-links{display:none}.dp-body{grid-template-columns:1fr}.dp-side{display:none}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"inv inv""pay util""rep rep""portal secure""notify notify"}.tour-grid,.faq{grid-template-columns:1fr}.faq-intro{position:static}.footer-top{grid-template-columns:1fr}}@media (width<=720px){.lp-bar-inner{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;gap:12px}.logo{font-size:17px}.logo-mark{width:26px;height:26px}.nav-right{gap:6px}.nav-login,.nav-user .user-name{display:none}.hero{padding:40px 16px 0}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.hero-shot{border-radius:12px;padding:4px}.dp-main{gap:10px;padding:12px}.dp-stats{grid-template-columns:1fr 1fr;gap:8px}.dp-grid{grid-template-columns:1fr}.dp-grid .dp-card:last-child,.dp-btn{display:none}.audience{gap:10px 20px;padding-top:32px}.audience>span:first-child{text-align:center;width:100%}.section{padding:64px 16px}.bento{grid-template-columns:1fr;grid-template-areas:"inv""pay""util""rep""portal""secure""notify"}.tour-tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.tour-tab{flex:none}.tour-visual{min-height:0;padding:18px}.steps-row{grid-template-columns:1fr;gap:28px}.steps-row:before{display:none}.quotes{grid-template-columns:1fr}.cta-actions .btn{width:100%}.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{padding:20px 0 env(safe-area-inset-bottom);flex-direction:column;align-items:flex-start}}:root{--glass-bg:linear-gradient(135deg, #ffffff1c, #ffffff08);--glass-edge:#ffffff29;--glass-hi:#ffffff42;--glass-shadow:0 12px 32px -14px #000000a6}:root[data-theme=light]{--glass-bg:linear-gradient(135deg, #ffffffa8, #ffffff3d);--glass-edge:#ffffffbf;--glass-hi:#fffffff2;--glass-shadow:0 12px 32px -16px #2b26224d}.lg-defs{pointer-events:none;width:0;height:0;position:absolute}.lp-bar.is-scrolled,.announce,.hero-cta .btn-ghost,.hero-trust li,.hero-shot,.tour-tabs{background:var(--glass-bg);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi), inset 0 0 20px #ffffff0d, var(--glass-shadow);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}.lp-bar.is-scrolled,.announce,.hero-shot{-webkit-backdrop-filter:url(#lg-refract)blur(14px)saturate(180%);backdrop-filter:url(#lg-refract)blur(14px)saturate(180%)}.lp-bar.is-scrolled{background:var(--glass-bg), color-mix(in srgb, var(--bg) 58%, transparent);box-shadow:inset 0 -1px 0 var(--glass-hi), 0 10px 30px -18px #0006;border-width:0 0 1px}.announce,.hero-cta .btn-ghost{position:relative;overflow:hidden}.hero-cta .btn-ghost:hover{background:var(--glass-bg);border-color:var(--glass-hi)}.announce:after,.hero-cta .btn-ghost:after{content:"";border-radius:inherit;pointer-events:none;transition:transform .9s var(--ease);background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}.announce:hover:after,.hero-cta .btn-ghost:hover:after{transform:translate(120%)}.hero-trust{gap:10px}.hero-trust li{color:var(--text);border-radius:999px;padding:6px 14px}.hero-shot{border-radius:22px;padding:10px;position:relative}.hero-shot:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:soft-light;background:linear-gradient(#ffffff38,#0000 18%);position:absolute;inset:0}.tour-tabs{border-radius:16px;padding:6px}.tour-pill{background:var(--glass-bg);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi), 0 6px 16px -10px #00000059}:root[data-theme=light] .tour-pill{background:#ffffffd9}.cta-band .btn-outline-light{-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);background:#ffffff1a;border-color:#ffffff52;box-shadow:inset 0 1px #ffffff59}.glow-blob{will-change:transform;opacity:.75;border-radius:50%;position:absolute}.glow-clay{background:radial-gradient(circle closest-side, color-mix(in srgb, var(--accent) 55%, transparent), transparent);width:520px;height:520px;animation:18s ease-in-out infinite glow-a;top:220px;left:calc(50% - 470px)}.glow-amber{background:radial-gradient(circle closest-side, color-mix(in srgb, var(--amber) 42%, transparent), transparent);width:440px;height:440px;animation:22s ease-in-out infinite glow-b;top:300px;left:calc(50% + 60px)}.glow-rose{background:radial-gradient(circle closest-side, color-mix(in srgb, var(--pink) 30%, transparent), transparent);width:380px;height:380px;animation:26s ease-in-out infinite glow-c;top:120px;left:calc(50% - 140px)}@keyframes glow-a{50%{transform:translate(120px,60px)scale(1.08)}}@keyframes glow-b{50%{transform:translate(-140px,-40px)scale(.92)}}@keyframes glow-c{50%{transform:translate(60px,110px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.glow-blob{animation:none}}@media (width<=720px){.glow-clay{width:340px;height:340px;top:260px;left:-80px}.glow-amber{width:300px;height:300px;top:380px;left:auto;right:-60px}.glow-rose{width:260px;height:260px;top:160px;left:30%}.hero-shot{border-radius:14px;padding:6px}}.login-page{--head-h:76px;--film-h:min(calc(100dvh - 2 * clamp(64px, 14vh, 160px)), 56vw, 860px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(32px,5vw,112px);width:100%;max-width:1440px;min-height:100dvh;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:grid;position:relative}.login-header{height:var(--head-h);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:clamp(16px,4vw,64px);right:clamp(16px,4vw,64px)}.login-header .logo{font-size:20px}.login-main{place-items:center;min-width:0;min-height:100dvh;display:grid}.login-center{width:min(620px,100%);padding:calc(var(--head-h) + 8px) 0 32px;justify-items:center;gap:24px;display:grid}.login-intro{text-align:center;justify-items:center;gap:16px;display:grid}.login-intro h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(36px,4.2vw,56px);font-weight:400;line-height:1.15}.login-intro p{color:color-mix(in srgb, var(--text) 88%, transparent);max-width:60ch;font-size:18px;line-height:1.4}.back-link{color:var(--muted);align-items:center;gap:6px;width:fit-content;font-size:14px;transition:color .2s,gap .2s;display:inline-flex}.back-link:hover{color:var(--text);gap:10px}.login-form-wrap{width:min(500px,100%);margin-top:8px}.portal-switch{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.portal-switch button{height:34px;color:var(--muted);border-radius:9px;font-size:14.5px;font-weight:500;transition:color .2s;position:relative}.portal-switch button.on{color:var(--text)}.portal-switch button>span:last-child{z-index:1;position:relative}.portal-pill{background:var(--bg);box-shadow:var(--shadow-soft);border-radius:9px;position:absolute;inset:0}.login-page-solo{grid-template-columns:minmax(0,1fr);max-width:760px}.login-card .form-legal a{color:var(--primary-2);font-weight:600}.login-card{text-align:left;border:1px solid var(--border);width:100%;box-shadow:none;background:0 0;border-radius:32px;padding:28px}.login-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:600}.login-card .auth-sub{margin-bottom:16px;font-size:14.5px}.login-card .field{gap:0;margin-bottom:12px}.login-card .field>span:first-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login-card .input-wrap{--field-bg:var(--surface-2);border-color:#0000;border-radius:10px;gap:10px;padding:0 4px 0 14px}.login-card .input-wrap>svg:first-child{flex:none;width:16px;height:16px}.login-card .input-wrap input{height:38px;padding:0;font-size:15px}.login-card .input-wrap input::placeholder{color:var(--muted);opacity:.85}.login-card .input-wrap .icon-btn{width:32px;height:32px}.login-card .input-wrap:focus-within{--field-bg:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-card .btn-primary{width:100%;min-height:40px;box-shadow:none;border-radius:10px;margin-top:4px;padding:10px 16px;font-size:15px;font-weight:500}.login-card .form-error{margin-bottom:10px;font-size:13px}.login-card .strength{margin:0 0 6px}.login-card .strength>span{background:var(--border);height:3px}.login-card .strength-label{min-height:0;margin-bottom:12px;font-size:12.5px}.login-card .forgot-link{color:var(--muted);margin:10px auto 0;font-size:14px;font-weight:500;display:block}.login-card .forgot-link:hover{color:var(--text)}.login-card .form-legal{text-align:center;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.login-card .form-legal button{color:var(--primary-2);font-weight:600}.login-card .form-legal button:hover{text-underline-offset:3px;text-decoration:underline}.form-legal-note{opacity:.8;margin-top:6px;font-size:12.5px;display:block}.login-card .auth-switch{border-top:none;margin-top:12px;padding-top:0;font-size:14px}.login-card .verify-icon{border-radius:12px;width:44px;height:44px;margin-bottom:14px}.login-after{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;display:flex}.login-after .back-link{font-size:15px}.login-header-actions{align-items:center;gap:8px;display:flex}.login-video{top:calc((100dvh - var(--film-h)) / 2);margin-top:calc((100dvh - var(--film-h)) / 2);height:var(--film-h);aspect-ratio:4/5;background:var(--surface-2);border-radius:14px;align-self:start;position:sticky;overflow:hidden}.login-video video{object-fit:cover;object-position:58% center;width:100%;height:100%;display:block}.field{gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;display:grid}.input-wrap{--field-bg:var(--input-bg);background:var(--field-bg);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 8px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);color:var(--accent)}.input-wrap input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-weight:500}@keyframes autofill-start{0%{opacity:1}to{opacity:1}}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;box-shadow:0 0 0 1000px var(--field-bg) inset;font:inherit;font-weight:500;transition:background-color 600000s,color 600000s;animation:1ms autofill-start}.input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;box-shadow:0 0 0 1000px var(--field-bg) inset;font:inherit;font-weight:500;transition:background-color 600000s,color 600000s;animation:1ms autofill-start}.input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;box-shadow:0 0 0 1000px var(--field-bg) inset;font:inherit;font-weight:500;transition:background-color 600000s,color 600000s;animation:1ms autofill-start}.input-wrap input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;box-shadow:0 0 0 1000px var(--field-bg) inset;font:inherit;font-weight:500;transition:background-color 600000s,color 600000s;animation:1ms autofill-start}.input-wrap input:autofill{filter:none}:-webkit-any(.input-wrap:has(input:-webkit-autofill),.input-wrap:has(input:autofill)){border-color:color-mix(in srgb, var(--primary-2) 45%, var(--border))}:is(.input-wrap:has(input:autofill),.input-wrap:has(input:autofill)){border-color:color-mix(in srgb, var(--primary-2) 45%, var(--border))}.input-wrap input[type=password],.input-wrap input[name=password]{padding-right:4px}.form-error{color:var(--red);background:color-mix(in srgb, var(--red) 9%, transparent);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:14px;overflow:hidden}.demo-hint{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.demo-hint code{color:var(--primary-2);background:color-mix(in srgb, var(--primary-2) 10%, transparent);border-radius:5px;padding:2px 6px}.success-wipe{z-index:200;background:var(--primary);position:fixed;inset:0}.auth-card{overflow:hidden}.auth-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px;padding:4px;display:grid}.auth-tab{color:var(--muted);border-radius:9px;padding:10px 12px;font-size:14px;font-weight:600;transition:color .2s;position:relative}.auth-tab:hover{color:var(--text)}.auth-tab.active{color:var(--on-primary)}.auth-tab>span:not(.auth-tab-pill){z-index:1;align-items:center;gap:7px;display:inline-flex;position:relative}.auth-tab-pill{background:var(--primary);box-shadow:0 6px 16px -10px var(--primary);border-radius:9px;position:absolute;inset:0}.auth-sub{color:var(--muted);margin-bottom:26px;font-size:15px;line-height:1.6}.field-hint{justify-content:space-between;align-items:center;display:flex}.field-hint button{color:var(--primary-2);font-size:12.5px;font-weight:600}.strength{grid-template-columns:repeat(4,1fr);gap:6px;margin:-8px 0 6px;display:grid}.strength>span{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.strength>span>i{background:var(--accent);height:100%;display:block}.strength-label{color:var(--muted);min-height:16px;margin-bottom:18px;font-size:12px}.strength-label b{color:var(--accent);font-weight:600}.match-ok{color:var(--green)}.auth-switch{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:22px;padding-top:20px;font-size:14px}.auth-switch button{color:var(--primary-2);font-weight:600}.auth-switch button:hover{text-underline-offset:3px;text-decoration:underline}.form-legal{text-align:center;color:var(--muted);margin-top:14px;font-size:12.5px;line-height:1.55}.verify .back-link{margin-bottom:22px}.verify-icon{width:56px;height:56px;color:var(--accent);background:var(--accent-soft);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.verify-email{color:var(--text);overflow-wrap:anywhere;font-weight:600}.otp{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px;display:grid}.otp input{aspect-ratio:1/1.15;text-align:center;border:1px solid var(--border);background:var(--input-bg);width:100%;min-width:0;color:var(--text);font-size:24px;font-weight:600;font-family:var(--font-display);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.otp input:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-2) 15%, transparent)}.otp input.filled{border-color:color-mix(in srgb, var(--primary-2) 55%, var(--border))}.otp input:disabled{opacity:.7}.auth-switch button{align-items:center;gap:4px;display:inline-flex}.auth-switch-plain{border-top:none;margin-top:10px;padding-top:0}.reset-checking{justify-items:center;gap:14px;padding:40px 0;display:grid}.auth-switch button:disabled{color:var(--muted);cursor:default;text-decoration:none}.signed-in{text-align:center}.signed-in .avatar.lg{border-radius:50%;margin:4px auto 18px;font-size:26px}.signed-in h2{margin-bottom:4px}.signed-in-email{color:var(--muted);font-size:14.5px}.signed-in-role{margin-top:10px;display:inline-block}.signed-in-actions{gap:10px;margin-top:28px;display:grid}.signed-in-note{color:var(--muted);margin-top:18px;font-size:13px}.nav-auth{align-items:center;gap:8px;display:flex}.nav-login{color:var(--text);border-radius:10px;padding:9px 14px;font-size:14.5px;font-weight:600;transition:background .2s}.nav-login:hover{background:var(--surface-2)}.nav-user .user-btn{gap:8px;padding:3px 10px 3px 3px;font-size:14px;font-weight:600}.nav-user .user-menu{width:250px}.theme-toggle{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-icon{place-items:center;display:grid}.nav-right,.login-theme{align-items:center;gap:10px;display:flex}.install-pill{background:var(--surface);border:1px solid var(--border);height:40px;color:var(--text);border-radius:10px;gap:7px;padding:0 14px}.nav-right .install-pill{gap:6px}@media (width<=720px){.nav-right .install-label{display:none}.nav-right .install-pill{justify-content:center;width:40px;padding:0}}.install-pill:hover{border-color:var(--primary-2);color:var(--primary-2)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--red) 88%, #000)}.btn-xs{padding:6px 12px;font-size:12.5px}.btn-success-soft{background:color-mix(in srgb, var(--green) 14%, transparent);color:var(--green);border:1px solid color-mix(in srgb, var(--green) 35%, transparent)}.btn-success-soft:hover{background:color-mix(in srgb, var(--green) 22%, transparent)}.btn:disabled{opacity:.7}.spinner-dark{border-width:2px;border-color:var(--border);border-top-color:var(--primary-2);width:16px;height:16px}.danger-btn{color:var(--red)}.danger-btn:hover{border-color:var(--red)}.toasts{z-index:300;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;display:flex;position:relative;overflow:hidden}.toast>svg{flex-shrink:0}.toast-success>svg{color:var(--green)}.toast-error>svg{color:var(--red)}.toast-info>svg{color:var(--blue)}.toast span{flex:1}.toast-close{color:var(--muted);place-items:center;display:grid}.toast-timer{background:var(--primary);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.modal-backdrop{z-index:250;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid var(--border);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:16px;padding:26px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h3{font-family:var(--font-display);font-size:22px;font-weight:600}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.confirm{text-align:center}.confirm p{color:var(--muted);margin:14px 0 6px;line-height:1.6}.confirm p b{color:var(--text)}.confirm .modal-actions{justify-content:center}.confirm-icon{width:60px;height:60px;color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent);border-radius:50%;place-items:center;margin:0 auto;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{color:var(--muted);align-content:start;gap:7px;font-size:13px;font-weight:600;display:grid}.form-field.full,.form-note.full{grid-column:1/-1}.input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 14px;font-size:14.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-2) 18%, transparent)}textarea.input{resize:vertical;font-family:inherit}select.input{cursor:pointer}select.input option{background:var(--surface-solid);color:var(--text)}.form-note{align-items:center;gap:6px;font-size:13px;display:flex}.form-grid+.form-error{margin:16px 0 0}.type-picker,.priority-picker{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.priority-picker{grid-template-columns:repeat(3,1fr)}.type-option,.priority-option{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:12px;justify-items:center;gap:6px;padding:12px 6px;font-size:13px;font-weight:600;display:grid;position:relative}.type-option>*,.priority-option>*{z-index:1;position:relative}.type-option.active,.priority-option.active{color:var(--primary-2);border-color:#0000}.type-active,.priority-active{border:2px solid var(--primary-2);background:color-mix(in srgb, var(--primary-2) 12%, transparent);border-radius:12px;inset:0;z-index:0!important;position:absolute!important}.priority-option.priority-high.active{color:var(--red)}.priority-option.priority-medium.active{color:var(--yellow)}.priority-option.priority-low.active{color:var(--green)}.priority-high .priority-active{border-color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.priority-medium .priority-active{border-color:var(--yellow);background:color-mix(in srgb, var(--yellow) 12%, transparent)}.priority-low .priority-active{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.dash{background:var(--bg);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg-2);z-index:20;flex-direction:column;flex-shrink:0;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:26px;display:flex}.collapse-btn{flex-shrink:0;margin-left:auto}.side-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 16px 6px;font-size:11px;font-weight:700}.side-nav{gap:6px;display:grid}.side-bottom{border-top:1px solid var(--border);gap:6px;margin-top:auto;padding-top:16px;display:grid}.side-link{color:var(--muted);white-space:nowrap;text-align:left;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:14.5px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.side-link>*{z-index:1;position:relative}.side-link:hover{color:var(--text);background:var(--surface-2)}.side-link.active{color:var(--primary-2);background:0 0;font-weight:600}.side-icon{place-items:center;display:grid}.side-active{background:var(--accent-soft);border-radius:10px;inset:0;z-index:0!important;position:absolute!important}.side-badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:11.5px;font-weight:700;display:grid}.side-badge.dot{min-width:9px;height:9px;padding:0;top:8px;right:14px;position:absolute!important}.side-link.logout:hover{color:var(--red)}.dash-main{flex:1;min-width:0;padding:24px 34px 60px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:28px;font-weight:600}.topbar-right{align-items:center;gap:10px;display:flex}.search{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s;display:flex;overflow:hidden}.search:focus-within{border-color:var(--primary-2);color:var(--primary-2)}.search input{width:200px;color:var(--text);background:0 0;border:none;outline:none;padding:10px 0}.search-clear{color:var(--muted);place-items:center;display:grid}.bell{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;position:relative}.bell-dot{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.bell-dot:after{content:"";background:var(--red);border-radius:50%;animation:1.6s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}.user-btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 3px;display:flex}.user-chevron{color:var(--muted);place-items:center;display:grid}.dropdown-anchor{position:relative}.dropdown{z-index:60;background:var(--surface-solid);border:1px solid var(--border);width:320px;box-shadow:var(--shadow);transform-origin:100% 0;border-radius:14px;padding:10px;position:absolute;top:calc(100% + 10px);right:0}.dropdown-head{justify-content:space-between;align-items:center;padding:6px 8px 10px;display:flex}.dropdown-empty{color:var(--muted);justify-items:center;gap:8px;padding:24px;font-size:14px;display:grid}.alert-list{gap:4px;max-height:340px;display:grid;overflow-y:auto}.alert-list li{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;font-size:13.5px;transition:background .2s;display:flex}.alert-list li:hover{background:var(--surface-2)}.alert-icon{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.alert-overdue{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.alert-lease{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 14%, transparent)}.alert-ticket{color:var(--pink);background:color-mix(in srgb, var(--pink) 14%, transparent)}.user-menu{width:230px}.user-menu-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 12px;display:grid}.menu-item{border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;transition:background .2s;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--red)}.mobile-nav{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:22px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.card-head h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.loading-rows{gap:12px;padding:6px 0;display:grid}.skeleton-row{border-radius:12px;height:54px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:600}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.filter-tabs{background:var(--surface-2);border-radius:12px;gap:4px;max-width:100%;margin-bottom:18px;padding:4px;display:inline-flex;overflow-x:auto}.filter-tab{color:var(--muted);white-space:nowrap;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:color .2s;position:relative}.filter-tab.active{color:var(--text)}.filter-label{z-index:1;align-items:center;gap:6px;display:inline-flex;position:relative}.filter-label em{background:var(--surface-2);border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal}.filter-tab.active .filter-label em{background:var(--accent-soft);color:var(--primary-2)}.filter-pill{background:var(--bg);box-shadow:var(--shadow-soft);border-radius:9px;position:absolute;inset:0}.empty{text-align:center;justify-items:center;gap:8px;padding:50px 20px;display:grid}.empty-icon{width:64px;height:64px;color:var(--primary-2);background:var(--accent-soft);border-radius:16px;place-items:center;margin-bottom:6px;display:grid}.welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.welcome h2{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:4px;font-size:28px;font-weight:600}.wave{transform-origin:70% 70%;display:inline-block}.quick-actions{flex-wrap:wrap;gap:10px;display:flex}.quick-action{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex}.quick-action svg{color:var(--primary-2)}.quick-action:hover{border-color:color-mix(in srgb, var(--primary-2) 50%, var(--border))}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:22px;display:grid}.stat-card{cursor:default;align-items:center;gap:16px;display:flex}.stat-card strong{font-family:var(--font-display);letter-spacing:-.02em;margin:2px 0;font-size:26px;font-weight:600;display:block}.stat-icon{width:46px;height:46px;color:var(--primary-2);background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.trend{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.trend-good{color:var(--green)}.trend-bad{color:var(--red)}.trend-neutral{color:var(--muted)}.grid-2{grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px;display:grid}.bar-chart{align-items:flex-end;gap:10px;height:250px;padding-top:24px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex;position:relative}.bar-col span{color:var(--muted);font-size:11px}.bar{background:color-mix(in srgb, var(--accent) 35%, var(--surface-2));border-radius:6px 6px 2px 2px;width:100%;max-width:34px;transition:filter .2s}.bar-col:hover .bar{filter:brightness(1.25)}.bar-current{background:var(--accent)}.bar-future{background:var(--surface-2)}.bar-tip{background:var(--tip-bg);color:var(--tip-text);white-space:nowrap;z-index:2;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:-12px}.ring{width:170px;height:170px;margin:0 auto 18px;position:relative}.ring svg{width:100%;height:100%}.ring-track{stroke:var(--surface-2);stroke-width:12px;fill:none}.ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-label strong{font-family:var(--font-display);font-size:34px;font-weight:600}.occupancy-list{gap:10px;display:grid}.occupancy-row{grid-template-columns:120px 1fr 34px;align-items:center;gap:10px;font-size:13px;display:grid}.occupancy-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.occupancy-row small{text-align:right}.ticket-list{gap:10px;display:grid}.ticket-list li{background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.ticket-list li>svg{color:var(--accent);flex-shrink:0}.ticket-list li div{flex:1;min-width:0;display:grid}.ticket-list small{font-size:12px}.all-clear{color:var(--green);align-items:center;gap:8px;display:flex}.timeline{gap:18px;display:grid;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:10px;bottom:10px;left:14px}.timeline li{gap:14px;display:flex}.timeline-icon{background:var(--surface-solid);border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;position:relative}.tl-payment{color:var(--green)}.tl-tenant{color:var(--pink)}.tl-maintenance{color:var(--yellow)}.tl-property{color:var(--primary-2)}.timeline p{color:var(--text);font-size:14px}.timeline small{font-size:12px}.tag{background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.tag-green{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green)}.tag-blue{background:color-mix(in srgb, var(--blue) 15%, transparent);color:var(--blue)}.tag-yellow{background:color-mix(in srgb, var(--yellow) 15%, transparent);color:var(--yellow)}.tag-red{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.property-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.property-card{align-content:start;gap:10px;display:grid}.property-card .card-head{margin:6px 0 0}.property-img{color:#ffffffeb;border-radius:10px;place-items:center;height:140px;display:grid;position:relative;overflow:hidden}.property-img:after{content:"";background:radial-gradient(circle at 20% 20%,#ffffff2e,#0000 55%);position:absolute;inset:0}.property-type{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.property-actions{z-index:2;opacity:0;gap:6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-6px)}.property-card:hover .property-actions,.property-actions:focus-within{opacity:1;transform:none}.property-actions .row-action{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d}.address{align-items:center;gap:6px;font-size:13.5px;display:flex}.property-meta{justify-content:space-between;align-items:center;display:flex}.progress{background:var(--surface-2);border-radius:8px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:8px;height:100%}.table-card{padding:8px 8px 4px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px;font-size:12.5px;font-weight:600}td{border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:13px 14px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .2s}tbody tr:hover{background:var(--surface-2)}.row-flash{animation:1.2s row-flash}@keyframes row-flash{0%,40%{background:color-mix(in srgb, var(--green) 18%, transparent)}}.cell-user{align-items:center;gap:12px;display:inline-flex}.cell-sub{align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.cell-sub-inline{align-items:center;gap:6px;display:inline-flex}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.row-action{width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;transition:background .2s,color .2s;display:grid}.row-action:hover{background:var(--surface-2);color:var(--primary-2)}.row-action.danger:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.show-more{justify-content:center;padding:14px;display:flex}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.kanban-col{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);align-content:start;gap:12px;min-height:300px;padding:14px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.kanban-col.drag-over{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.kanban-head{align-items:center;gap:8px;padding:2px 4px 4px;display:flex}.kanban-head h3{flex:1;font-size:15px}.kanban-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.kanban-count{background:var(--surface-2);border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;display:grid}.kanban-item{cursor:grab;touch-action:none;background:var(--surface-solid);border:1px solid var(--border);border-left:3px solid var(--muted);box-shadow:none;border-radius:10px;gap:8px;padding:14px;display:grid;position:relative}.kanban-item:active{cursor:grabbing}.kanban-item.priority-high{border-left-color:var(--red)}.kanban-item.priority-medium{border-left-color:var(--yellow)}.kanban-item.priority-low{border-left-color:var(--green)}.kanban-item-top{align-items:center;gap:6px;display:flex}.kanban-item-top .row-actions{opacity:0;margin-left:auto;transition:opacity .2s}.kanban-item:hover .row-actions{opacity:1}.kanban-item .row-action{width:28px;height:28px}.grip{color:var(--muted)}.kanban-desc{font-size:13px;line-height:1.5}.kanban-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.kanban-meta span{align-items:center;gap:4px;display:inline-flex}.kanban-empty{border:2px dashed var(--border);height:90px;color:var(--muted);border-radius:14px;place-items:center;font-size:13px;display:grid}.settings-grid{grid-template-columns:1fr 1.6fr;gap:22px;display:grid}.settings-title{margin-bottom:6px;font-size:17px}.profile{align-items:center;gap:18px;margin-top:16px;display:flex}.profile p{margin:2px 0 8px}.avatar.lg{border-radius:22px;width:70px;height:70px;font-size:28px}.theme-options{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.theme-option{border:1px solid var(--border);text-align:left;background:var(--surface);border-radius:12px;gap:8px;padding:12px;display:grid;position:relative}.theme-option>:not(.theme-active){z-index:1;position:relative}.theme-active{border:2px solid var(--primary-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-2) 18%, transparent);border-radius:12px;inset:-1px;position:absolute!important}.theme-option-label{align-items:center;gap:8px;display:flex}.theme-preview{border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:26% 1fr;gap:6px;height:84px;padding:10px;display:grid;overflow:hidden}.theme-preview span{border-radius:5px}.theme-preview span:first-child{grid-row:span 2}.preview-light{background:#f1ebe4}.preview-light span{background:#fffdf9}.preview-light span:first-child{background:#2b2622}.preview-dark{background:#151312}.preview-dark span{background:#2a2623}.preview-dark span:first-child{background:#e0956c}.preview-system{background:linear-gradient(120deg,#f1ebe4 50%,#151312 50%)}.preview-system span{opacity:.6;background:#95928e}.danger-zone p{margin-bottom:16px;line-height:1.6}.settings-wide{grid-column:1/-1}.change-password .settings-title{align-items:center;gap:8px;display:flex}.change-password .settings-title svg{color:var(--primary-2)}.change-password-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 16px;margin-top:16px;display:grid}.change-password-fields .field{margin-bottom:12px}.change-password-fields .field-hint small{font-size:12px;font-weight:500}.change-password .settings-actions{margin-top:4px}.settings-wide>.muted{max-width:720px;line-height:1.6}.settings-actions{justify-content:flex-end;margin-top:16px;display:flex}.toggle-list{gap:10px;margin-top:18px;display:grid}.toggle-row{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s;display:flex}.toggle-row:hover{border-color:color-mix(in srgb, var(--primary-2) 45%, var(--border))}.toggle-row:focus-within{border-color:var(--primary-2)}.toggle-icon{width:38px;height:38px;color:var(--primary-2);background:var(--accent-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.toggle-text{flex:1;gap:2px;min-width:0;display:grid}.toggle-text small{line-height:1.5}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.switch{background:var(--border);border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:3px;transition:background .2s;display:flex}.switch.on{background:var(--primary);justify-content:flex-end}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0000004d}.notify-head{align-items:flex-start;gap:14px;display:flex}.notify-head b{align-items:center;gap:8px;font-size:16px;display:inline-flex}.notify-head p{margin-top:3px;line-height:1.55}.notify-icon{width:42px;height:42px;color:var(--muted);background:var(--surface-2);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.notify-icon.on{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.notify-hint{margin-top:14px;font-size:14px;line-height:1.55}.notify-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.notify-actions:empty{display:none}.notify-tip{margin-top:10px;font-size:12.5px}.install-steps{gap:8px;margin:12px 0 4px;padding-left:20px;font-size:14px;display:grid}.install-steps li{list-style:decimal}.install-steps svg{vertical-align:-2px;color:var(--primary-2)}.portal-tag{align-items:center;gap:4px;display:inline-flex}.invite-intro{margin-bottom:18px;line-height:1.6}.invite-link{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:6px 6px 6px 12px;display:flex}.invite-url{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:ui-monospace,Consolas,monospace;font-size:13.5px}.invite-actions{gap:10px;display:grid}.invite-note{margin-top:14px;font-size:13px;line-height:1.6}.invite-note .link-btn{align-items:center;gap:4px;font-size:13px;display:inline-flex}.verify-icon-bad{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.invite-bad{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);margin:0 auto 16px}.join-tenancy{background:color-mix(in srgb, var(--primary-2) 8%, transparent);color:var(--primary-2);border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px;display:flex}.join-tenancy b{color:var(--text);display:block}.join-tenancy small{font-size:12.5px}.portal{background:var(--bg);min-height:100vh}.portal-top{z-index:30;padding:calc(12px + env(safe-area-inset-top)) 6vw 12px;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.portal-main{max-width:1040px;margin:0 auto;padding:28px 6vw 60px}.portal-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.portal-wide{grid-column:1/-1}.card-head h3{align-items:center;gap:8px;display:inline-flex}.card-head h3 svg{color:var(--primary-2)}.rent-card{border-top:3px solid var(--accent);position:relative;overflow:hidden}.rent-card.overdue{border-top-color:var(--red)}.rent-card.paid-up{border-top-color:var(--green)}.eyebrow-sm{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.rent-card.overdue .eyebrow-sm{color:var(--red)}.rent-amount{font-family:var(--font-display);letter-spacing:-.03em;margin:6px 0 2px;font-size:42px;font-weight:600}.rent-meta{align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.rent-more{color:var(--red);margin-top:10px;font-size:13px;font-weight:600}.pay-online{justify-content:center;width:100%;margin-top:18px}.paid-up-state{height:100%;color:var(--green);align-items:center;gap:16px;display:flex}.paid-up-state b{color:var(--text);font-size:18px}.paid-up-state p{margin-top:2px}.pay-ref{margin-top:12px;font-size:13.5px;line-height:1.55}.invoice-list{gap:4px;display:grid}.invoice-list li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 88px;align-items:center;gap:14px;padding:10px 6px;display:grid}.invoice-list li:last-child{border-bottom:none}.invoice-list li>div{min-width:0;display:grid}.invoice-list small{font-size:12.5px}.invoice-list .tag{justify-self:end}.lease-list{gap:14px;display:grid}.lease-list>div{grid-template-columns:110px 1fr;gap:10px;font-size:14px;display:grid}.lease-list dt{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.lease-list dd{gap:2px;display:grid}.lease-list small{font-size:12.5px}.repair-form{gap:10px;margin-bottom:16px;display:grid}.repair-actions{justify-content:flex-end;gap:8px;display:flex}.portal-top{padding:calc(12px + env(safe-area-inset-top)) 24px 12px}.portal-top-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:flex}.portal-main{max-width:1248px;padding:32px 24px 64px}.portal-who{border-right:1px solid var(--border);align-items:center;gap:10px;margin-right:4px;padding-right:14px;display:flex}.portal-who b{font-size:14px;line-height:1.2;display:block}.portal-who small{font-size:12px}.portal-hello{margin-bottom:22px}.portal-hello h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:34px;font-weight:600}.portal-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.portal-stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:none;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.portal-stat-icon{width:38px;height:38px;color:var(--primary-2);background:color-mix(in srgb, var(--primary-2) 12%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.portal-stat>div{min-width:0;display:grid}.portal-stat strong{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:21px;font-weight:600;overflow:hidden}.portal-stat-note{color:var(--muted);font-size:12px}.portal-stat.bad .portal-stat-icon{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.portal-stat.bad strong,.portal-stat.bad .portal-stat-note{color:var(--red)}.portal-stat.good .portal-stat-icon{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.portal-stat.good strong{color:var(--green)}.portal-stat.warn .portal-stat-icon{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 12%, transparent)}.portal-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:22px;display:grid}.portal-primary,.portal-aside{gap:22px;min-width:0;display:grid}.pay-card{border-top:3px solid var(--accent);padding:0;display:grid;overflow:hidden}.pay-card.overdue{border-top-color:var(--red)}.pay-card.paid-up{border-top-color:var(--green)}.pay-card.overdue .eyebrow-sm{color:var(--red)}.pay-due{flex-direction:column;padding:26px 24px;display:flex}.pay-confirm{margin-top:auto;padding-top:18px;font-size:13px;line-height:1.55}.ref-chip{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;transition:border-color .2s,color .2s;display:inline-flex}.ref-chip b{color:var(--text);font-weight:600}.ref-chip:hover{border-color:var(--primary-2);color:var(--primary-2)}.invoice-table{display:grid}.invoice-row{border-bottom:1px solid var(--border);border-radius:8px;grid-template-columns:1.3fr 1fr 1fr 1fr 110px 96px;align-items:center;gap:12px;padding:12px 10px;font-size:14px;display:grid}.invoice-row:last-child{border-bottom:none}.invoice-row:not(.invoice-head):hover{background:var(--surface-2)}.invoice-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:0;padding-top:0;font-size:11.5px;font-weight:600}.invoice-row .num{text-align:right;justify-self:end}.inv-period{min-width:0;display:grid}.show-sm-block{display:none}.lease-progress{gap:6px;margin-bottom:18px;display:grid}.lease-progress-dates{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.lease-progress small{font-size:12px}@media (width<=1100px){.portal-layout{grid-template-columns:1fr}.portal-aside{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}@media (width<=1000px){.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.pay-card{grid-template-columns:1fr}}.status-tag{align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.status-tag i{background:currentColor;border-radius:50%;width:7px;height:7px}.status-tag.tag-green i{box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 25%, transparent)}.admin-who{cursor:default;padding-right:12px}.kv-list{display:grid}.kv-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:11px 2px;font-size:14px;display:flex}.kv-list li:last-child{border-bottom:none}.kv-list span{color:var(--muted)}.kv-list b{text-align:right;overflow-wrap:anywhere;font-weight:600}@media (width<=720px){.status-tag{padding:5px 10px}.admin-who{display:none}}.admin-brand{align-items:center;gap:10px;display:flex}.admin-badge{align-items:center;gap:4px;display:inline-flex}.admin-tabs{margin-bottom:6px}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-search{flex:1;max-width:420px}.admin-search input{width:100%}.role-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-option{text-align:left;border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.role-option>*{z-index:1;position:relative}.role-option>span:last-child{gap:2px;display:grid}.role-option b{color:var(--text);font-size:14px}.role-option small{font-size:12px;font-weight:500}.role-option.active{color:var(--primary-2);border-color:#0000}.role-option:disabled{opacity:.5;cursor:not-allowed}.password-row{align-items:stretch;gap:8px;display:flex}.password-row .input-wrap{flex:1}.password-row .input-wrap input{padding:10px 0}.password-row .btn{white-space:nowrap}.admin-db{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.admin-db>*{min-width:0}.admin-db-text{margin-bottom:14px;font-size:14px;line-height:1.6}.admin-db-text code{background:var(--surface-2);color:var(--text);border-radius:5px;padding:1px 6px;font-size:13px}.log-preview{font:12px/1.6 var(--font-mono);color:#d8cfc6;background:#1a1714;border-radius:12px;gap:2px;padding:10px;display:grid;overflow:hidden}.log-preview li{border-radius:6px;grid-template-columns:64px 44px minmax(0,1fr);gap:10px;padding:2px 6px;display:grid}.log-preview .lp-time{color:#8d8278}.log-preview .lp-msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lvl-info .lp-level,.lvl-info .cl-level{color:#7fd1a0}.lvl-debug .lp-level,.lvl-debug .cl-level,.lvl-trace .lp-level,.lvl-trace .cl-level{color:#8d8278}.lvl-warn .lp-level,.lvl-warn .cl-level{color:#f2c46d}.lvl-error .lp-level,.lvl-error .cl-level,.lvl-fatal .lp-level,.lvl-fatal .cl-level{color:#ff8a7a}.log-preview .lvl-warn,.console-line.lvl-warn{background:#f2c46d12;box-shadow:inset 2px 0 #f2c46d}.log-preview .lvl-error,.log-preview .lvl-fatal,.console-line.lvl-error,.console-line.lvl-fatal{background:#ff8a7a14;box-shadow:inset 2px 0 #ff8a7a}.console-backdrop{z-index:300;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);place-items:center;padding:3vh 3vw;display:grid;position:fixed;inset:0}.console-win{background:var(--surface-solid);border:1px solid var(--border);width:min(1280px,100%);height:min(860px,94vh);box-shadow:var(--shadow);border-radius:20px;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.console-win-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px 18px;display:flex}.console-win-icon{width:42px;height:42px;color:var(--primary-2);background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;display:grid}.console-win-title{min-width:0;margin-right:auto;display:grid}.console-win-title h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.console-win-title small{color:var(--muted);font-size:12px}.console-win-figures{gap:8px;display:flex}.console-win-figures span{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:1px;min-width:92px;padding:7px 12px;display:grid}.console-win-figures small{color:var(--muted);font-size:11px}.console-win-figures b{font-size:14px;font-family:var(--font-display)}.console-win-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.console-win-tools .filter-tabs{margin:0}.console-filter{flex:220px}.console-filter input{width:100%}.console-req{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.console-count{color:var(--muted);white-space:nowrap;font-size:12.5px}.console-win-body{font:12.5px/1.6 var(--font-mono);color:#e6ddd4;overscroll-behavior:contain;background:#151312;padding:8px 0;overflow:auto}.console-line-row{text-align:left;width:100%;color:inherit;font:inherit;grid-template-columns:100px 52px 140px minmax(0,1fr);gap:14px;padding:2px 18px;display:grid}.console-line-row:hover{background:#ffffff0a}.cl-time{color:#8d8278}.cl-level{font-weight:700}.cl-module{color:#b59a86;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-msg{white-space:pre-wrap;word-break:break-word}.console-line.open{background:#ffffff0d}.console-line-detail{padding:6px 18px 12px 184px}.console-line-actions{gap:6px;margin-bottom:8px;display:flex}.console-line-detail .btn-ghost{color:#e6ddd4;background:#ffffff0f;border-color:#ffffff1f}.console-line-detail pre{white-space:pre-wrap;word-break:break-word;background:#ffffff0a;border-radius:8px;max-height:360px;margin:0;padding:12px;overflow:auto}.console-empty{color:#8d8278;padding:24px 18px}.console-page{background:var(--bg);height:100dvh;padding:12px}.console-win.standalone{width:100%;height:100%}@media (width<=1100px){.console-win-figures{display:none}}@media (width<=720px){.console-backdrop{padding:0}.console-win{border-radius:0;height:100dvh}.console-win-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;gap:10px}.console-win-head .status-tag{display:none}.console-win-tools{padding:10px 12px}.console-win-body{font-size:11.5px}.console-line-row{grid-template-columns:86px 38px minmax(0,1fr);gap:8px;padding:2px 12px}.cl-module{display:none}.console-line-detail{padding:6px 12px 12px}}:root{--st-ok:#27935f;--st-warn:#b88a16;--st-err:#d9476a;--st-neutral:#6f655d}:root[data-theme=light]{--st-ok:#2f8a5b;--st-warn:#c98a00;--st-err:#b3264a;--st-neutral:#b3a89d}.tone-ok{--c:var(--st-ok)}.tone-warn{--c:var(--st-warn)}.tone-err{--c:var(--st-err)}.tone-neutral{--c:var(--st-neutral)}.tone-accent{--c:var(--accent)}:root{--cat-1:#c97650;--cat-2:#5d8fd8;--cat-3:#a08a2a}:root[data-theme=light]{--cat-1:#c0714a;--cat-2:#3f6fb5;--cat-3:#8a7a1e}.tone-cat1{--c:var(--cat-1)}.tone-cat2{--c:var(--cat-2)}.tone-cat3{--c:var(--cat-3)}.plot{grid-template-rows:minmax(0,1fr) auto;padding-left:44px;display:grid;position:relative}.plot-grid{pointer-events:none;position:absolute;inset:0 0 22px}.plot-grid span{border-top:1px dashed color-mix(in srgb, var(--text) 10%, transparent);position:absolute;left:44px;right:0}.plot-grid span:last-child{border-top:1px solid var(--border)}.plot-grid em{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;position:absolute;top:-7px;right:calc(100% + 8px)}.plot-area{min-height:0;position:relative}.plot-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plot-x{color:var(--muted);justify-content:space-between;padding-top:8px;font-size:11px;display:flex}.plot-empty{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.area-stop-top{stop-color:var(--accent);stop-opacity:.28}.area-stop-bottom{stop-color:var(--accent);stop-opacity:0}.area-fill{fill:url(#area-fill)}.area-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.plot-cross{stroke:color-mix(in srgb, var(--text) 28%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.plot-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:50%;margin:0 0 -4px -4px;position:absolute}.plot-dot.on{width:10px;height:10px;margin:0 0 -5px -5px}.plot-bars{align-items:flex-end;display:flex}.plot-slot{border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:flex-end;height:100%;transition:background .15s;display:flex}.plot-slot.on{background:color-mix(in srgb, var(--text) 5%, transparent)}.plot-bar{border-radius:4px 4px 1px 1px;flex-direction:column;gap:2px;width:62%;max-width:16px;display:flex;overflow:hidden}.plot-bar i{background:var(--c);min-height:2px;display:block}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin:-6px 0 12px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend span:before{content:"";background:var(--c);border-radius:3px;width:10px;height:10px}.chart-tip{z-index:5;white-space:nowrap;pointer-events:none;background:var(--tip-bg);color:var(--tip-text);box-shadow:var(--shadow-sm);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:-8px;transform:translate(-50%,-100%)}.donut{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:22px;display:grid}.donut svg{width:140px;height:140px}.donut-track{fill:none;stroke:var(--surface-2);stroke-width:11px}.donut-seg{fill:none;stroke:var(--c);stroke-width:11px;cursor:default;transition:stroke-width .2s}.donut-seg.on{stroke-width:14px}.donut-value{font:700 21px var(--font-display);fill:var(--text)}.donut-label{fill:var(--muted);font-size:9px}.donut-legend{gap:4px;display:grid}.donut-legend li{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.donut-legend li.on{background:var(--surface-2)}.donut-legend li:before{content:"";background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.donut-legend span{color:var(--muted);flex:1}.donut-legend b{font-variant-numeric:tabular-nums}.ring-gauge{flex:none}.ring-gauge-track{fill:none;stroke:var(--surface-2);stroke-width:6px}.ring-gauge-fill{fill:none;stroke:var(--c,var(--accent));stroke-width:6px;stroke-linecap:round}.ring-gauge text{font:700 12.5px var(--font-display);fill:var(--text)}.hbars{gap:14px;display:grid}.hbars li{grid-template-columns:110px minmax(0,1fr) 48px;align-items:center;gap:12px;font-size:13.5px;display:grid}.hbars span{color:var(--muted)}.hbars i{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.hbars b{border-radius:inherit;background:var(--accent);height:100%;display:block}.hbars strong{text-align:right;font-variant-numeric:tabular-nums}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi{align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.kpi>div{gap:2px;min-width:0;display:grid}.kpi small{color:var(--muted);font-size:12.5px}.kpi strong{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;overflow:hidden}.kpi>div>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.kpi-icon{width:52px;height:52px;color:var(--primary-2);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;display:grid}.kpi-icon:has(svg.ring-gauge){background:0 0}.kpi-warn>div>span{color:var(--st-warn)}.kpi-err>div>span{color:var(--st-err)}.card-head h3{white-space:nowrap}.card-head>small{text-align:right}.card-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.server-grid{gap:16px;display:grid}.server-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.server-row-wide{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.server-row>.card{flex-direction:column;display:flex}.server-row>.card>.plot{flex:1 0 auto}.server-status{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:22px;display:grid}.server-status-icon{width:54px;height:54px;color:var(--muted);background:var(--surface-2);border-radius:16px;place-items:center;display:grid;position:relative}.server-status-icon i{background:var(--muted);width:14px;height:14px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:-3px;right:-3px}.server-status.is-ok .server-status-icon{color:var(--st-ok);background:color-mix(in srgb, var(--st-ok) 12%, transparent)}.server-status.is-ok .server-status-icon i{background:var(--st-ok);animation:2s ease-out infinite live-pulse}.server-status.is-bad .server-status-icon{color:var(--st-err);background:color-mix(in srgb, var(--st-err) 12%, transparent)}.server-status.is-bad .server-status-icon i{background:var(--st-err)}@keyframes live-pulse{0%{box-shadow:0 0 0 3px var(--surface), 0 0 0 3px color-mix(in srgb, var(--st-ok) 50%, transparent)}to{box-shadow:0 0 0 3px var(--surface), 0 0 0 12px transparent}}@media (prefers-reduced-motion:reduce){.server-status.is-ok .server-status-icon i{animation:none}}.server-status-text h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.server-status-text p{margin-top:2px;font-size:13.5px}.server-status-facts{border:1px solid var(--border);border-radius:12px;gap:0;display:flex;overflow:hidden}.server-status-facts>div{gap:2px;padding:8px 16px;display:grid}.server-status-facts>div+div{border-left:1px solid var(--border)}.server-status-facts dt{color:var(--muted);font-size:11.5px}.server-status-facts dd{white-space:nowrap;font-size:14px;font-weight:600}@media (width<=1200px){.server-status{grid-template-columns:auto minmax(0,1fr)}.server-status-facts,.server-status>.btn{grid-column:1/-1;justify-self:start}}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.server-row,.server-row-wide{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.kpi-icon{width:40px;height:40px}.kpi-icon:has(svg.ring-gauge){width:auto;height:auto}.kpi-icon svg:not(.ring-gauge){width:18px;height:18px}.kpi strong{font-size:18px}.kpi>div>span{white-space:normal}.server-status{gap:14px}.server-status-facts{width:100%}.server-status-facts>div{flex:1;padding:8px 10px}.server-status>.btn{width:100%}.donut{grid-template-columns:112px minmax(0,1fr);gap:14px}.donut svg{width:112px;height:112px}.plot{padding-left:36px}.plot-grid span{left:36px}}.backup-hero{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 55%), var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.backup-art{flex:none;width:128px;height:106px}.ba-halo{fill:color-mix(in srgb, var(--accent) 10%, transparent)}.ba-stop-a{stop-color:color-mix(in srgb, var(--accent) 55%, var(--surface))}.ba-stop-b{stop-color:color-mix(in srgb, var(--accent) 22%, var(--surface))}.ba-top{fill:color-mix(in srgb, var(--accent) 70%, var(--surface))}.ba-ring{fill:none;stroke:color-mix(in srgb, var(--surface) 55%, transparent);stroke-width:1.5px}.ba-paper{fill:var(--surface-solid);stroke:var(--accent);stroke-width:2px}.ba-fold{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.ba-arrow{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.backup-hero-text h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:21px;font-weight:700}.backup-hero-text>p{max-width:62ch;font-size:14px;line-height:1.55}.backup-hero-badge{color:var(--st-ok);background:color-mix(in srgb, var(--st-ok) 12%, transparent);border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.backup-hero-action{justify-items:end;gap:8px;display:grid}.backup-hero-action small{font-size:12.5px}.backup-due{color:var(--st-warn);font-weight:600}.backup-history{gap:4px;display:grid;position:relative}.backup-history:before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:14px;left:13px}.backup-history li{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;display:grid;position:relative}.backup-history li>div{gap:1px;min-width:0;display:grid}.backup-history b{font-size:13.5px;font-weight:600}.backup-history small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.backup-history time{white-space:nowrap;font-size:12px}.bh-icon{z-index:1;width:28px;height:28px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:grid;position:relative}.bh-backup .bh-icon{color:var(--primary-2);background:var(--accent-soft)}.bh-restore .bh-icon{color:var(--st-warn);background:color-mix(in srgb, var(--st-warn) 14%, var(--surface))}.backup-history.compact{margin-bottom:4px}.backup-history.compact:before{left:11px}.backup-history.compact li{grid-template-columns:24px minmax(0,1fr) auto}.backup-history.compact .bh-icon{width:24px;height:24px}.backup-history-empty{text-align:center;color:var(--muted);place-items:center;gap:8px;padding:28px 10px;font-size:13.5px;display:grid}.backup-history-empty svg{color:color-mix(in srgb, var(--accent) 60%, var(--muted))}.restore-flow{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.restore-steps{gap:18px;padding:4px 0;display:grid}.restore-steps li:not(:last-child):after{content:"";background:var(--border);border-radius:2px;width:2px;height:calc(100% - 22px);position:absolute;top:36px;left:15px}.restore-steps li.done:not(:last-child):after{background:var(--st-ok)}.restore-steps li{opacity:.55;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;transition:opacity .2s;display:grid;position:relative}.restore-steps li.on,.restore-steps li.done{opacity:1}.restore-steps li>div{gap:2px;padding-top:5px;display:grid}.restore-steps b{font-size:14px}.restore-steps small{font-size:12.5px;line-height:1.45}.restore-step-dot{z-index:1;width:32px;height:32px;color:var(--muted);background:var(--surface-2);box-shadow:0 0 0 4px var(--surface);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative}.restore-steps li.on .restore-step-dot{color:var(--primary-2);background:var(--accent-soft);box-shadow:0 0 0 4px var(--surface), 0 0 0 5px color-mix(in srgb, var(--accent) 45%, transparent)}.restore-steps li.done .restore-step-dot{color:#fff;background:var(--st-ok)}.restore-main{gap:14px;min-width:0;display:grid}.dropzone{text-align:center;cursor:pointer;width:100%;min-height:190px;color:var(--muted);border:1.5px dashed color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface));border-radius:16px;place-items:center;gap:6px;padding:24px;transition:border-color .2s,background .2s,transform .2s;display:grid}.dropzone svg{color:var(--primary-2)}.dropzone b{color:var(--text);font-size:15px}.dropzone small{font-size:12.5px}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.dropzone.over{transform:scale(1.01)}.dropzone:disabled{cursor:progress}.restore-main .restore-preview{border:0;margin:0;padding:0;overflow:visible}.restore-file{background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.restore-file-icon{width:38px;height:38px;color:var(--primary-2);background:var(--accent-soft);border-radius:10px;flex:none;place-items:center;display:grid}.restore-file p{overflow-wrap:anywhere;gap:2px;min-width:0;font-size:14px;display:grid}.restore-main .chart-legend{margin:2px 0 0}.compare-bars{gap:10px;display:grid}.compare-bars li{grid-template-columns:130px minmax(0,1fr) 76px;align-items:center;gap:12px;font-size:13px;display:grid}.compare-bars li>span{color:var(--muted)}.compare-bars li>div{gap:3px;display:grid}.compare-bars i{background:var(--surface-2);border-radius:999px;height:6px;display:block;overflow:hidden}.compare-bars i b{border-radius:inherit;background:var(--c);height:100%;display:block}.compare-bars strong{font-variant-numeric:tabular-nums;justify-items:end;line-height:1.2;display:grid}.compare-bars strong small{font-size:11px;font-weight:600}.cmp-up{color:var(--st-ok)}.cmp-down{color:var(--st-err)}.split-bar{border-top:1px solid var(--border);gap:8px;margin-top:18px;padding-top:16px;display:grid}.split-bar small{font-size:12px}.split-bar>div{background:var(--surface-2);border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.split-bar i{background:var(--c);min-width:2px;display:block}.split-bar p{color:var(--muted);justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.split-bar p span{align-items:center;gap:6px;display:inline-flex}.split-bar p span:before{content:"";background:var(--c);border-radius:3px;width:9px;height:9px}.split-bar p b{color:var(--text);font-variant-numeric:tabular-nums}.overview-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.overview-row>.card{min-width:0}.ov-card{flex-direction:column;display:flex}.ov-card .kv-list{margin-bottom:4px}.ov-rings{justify-content:space-around;gap:12px;margin:-4px 0 12px;display:flex}.ov-rings>div{justify-items:center;gap:4px;display:grid}.ov-rings small{font-size:12px}.ov-rings .ring-gauge text{font-size:11.5px}.ov-figure{gap:2px;margin:-6px 0 14px;display:grid}.ov-figure strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:600}.ov-figure small{font-size:12.5px}.ov-foot{margin-top:10px;font-size:12.5px}.ov-link{color:var(--primary-2);background:0 0;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;display:inline-flex}.ov-link svg{transition:transform .2s}.ov-link:hover svg{transform:translate(3px)}.ov-clear{text-align:center;justify-items:center;gap:4px;padding:22px 10px;display:grid}.ov-clear svg{color:var(--st-ok);margin-bottom:4px}.ov-clear small{font-size:12.5px}.ov-todo{gap:8px;display:grid}.ov-todo button{text-align:left;width:100%;color:var(--text);border:1px solid color-mix(in srgb, var(--c) 30%, var(--border));background:color-mix(in srgb, var(--c) 6%, var(--surface));border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:grid}.ov-todo button>svg{color:var(--muted)}.ov-todo button:hover{background:color-mix(in srgb, var(--c) 11%, var(--surface))}.ov-todo-icon{width:30px;height:30px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:9px;place-items:center;display:grid}.ov-people{gap:4px;display:grid}.ov-people li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 0;font-size:13.5px;display:grid}.ov-people li+li{border-top:1px solid var(--border)}.ov-people li>div{gap:1px;min-width:0;display:grid}.ov-people b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ov-people small{font-size:12px}@media (width<=1200px){.overview-row{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-hero{grid-template-columns:auto minmax(0,1fr)}.backup-hero-action{grid-column:1/-1;grid-auto-flow:column;justify-content:start;place-items:center start;gap:14px}}@media (width<=900px){.restore-flow{grid-template-columns:minmax(0,1fr);gap:20px}.restore-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.restore-steps li:not(:last-child):after{width:auto;height:2px;top:15px;left:40px;right:-4px}.restore-steps li{grid-template-columns:minmax(0,1fr);justify-items:start}.restore-steps small{display:none}}@media (width<=720px){.overview-row{grid-template-columns:minmax(0,1fr)}.backup-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}.backup-art{width:96px;height:80px}.backup-hero-action{grid-auto-flow:row;justify-items:stretch}.compare-bars li{grid-template-columns:96px minmax(0,1fr) 60px;gap:8px}.dropzone{min-height:150px}}.admin-warning{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 10%, transparent);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.admin-warning svg{flex-shrink:0;margin-top:2px}.restore-preview{border-top:1px solid var(--border);gap:14px;margin-top:16px;padding-top:16px;display:grid;overflow:hidden}.restore-preview p{overflow-wrap:anywhere;gap:2px;font-size:14px;display:grid}.restore-preview small{font-size:12.5px}.restore-counts{gap:6px;display:grid}.restore-counts li{background:var(--surface-2);border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:13.5px;display:flex}@media (width<=1100px){.admin-db{grid-template-columns:1fr 1fr}.admin-restore{grid-column:1/-1}}@media (width<=720px){.admin-db{grid-template-columns:1fr;gap:14px}.admin-search{flex-basis:100%;max-width:none}.admin-toolbar .btn{width:100%}.role-picker{grid-template-columns:1fr}.admin-brand .logo>span:not(.logo-mark){display:none}}.automation-banner{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.automation-banner.on{border-color:color-mix(in srgb, var(--green) 35%, var(--border));background:color-mix(in srgb, var(--green) 6%, var(--surface))}.automation-banner p{margin-top:2px;font-size:13.5px;line-height:1.55}.automation-icon{width:36px;height:36px;color:var(--muted);background:var(--surface-2);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.automation-banner.on .automation-icon{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.invoice-meta{gap:6px;margin-top:5px;display:flex}.invoice-chip{color:var(--muted);background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.bill-chip{vertical-align:1px;border-radius:999px;justify-self:start;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.bill-water{--bill:var(--blue);color:var(--bill);background:color-mix(in srgb, var(--bill) 13%, transparent)}.bill-fee{--bill:var(--primary-2);color:var(--bill);background:color-mix(in srgb, var(--bill) 12%, transparent)}.bill-electricity{--bill:var(--yellow);color:var(--bill);background:color-mix(in srgb, var(--bill) 14%, transparent)}.bill-type-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bill-type-option{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.bill-type-option.active{border-color:var(--bill);color:var(--bill);background:color-mix(in srgb, var(--bill) 10%, var(--surface))}.split-head{display:block}.split-modes{flex-wrap:wrap;gap:6px;display:flex}.split-total-usage{background:var(--surface-2);color:var(--text);border-radius:10px;grid-template-columns:1fr minmax(0,160px);align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:grid}.split-total-usage small{font-weight:400}.split-usage{position:relative}.split-ratio.split-usage .input{text-align:right;width:112px;padding-right:40px}.split-unit{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:10px;translate:0 -50%}.split-warn{color:var(--red)}.tag-muted{color:var(--muted)}tr.row-cancelled td{opacity:.6}tr.row-cancelled td.cell-actions{opacity:1}.fee-suggestions,.fee-monthly{grid-column:1/-1}.fee-suggestions{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.fee-suggestion{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.fee-suggestion:hover,.fee-suggestion.active{color:var(--primary-2);border-color:var(--primary-2)}.fee-monthly{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.fee-monthly input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.fee-monthly>span{gap:3px;display:grid}.fee-monthly b{color:var(--text);align-items:center;gap:6px;font-size:14px;display:inline-flex}.fee-monthly small{font-size:12.5px;font-weight:400;line-height:1.5}.fee-tenants{max-height:300px;overflow-y:auto}.fee-group+.fee-group{border-top:1px solid var(--border)}.fee-group-head{background:var(--surface-2);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-weight:400;display:flex}.fee-group-head input{width:16px;height:16px;accent-color:var(--primary)}.fee-group-head b{font-size:13px}.fee-group-head small{margin-left:auto;font-size:12px}.fee-row{cursor:pointer;grid-template-columns:minmax(0,1fr) auto}.fee-summary{cursor:default}.utility-shared{margin:2px 6px 8px;font-size:12.5px}.inv-usage{font-size:12px;display:block}.split-mode{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.split-mode.active{color:var(--primary-2);border-color:var(--primary-2)}.split-list{border:1px solid var(--border);border-radius:12px;display:grid;overflow:hidden}.split-row{background:var(--surface);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.split-row+.split-row{border-top:1px solid var(--border)}.split-row.off{background:var(--surface-2)}.split-row.off .split-who b{color:var(--muted)}.split-who{min-width:0;color:var(--text);cursor:pointer;align-items:center;gap:10px;font-weight:400;display:flex}.split-who input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.split-who>span{min-width:0;display:grid}.split-who b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.split-who small{font-size:12px}.split-ratio .input{text-align:center;width:76px;padding:7px 8px}.split-amount{font-variant-numeric:tabular-nums;justify-items:end;min-width:88px;display:grid}.split-amount b{color:var(--text);font-size:14px}.split-amount small{font-size:12px}.split-note{margin-top:8px;font-size:12.5px;font-weight:400;line-height:1.5}.utility-card{margin-top:24px}.utility-list{margin-top:6px;display:grid}.utility-item+.utility-item{border-top:1px solid var(--border)}.utility-summary{text-align:left;width:100%;color:var(--text);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.utility-icon{width:36px;height:36px;color:var(--bill);background:color-mix(in srgb, var(--bill) 13%, transparent);border-radius:10px;place-items:center;display:grid}.utility-main{gap:2px;min-width:0;display:grid}.utility-main b{font-size:14.5px}.utility-main small{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.utility-total{font-variant-numeric:tabular-nums;justify-items:end;gap:2px;display:grid}.utility-total small{font-size:12px}.utility-done{color:var(--green);font-weight:600}.utility-chevron{color:var(--muted);transition:transform .2s}.utility-chevron.open{transform:rotate(180deg)}.utility-detail{overflow:hidden}.utility-shares{width:100%;margin:0 0 6px;font-size:13.5px}.utility-shares td{border-top:1px dashed var(--border);padding:8px 6px}.utility-shares td.num{text-align:right;white-space:nowrap}.utility-actions{justify-content:flex-end;padding-bottom:10px;display:flex}@media (width<=720px){.split-row{grid-template-columns:minmax(0,1fr) auto}.split-ratio{grid-area:1/2}.split-amount{grid-area:2/1/auto/-1;grid-auto-flow:column;justify-content:start;justify-items:start;gap:8px;padding-left:28px}.split-row:has(.split-ratio) .split-amount{grid-column:1/-1}.utility-summary{grid-template-columns:auto minmax(0,1fr) auto}.utility-chevron{display:none}}@media (width<=1200px){.kanban{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.login-page,.grid-2,.settings-grid{grid-template-columns:1fr}.settings-grid>:nth-child(2){grid-row:auto}}.show-sm,.mobile-label{display:none}.install-hint{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--primary-2) 30%, var(--border));box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:18px;overflow:hidden}.install-hint-inner{align-items:flex-start;gap:12px;padding:14px 12px 0 14px;display:flex}.install-hint-icon{background:var(--primary);width:40px;height:40px;color:var(--on-primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.install-hint-text{flex:1;gap:2px;min-width:0;display:grid}.install-hint-text b{font-size:14.5px}.install-hint-text span{color:var(--muted);font-size:13px;line-height:1.45}.install-hint-close{width:30px;height:30px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.install-hint-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px 14px 66px;display:flex}.install-hint-menu{align-items:center;gap:4px;font-size:13px;display:inline-flex}.install-hint-menu svg{color:var(--primary-2)}.ios-sheet-backdrop{z-index:400;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.ios-sheet{padding:10px 20px calc(80px + env(safe-area-inset-bottom));background:var(--surface-solid);box-shadow:var(--shadow);border-radius:20px 20px 0 0;position:absolute;bottom:0;left:0;right:0}.ios-sheet-backdrop.is-desktop{place-items:center;padding:24px;display:grid}.ios-sheet.is-desktop{border-radius:18px;width:min(480px,100%);padding:26px 26px 20px;position:relative;bottom:auto;left:auto;right:auto}.ios-sheet.is-desktop .ios-steps li{font-size:14.5px}.ios-sheet-grip{background:var(--border);border-radius:5px;width:40px;height:5px;margin:0 auto 14px}.ios-sheet h3{font-family:var(--font-display);margin-bottom:14px;font-size:22px;font-weight:600}.ios-steps{gap:12px;margin-bottom:20px;display:grid}.ios-steps li{align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;display:flex}.ios-step-num{background:var(--primary);width:26px;height:26px;color:var(--on-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.ios-key{vertical-align:-6px;background:var(--surface-2);width:24px;height:24px;color:var(--blue);border-radius:6px;place-items:center;display:inline-grid}.ios-sheet-note{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.android-menu-arrow{right:10px;top:calc(10px + env(safe-area-inset-top));background:var(--primary);width:48px;height:48px;color:var(--on-primary);box-shadow:0 10px 24px -8px var(--primary);border-radius:50%;place-items:center;display:grid;position:absolute}.ios-share-arrow{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--primary);width:48px;height:48px;color:var(--on-primary);box-shadow:0 10px 24px -8px var(--primary);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50%}@media (width<=720px){.hide-sm{display:none}.show-sm{display:inline}.login-page{--head-h:60px;padding:0 16px env(safe-area-inset-bottom)}.login-header{top:env(safe-area-inset-top);left:16px;right:16px}.login-header .logo{font-size:17px}.login-center{padding:calc(var(--head-h) + env(safe-area-inset-top) + 20px) 0 28px;gap:20px}.login-intro h1{font-size:36px}.login-intro p{font-size:16px}.login-form-wrap{width:100%}.login-card{border-radius:24px;padding:20px}.auth-tabs{margin-bottom:22px}.otp{gap:6px}.otp input{font-size:22px}.input-wrap input,.input{font-size:16px}.sidebar{display:none}.dash-main{padding:0 16px calc(100px + env(safe-area-inset-bottom))}.topbar{z-index:30;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px 8px;margin:0 -16px 18px;display:grid;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.topbar .topbar-right{display:contents}.topbar:has(.install-btn){grid-template-columns:minmax(0,1fr) auto auto auto auto}.topbar .search{grid-area:2/1/auto/-1}.search input{width:100%;font-size:16px}.theme-toggle,.bell{width:38px;height:38px}.dropdown{left:12px;right:12px;top:calc(64px + env(safe-area-inset-top));width:auto;position:fixed}.page-head{margin-bottom:16px}.page-head h2{display:none}.page-head .muted{font-size:14px}.page-actions{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.page-actions .btn{padding:11px 12px;font-size:14px}.welcome{margin-bottom:18px}.welcome h2{font-size:24px}.quick-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.quick-action{justify-content:center}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-grid>:last-child:nth-child(odd){grid-column:1/-1}.stat-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.stat-card strong{font-size:21px}.stat-icon{border-radius:10px;width:38px;height:38px}.stat-icon svg{width:18px;height:18px}.card{padding:18px 16px}.grid-2{gap:16px;margin-bottom:16px}.bar-chart{gap:4px;height:200px}.bar-col span{font-size:9.5px}.automation-banner{padding:12px 14px}.table-card{box-shadow:none;background:0 0;border:none;padding:0}.table-wrap{overflow:visible}.table-card table,.table-card tbody,.table-card tr,.table-card td{display:block}.table-card thead{display:none}.table-card tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:10px;padding:14px;display:grid}.table-card tbody tr:hover{background:var(--surface)}.table-card td{white-space:normal;border:none;min-width:0;padding:0;font-size:14px}.table-card td[data-label]:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:10.5px;font-weight:600;display:block}.table-card td.cell-main{grid-column:1/-1}.table-card td.cell-actions{border-top:1px solid var(--border);grid-column:1/-1;padding-top:10px}.table-card td.cell-actions .row-actions{flex-wrap:wrap;justify-content:flex-end}.table-card td .cell-sub{white-space:normal}.show-more{padding:4px 0 0}.filter-tabs{margin-bottom:14px}.kanban,.form-grid{grid-template-columns:1fr}.type-picker{grid-template-columns:repeat(2,1fr)}.property-actions{opacity:1;transform:none}.kanban-item-top .row-actions{opacity:1}.occupancy-row{grid-template-columns:100px 1fr 34px}.settings-grid{gap:16px}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px}.theme-option{padding:8px}.theme-option small{display:none}.theme-preview{gap:4px;height:54px;padding:6px}.toggle-row{gap:12px;padding:12px}.toggle-icon{display:none}.mobile-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;background:var(--nav-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border-radius:18px;justify-content:space-between;gap:2px;padding:6px;display:flex;position:fixed}.mobile-link{min-width:0;height:52px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:12px;flex:1;align-content:center;place-items:center;gap:3px;display:grid;position:relative}.mobile-link svg,.mobile-label{z-index:1;position:relative}.mobile-label{letter-spacing:.01em;font-size:10.5px;font-weight:600;display:block}.mobile-link.active{color:var(--on-primary)}.mobile-active{background:var(--primary);border-radius:12px;position:absolute;inset:0}.toasts{width:auto;left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom))}.modal-backdrop{place-items:end stretch;padding:0}.modal{max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-bottom:none;border-radius:18px 18px 0 0}.modal-actions{background:var(--surface-solid);margin:18px -18px 0;padding:12px 18px 0;position:sticky;bottom:-1px}.modal-actions .btn{flex:1}.portal-top{padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.portal-main{padding:18px 16px calc(40px + env(safe-area-inset-bottom))}.portal-grid{grid-template-columns:1fr;gap:14px}.rent-amount{font-size:38px}.portal-hello h2{font-size:26px}.portal-hello{margin-bottom:16px}.portal-stats{gap:10px;margin-bottom:14px}.portal-stat{flex-direction:column;gap:8px;padding:14px}.portal-stat strong{font-size:17px}.portal-layout,.portal-primary,.portal-aside{gap:14px}.portal-aside{grid-template-columns:1fr}.pay-due{padding:18px 16px}.invoice-head,.inv-desk{display:none}.invoice-row{grid-template-columns:1fr auto;gap:4px 12px;padding:10px 4px}.invoice-row>.num:last-child{grid-column:2}.show-sm-block{display:block}.lease-list>div{grid-template-columns:1fr;gap:2px}.invoice-list li{grid-template-columns:1fr auto;gap:4px 12px}.invoice-list .tag{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sw{vertical-align:top;margin:-.04em -.12em -.16em;padding:.04em .12em .16em;display:inline-block;overflow:hidden}.sw>span{will-change:transform;display:inline-block}.scrub-text{font-family:var(--font-display);letter-spacing:-.01em;margin:22px 0 0;font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.35}.scrub-text .w{color:color-mix(in srgb, var(--text) 18%, transparent);transition:color .45s}.scrub-text .w.on{color:var(--text)}.scrub-text .w.accent.on{color:var(--accent)}.showpiece{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;display:grid}.showpiece-copy .split-heading{font-family:var(--font-display);letter-spacing:-.015em;margin:14px 0 0;font-size:clamp(30px,3.8vw,46px);font-weight:600;line-height:1.18}.showpiece-hint{color:var(--muted);align-items:center;gap:8px;margin-top:26px;font-size:13.5px;display:inline-flex}.dot-figure{aspect-ratio:1;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--primary-2) 9%, transparent), transparent 62%), color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid var(--border);touch-action:pan-y;cursor:default;border-radius:28px;justify-self:center;width:100%;max-width:560px;position:relative}.dot-figure.is-hot{cursor:pointer}.dot-figure-canvas{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.dot-figure-rail{pointer-events:none;align-items:center;gap:12px;font-size:12.5px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.dot-figure-fig{letter-spacing:.14em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.dot-figure-name{font-weight:600}.dot-figure-steps{pointer-events:auto;gap:6px;margin-left:auto;display:flex}.dot-figure-steps button{background:color-mix(in srgb, var(--text) 18%, transparent);cursor:pointer;border:0;border-radius:4px;width:18px;height:4px;padding:0;transition:width .35s;position:relative;overflow:hidden}.dot-figure-steps button.is-on{width:34px}.dot-figure-steps button.is-on:after{content:"";background:var(--primary-2);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.has-dot-field{isolation:isolate;position:relative}.dot-field{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 45%,#0000 85%);mask-image:radial-gradient(#000 45%,#0000 85%)}.tilt-glare{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff38, transparent 55%);mix-blend-mode:soft-light;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover .tilt-glare{opacity:1}.feature-card>:not(.feature-glow):not(.tilt-glare){transform:translateZ(24px)}.feature-card{transform-style:preserve-3d}.to-top{right:clamp(14px,2.4vw,28px);bottom:calc(clamp(14px, 2.4vw, 28px) + env(safe-area-inset-bottom));z-index:300;border:1px solid var(--border);background:var(--surface-solid);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;cursor:pointer;border-radius:50%;place-items:center;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;transform:translateY(12px)}.to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.to-top:hover{color:var(--primary-2)}.to-top-ring{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;transform:rotate(-90deg)}.to-top-ring circle{fill:none;stroke:var(--primary-2);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:119.4}@media (width<=1000px){.showpiece{text-align:center;grid-template-columns:1fr;gap:32px}.showpiece-hint{justify-content:center}}@media (width<=720px){.dot-figure{border-radius:20px}.dot-figure-rail{bottom:10px;left:12px;right:12px}.dot-figure-fig{display:none}}@media (prefers-reduced-motion:reduce){.sw>span,.feature-card>*{transform:none!important}}:root{--status-bar:#151312}:root[data-theme=light]{--status-bar:#2b2622}html.standalone:before{content:"";height:env(safe-area-inset-top);background:var(--status-bar);z-index:9998;pointer-events:none;position:fixed;inset:0 0 auto}html{-webkit-tap-highlight-color:transparent}button,a,[role=button],.btn,.mobile-link,.icon-btn{touch-action:manipulation}.mobile-nav,.btn,.mobile-link,.icon-btn,.filter-tabs,.ref-chip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.standalone,html.standalone body{overscroll-behavior-y:none}@media (hover:none){.btn,.mobile-link,.icon-btn,.quick-action,.theme-toggle,.bell{transition:transform .12s,background-color .2s}.btn:active:not(:disabled),.icon-btn:active,.quick-action:active,.theme-toggle:active,.bell:active{transform:scale(.96)}.mobile-link:active{transform:scale(.92)}}.mobile-nav{transition:transform .25s,opacity .2s}html.keyboard-open .mobile-nav,html.keyboard-open .to-top{opacity:0;pointer-events:none;transform:translateY(160%)}.mobile-badge{z-index:2;background:var(--red);color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface-solid);border-radius:9px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;top:5px;left:calc(50% + 6px)}.ptr{top:calc(8px + env(safe-area-inset-top));z-index:60;background:var(--surface-solid);border:1px solid var(--border);width:40px;height:40px;color:var(--primary-2);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:fixed;left:50%}.ptr.is-settling{transition:transform .25s,opacity .25s}.ptr svg{transition:transform .15s}.offline-banner{top:calc(10px + env(safe-area-inset-top));z-index:70;background:var(--tip-bg);color:var(--tip-text);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;left:50%}