:root {
  --bg: #f6f1e8;
  --bg-2: #efe4d4;
  --bg-3: #e5d2bb;
  --panel: #fffdf9;
  --panel-2: #f8f1e6;
  --panel-soft: rgba(126, 84, 42, 0.06);
  --line: rgba(124, 91, 61, 0.16);
  --line-strong: rgba(139, 94, 52, 0.28);
  --text: #2f241a;
  --text-soft: #5b4636;
  --muted: #7a6656;
  --brand: #8b5e34;
  --brand-2: #c69a6b;
  --success: #4f8a5b;
  --warning: #ba8c40;
  --danger: #c26161;
  --shadow: 0 18px 40px rgba(98,72,45,0.12);
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --container: 1180px;
  --sidebar: 245px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);min-height:100%;height:auto;overflow-y:auto;overscroll-behavior-y:auto;overscroll-behavior-x:none;color-scheme:light}
body{overflow-x:hidden;overflow-y:auto;min-height:100%;overscroll-behavior-y:auto;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;background:var(--bg);position:relative;touch-action:pan-y;}
body{
  margin:0;
  min-height:100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:15px;
  line-height:1.55;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(198,154,107,0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(139,94,52,0.10), transparent 22%),
    linear-gradient(180deg,#f8f2e8 0%,#efe4d4 100%);
}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at top left, rgba(198,154,107,0.18), transparent 28%),radial-gradient(circle at top right, rgba(139,94,52,0.10), transparent 22%),linear-gradient(180deg,#f8f2e8 0%,#efe4d4 100%);}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
.icon{width:18px;height:18px;display:inline-block;flex:0 0 18px;color:currentColor}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
input,select,textarea{
  width:100%;
  border:1px solid rgba(124,91,61,0.18);
  background:#fffdf9;
  color:var(--text);
  border-radius:14px;
  padding:13px 14px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input::placeholder, textarea::placeholder{color:#8f7b68}
input:focus,select:focus,textarea:focus{
  border-color:rgba(139,94,52,0.45);
  box-shadow:0 0 0 4px rgba(139,94,52,0.10);
  background:#fff8f0;
}
select{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #9b7e63 50%),linear-gradient(135deg, #9b7e63 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:42px;
}
textarea{resize:vertical;min-height:110px}
h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.03em}
h1{font-size:clamp(1.85rem,2.4vw,2.7rem)}
h2{font-size:clamp(1.2rem,1.6vw,1.65rem)}
h3{font-size:1rem}
p{margin:0}
small,.muted,p{color:var(--muted)}
strong{color:var(--text)}
.container{width:min(var(--container), calc(100% - 32px));margin:0 auto}
.section{padding:72px 0}
.section-soft{background:rgba(255,253,249,0.78);border-block:1px solid rgba(124,91,61,0.10)}
.brand-lockup,.nav-row,.top-nav,.hero-actions,.action-row,.panel-head,.dashboard-topbar,.topbar-user,.portfolio-head,.manage-card-head,.due-card-top,.trust-strip,.auth-help,.auth-checks div,.check-list li,.key-value-card,.hero-copy,.device-head,.step-inline,.history-row,.sidebar-nav a,.simple-strip,.contact-card-head{display:flex;align-items:center;gap:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,242,232,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,91,61,.12)}
.nav-row{justify-content:space-between;min-height:72px}
.top-nav{gap:8px;flex-wrap:wrap}
.top-nav a:not(.btn){padding:10px 14px;border-radius:999px;font-weight:600;color:var(--text-soft)}
.top-nav a:not(.btn):hover{background:rgba(139,94,52,.08);color:var(--text)}
.brand-mark{width:44px;height:44px;border-radius:14px;box-shadow:0 14px 28px rgba(98,72,45,.16)}
.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:1.04rem}.brand-copy small{font-size:.77rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:700;transition:transform .16s ease,border-color .16s ease,opacity .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fffaf5}
.btn-secondary{background:rgba(139,94,52,.08);border-color:rgba(139,94,52,.14);color:var(--text)}
.btn-ghost{background:transparent;border-color:rgba(124,91,61,.18);color:var(--text-soft)}
.btn-block{width:100%}.btn-mini{min-height:38px;padding-inline:14px}
.eyebrow,.badge,.nav-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:.78rem;font-weight:700}
.eyebrow{padding:8px 12px;width:fit-content;background:rgba(139,94,52,.08);border:1px solid rgba(139,94,52,.12);color:var(--text-soft)}
.badge{padding:7px 10px}.badge-success{background:rgba(79,138,91,.14);color:#336340}.badge-warning{background:rgba(186,140,64,.14);color:#7a5624}.badge-danger{background:rgba(194,97,97,.14);color:#8c3c3c}.badge-neutral{background:rgba(139,94,52,.08);color:var(--text-soft)}
.nav-badge{margin-left:auto;justify-content:center;min-width:22px;height:22px;padding-inline:6px;background:rgba(139,94,52,.10);color:var(--text-soft)}
.nav-badge.has-unread{background:rgba(139,94,52,.18);color:#6f4827}
.panel-card,.stat-box,.hero-card,.feature-card,.role-card,.cta-card,.device-card,.auth-panel,.action-card,.notice-item,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.site-inline-card,.step-card,.helper-banner,.empty-state,.alert,.details-card,.task-card,.simple-card,.quick-note,.summary-bar,.fold-card{
  border-radius:var(--radius-lg);
  border:1px solid rgba(124,91,61,.12);
  background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(246,238,226,.98));
  box-shadow:var(--shadow);
}
.panel-card,.auth-panel,.cta-card,.feature-card,.role-card,.notice-item,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.device-card,.site-inline-card,.helper-banner,.empty-state,.alert,.details-card,.task-card,.simple-card,.quick-note,.summary-bar{padding:22px}
.stat-box,.action-card{padding:18px}.hero-card{padding:24px}.panel-head{justify-content:space-between;margin-bottom:16px;align-items:flex-start}
.hero-section{padding:78px 0 44px}.hero-section-compact{padding-top:70px}
.hero-grid,.feature-grid,.role-grid,.process-grid,.faq-grid,.dashboard-grid,.auth-layout,.stat-grid,.portfolio-grid,.management-grid,.receipt-review-grid,.dues-unit-grid,.action-card-grid,.preview-stats,.split-2,.split-3,.payment-info-stack,.panel-grid,.task-grid,.three-grid,.form-grid{display:grid;gap:18px}
.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);align-items:center}
.feature-grid,.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-grid,.faq-grid,.dashboard-grid,.auth-layout,.panel-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.portfolio-grid,.management-grid,.receipt-review-grid,.dues-unit-grid,.three-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.action-card-grid,.preview-stats,.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.split-2{grid-template-columns:repeat(2,minmax(0,1fr))}.split-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-copy{align-items:flex-start;flex-direction:column}.lead-text{font-size:1rem;max-width:64ch}.hero-actions{margin-top:10px;flex-wrap:wrap}
.trust-strip{flex-wrap:wrap;margin-top:16px;color:var(--text-soft)}
.trust-strip span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.device-head{justify-content:space-between;margin-bottom:18px;color:var(--text-soft)}
.preview-stats article,.portfolio-metrics span,.key-value-card,.auth-checks div,.check-list li,.notice-item small,.history-row small,.history-row > div:last-child,.receipt-review-body span{color:var(--text-soft)}
.preview-stats article,.key-value-card,.quick-note{padding:14px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.preview-stats strong{display:block;font-size:1.06rem;margin-top:6px}.preview-list{display:grid;gap:14px;margin-top:18px}.preview-list div{padding-top:14px;border-top:1px solid rgba(124,91,61,.10)}.preview-list span{display:block;font-size:.82rem;color:var(--muted);margin-bottom:4px}
.feature-card svg,.role-card svg{width:26px;height:26px;color:var(--brand);margin-bottom:12px}.feature-card p,.role-card p{margin-top:8px}
.ordered-guide{margin:0;padding-left:20px;color:var(--text-soft);display:grid;gap:10px}.ordered-guide li{padding-left:4px}
.cta-card{text-align:center}.cta-card .hero-actions{justify-content:center}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.auth-layout{width:min(1080px,100%)}.single-auth-layout{grid-template-columns:minmax(0,520px);justify-content:center}.auth-hero{padding:34px}.auth-form-panel{padding:28px}.auth-form{margin-top:18px}.auth-help{flex-wrap:wrap;margin-top:18px}.auth-checks{display:grid;gap:14px;margin-top:18px}.auth-checks div,.site-inline-card{padding:14px 16px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}.text-link{color:#8b5e34;font-weight:700}.wide-shell{padding-block:40px}.wide-card{width:min(920px,100%)}
.dashboard-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.dashboard-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid rgba(124,91,61,.10);background:rgba(248,242,232,.88);backdrop-filter:blur(18px)}
.sidebar-brand{margin-bottom:22px}.sidebar-nav{display:grid;gap:10px}.sidebar-nav a{padding:13px 14px;border-radius:14px;color:var(--text-soft);border:1px solid transparent}.sidebar-nav a svg{width:18px;height:18px;flex:0 0 auto}.sidebar-nav a:hover{background:rgba(139,94,52,.06);border-color:rgba(124,91,61,.10)}.sidebar-nav a.active{background:linear-gradient(135deg,rgba(139,94,52,.14),rgba(198,154,107,.12));border-color:rgba(139,94,52,.18);color:var(--text)}
.dashboard-main{padding:24px}.dashboard-topbar{justify-content:space-between;align-items:flex-start;margin-bottom:22px}.topbar-copy{display:grid;gap:8px}.topbar-user{padding:12px 14px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}.topbar-user div{display:grid;gap:2px}.page-title{font-size:clamp(1.7rem,2.2vw,2.4rem)}.page-subtitle{max-width:62ch}
.simple-strip{flex-wrap:wrap;padding:14px 16px;margin-bottom:18px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.summary-bar{display:grid;gap:8px}
.manager-hero,.resident-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;margin-bottom:18px}
.primary-hero h2{font-size:clamp(1.9rem,2.8vw,2.7rem);margin:10px 0 6px}.side-hero h3{margin-bottom:10px}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.check-list li{align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}.check-list svg{width:18px;height:18px;color:var(--success);flex:0 0 auto;margin-top:2px}
.stat-box{background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(243,233,220,.98));display:grid;gap:8px}.stat-box small{font-size:.8rem;color:var(--muted)}.stat-box strong{font-size:1.6rem;line-height:1.05}.stat-box span{font-size:.88rem;color:var(--text-soft)}.accent-box{border-color:rgba(139,94,52,.22)}
.action-card{display:block;background:rgba(139,94,52,.05);border-color:rgba(124,91,61,.10)}.action-card strong{display:block;margin-bottom:6px}.action-card p{margin:0}
.task-card{display:grid;gap:12px}.task-card strong{font-size:1rem}.task-card p{margin:0}.task-card .task-actions{display:flex;gap:10px;flex-wrap:wrap}
.quick-note h3,.simple-card h3{margin-bottom:8px}
.note-list,.surface-list{display:grid;gap:12px}.surface-list > *{padding:14px;border-radius:14px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.notice-list,.payment-history-list,.compact-list{display:grid;gap:12px}.notice-item{display:grid;gap:8px}.notice-item strong{font-size:1rem}
.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}.history-row > div{display:grid;gap:4px}
.payment-info-stack .key-value-card,.quick-access-box .key-value-card{display:grid;gap:10px;align-items:start}.key-value-card span{font-size:.8rem;color:var(--muted)}.key-value-card strong{word-break:break-word}.qr-image{width:168px;border-radius:16px;border:1px solid rgba(124,91,61,.10);background:#fff;padding:8px}.receipt-state{display:grid;gap:12px}
.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card{display:grid;gap:16px}.portfolio-card.current{border-color:rgba(139,94,52,.22)}.portfolio-head,.manage-card-head,.receipt-review-head{justify-content:space-between;align-items:flex-start}.portfolio-head small,.manage-card-head small{display:block;margin-top:4px}.portfolio-metrics,.receipt-review-body{display:grid;gap:10px}.receipt-review-body span{padding:12px 14px;border-radius:14px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}.unit-due-amount{font-size:1.4rem;font-weight:800}
.helper-banner{margin-bottom:18px;border-color:rgba(139,94,52,.16);color:var(--text-soft)}.empty-state{text-align:center;padding-block:32px}.empty-state h3{margin-bottom:10px}
.stack-form,.form-stack{display:grid;gap:16px}.stack-form label,.form-stack label{display:grid;gap:8px}.stack-form label > span,.form-stack label > span{font-size:.83rem;font-weight:700;color:var(--text-soft)}.checkbox-row{display:flex !important;align-items:center;gap:10px}.checkbox-row input{width:auto;margin:0}.form-response{min-height:20px;font-size:.84rem;color:#7a5624}.mini-response{font-size:.78rem}.inline-form{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-form{gap:12px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-hint{font-size:.8rem;color:var(--muted)}
.details-card{padding:0;overflow:hidden}.details-card summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:12px}.details-card summary::-webkit-details-marker{display:none}.details-card > div{padding:0 22px 22px}.details-card[open] summary{border-bottom:1px solid rgba(124,91,61,.10)}
.alert{margin-bottom:16px}.alert-success{border-color:rgba(79,138,91,.18);background:rgba(238,247,239,.96)}.alert-danger{border-color:rgba(194,97,97,.20);background:rgba(253,241,241,.97)}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(124,91,61,.10)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(124,91,61,.08)}th{font-size:.82rem;color:var(--muted);background:rgba(139,94,52,.05)}td small{display:block;margin-top:4px}.positive{color:#3f7d4c}.negative{color:#9a4545}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{padding:10px 12px;border-radius:999px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10);color:var(--text-soft)}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:90;display:grid;gap:10px}.toast-item{min-width:220px;max-width:360px;padding:14px 16px;border-radius:14px;color:var(--text);background:rgba(255,251,246,.98);border:1px solid rgba(139,94,52,.18);box-shadow:var(--shadow);display:grid;gap:6px}.toast-item.is-hidden{opacity:0;transform:translateY(6px);transition:.2s ease}.toast-item.toast-success{border-color:rgba(79,138,91,.24)}.toast-item.toast-error{border-color:rgba(194,97,97,.28)}.toast-item.toast-info{border-color:rgba(139,94,52,.24)}
.simple-steps{display:grid;gap:12px}.step-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}.step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fffaf5;font-weight:800}

@media (max-width: 1160px){
  .feature-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-shell{grid-template-columns:1fr}
  .dashboard-sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid rgba(124,91,61,.10)}
  .sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  .manager-hero,.resident-hero,.dashboard-grid,.process-grid,.faq-grid,.auth-layout,.hero-grid,.panel-grid.two-col{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .stat-grid,.feature-grid,.role-grid,.action-card-grid,.split-2,.split-3,.task-grid,.form-grid{grid-template-columns:1fr}
  .dashboard-main{padding:18px}
  .topbar-user{display:none}
  .nav-row{min-height:auto;padding-block:12px;align-items:flex-start}
  .top-nav{justify-content:flex-start}
  .panel-card,.auth-panel,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.helper-banner,.cta-card,.details-card summary,.details-card > div{padding-inline:18px}
  .panel-card,.auth-panel,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.helper-banner,.cta-card{padding-block:18px}
  .history-row{grid-template-columns:1fr}
}
@media (max-width: 560px){
  body{font-size:14px}
  .container{width:min(var(--container), calc(100% - 20px))}
  .hero-section{padding-top:38px}
  .page-title{font-size:1.5rem}
  .primary-hero h2{font-size:1.8rem}
  .btn{width:100%}
  .hero-actions,.action-row,.auth-help{display:grid}
  .top-nav{display:none}
  .sidebar-nav{grid-template-columns:1fr 1fr}
}


body.landing-body{background:
  radial-gradient(circle at top left, rgba(198,154,107,0.16), transparent 26%),
  radial-gradient(circle at 85% 10%, rgba(139,94,52,0.10), transparent 22%),
  linear-gradient(180deg,#f8f2e8 0%,#efe4d4 100%)}
.site-header{box-shadow:0 10px 26px rgba(98,72,45,.10)}
.section-head{display:grid;gap:10px;max-width:760px;margin-bottom:24px}
.section-head.left{text-align:left}
.hero-grid-wide{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}
.hero-preview{display:grid;gap:18px}
.preview-shell{position:relative;overflow:hidden}
.preview-shell::after{content:'';position:absolute;inset:auto -30% -35% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.22), transparent 70%);pointer-events:none}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start}
.contact-card,.sales-card{position:relative;overflow:hidden}
.contact-card::before,.sales-card::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg, rgba(139,94,52,.40), rgba(198,154,107,.18), transparent)}
.contact-card-head{justify-content:space-between;margin-bottom:16px}
.contact-card-head small{display:block;color:var(--muted);margin-bottom:4px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-item{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.contact-item.wide{grid-column:1 / -1}
.contact-item span{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.contact-item strong{font-size:1rem;line-height:1.35;word-break:break-word}
.slim-actions .btn{min-height:44px}
.compact-contact-card .contact-grid{grid-template-columns:1fr}
.compact-contact-grid .contact-item{padding:12px 14px}
.eyebrow .icon,.trust-strip .icon,.check-list .icon,.top-nav .icon,.simple-strip .icon{width:16px;height:16px;flex-basis:16px}
.sidebar-nav a .icon{width:17px;height:17px;flex-basis:17px}
.feature-card .icon,.role-card .icon{width:22px;height:22px;flex-basis:22px;color:#8b5e34;margin-bottom:10px}
.task-card .icon,.panel-head .icon{width:18px;height:18px;flex-basis:18px}
.brand-lockup .brand-mark{width:42px;height:42px}
.brand{display:inline-flex;align-items:center}
.panel-card h2,.hero-card h2,.cta-card h2{max-width:18ch}
.lead-text{color:var(--text-soft)}
.preview-stats article small,.notice-item small,.history-row small,.muted,p{color:var(--muted)}
.preview-stats article .metric-note{display:block;margin-top:6px;font-size:.78rem;color:var(--text-soft)}
.panel-card,.stat-box,.hero-card,.feature-card,.role-card,.cta-card,.device-card,.auth-panel,.action-card,.notice-item,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.site-inline-card,.step-card,.helper-banner,.empty-state,.alert,.details-card,.task-card,.simple-card,.quick-note,.summary-bar,.fold-card{backdrop-filter:blur(8px)}
.sidebar-nav a{min-height:48px;font-weight:600}
.topbar-user{min-width:250px;justify-content:space-between}
.topbar-user strong{font-size:.94rem}
.page-subtitle{font-size:.95rem}
input,select,textarea{min-height:48px;font-size:14px;line-height:1.45}
textarea{min-height:120px}
input[type=file]{padding:12px}
.btn{font-size:.94rem}
.btn-mini{min-height:36px;padding-inline:12px;font-size:.86rem}
.history-row,.manage-card,.task-card,.feature-card,.role-card{transition:transform .16s ease,border-color .16s ease,background .16s ease}
.history-row:hover,.manage-card:hover,.task-card:hover,.feature-card:hover,.role-card:hover{transform:translateY(-1px);border-color:rgba(139,94,52,.18)}
.details-card summary{font-size:.96rem}
.table-wrap table{background:rgba(255,252,247,.92)}
.table-wrap th,.table-wrap td{vertical-align:top}
.notice-item p,.history-row strong,.manage-card p,.role-card p,.feature-card p{color:var(--text-soft)}
.simple-strip strong{color:var(--text)}
.action-row.wrap{flex-wrap:wrap}
.danger-zone{margin-top:12px}
.cta-section{padding-top:24px;padding-bottom:80px}
@media (max-width: 1160px){
  .hero-grid-wide,.contact-layout{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .contact-grid{grid-template-columns:1fr}
  .topbar-copy{gap:6px}
  .panel-head{gap:10px}
  .panel-card h2,.hero-card h2,.cta-card h2{max-width:none}
}
@media (max-width: 560px){
  .sidebar-nav{grid-template-columns:1fr}
  .history-row,.inline-form{grid-template-columns:1fr}
  .contact-item strong{font-size:.95rem}
}

.install-page-grid,.install-guides-grid,.install-promo-grid{display:grid;gap:18px}
.install-page-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}
.install-guides-grid,.install-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.install-hero-card .hero-actions{margin-top:16px}
.install-status-bar{margin-top:18px;display:grid;gap:6px}
.install-check-list{display:grid;gap:12px}
.install-guide-card .step-card{background:rgba(255,255,255,.035)}
.install-login-banner{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.install-helper-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.install-helper-banner .hero-actions{margin-top:0}
.helper-banner p,.install-login-banner p{margin-top:6px}
.summary-bar{display:grid;gap:6px}
@media (max-width: 960px){
  .install-page-grid,.install-guides-grid,.install-promo-grid{grid-template-columns:1fr}
  .install-helper-banner,.install-login-banner{display:grid}
}

@media (display-mode: standalone){
  .site-header{padding-top:env(safe-area-inset-top);}
  .dashboard-sidebar{padding-top:calc(22px + env(safe-area-inset-top));}
  body{min-height:100dvh;overflow-y:auto;}
  .dashboard-shell{min-height:100dvh;}
}

html,body,main,.dashboard-shell,.auth-shell,.wide-shell,.dashboard-main{background:var(--bg);}
body::after{content:'';position:fixed;inset:0;background:var(--bg);z-index:-3;}

@media (max-width: 820px){
  .dashboard-shell{grid-template-columns:1fr;}
  .dashboard-sidebar{position:relative;height:auto;min-height:auto;}
  .dashboard-main{padding:18px 14px 28px;}
  .panel-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.auth-panel,.helper-banner,.summary-bar{padding:18px;}
  input,select,textarea,.btn{font-size:16px;}
}

html body {max-width:100%;}
@media (max-width: 820px){
  html,body{overflow-y:auto !important;}
  .site-header{position:sticky;top:0;}
}


.install-link-card{margin-top:18px}
.stat-grid-manager{grid-template-columns:repeat(5,minmax(0,1fr))}
.mobile-tabbar{display:none}
@media (max-width: 820px){
  body.dashboard-body{padding-bottom:92px}
  .dashboard-sidebar{display:none}
  .dashboard-topbar{position:sticky;top:0;z-index:40;padding:14px 0 10px;background:linear-gradient(180deg, rgba(8,17,29,.98), rgba(8,17,29,.82));backdrop-filter:blur(14px)}
  .mobile-tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(var(--mobile-nav-count,5),minmax(0,1fr));gap:8px;padding:8px;border-radius:22px;border:1px solid rgba(124,91,61,.10);background:rgba(255,250,244,.96);box-shadow:var(--shadow);z-index:95;align-items:stretch}
  .mobile-tabbar a{min-height:58px;display:grid;grid-template-rows:auto auto;justify-items:center;align-content:center;padding:8px 6px;border-radius:16px;color:var(--text-soft);text-align:center;gap:6px;background:transparent;border:1px solid transparent;min-width:0}
  .mobile-tabbar a span{font-size:.72rem;line-height:1.1;display:block;width:100%;word-break:break-word}
  .mobile-tabbar a.active{background:rgba(139,94,52,.12);border-color:rgba(139,94,52,.16);color:var(--text)}
  .mobile-tabbar .icon{width:18px;height:18px;justify-self:center}
  .install-link-card .hero-actions{display:grid}
}
@media (max-width: 640px){
  .stat-grid-manager{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.js-progressive-list > [hidden]{display:none !important}
.list-sentinel{height:1px;width:100%}
.community-layout{display:grid;gap:18px;grid-template-columns:1.05fr .95fr}
.community-message-card{padding:16px;border-radius:18px;border:1px solid rgba(124,91,61,.10);background:rgba(139,94,52,.05);display:grid;gap:10px}
.community-message-card.is-new{border-color:rgba(139,94,52,.24);box-shadow:0 0 0 1px rgba(139,94,52,.10) inset}
.community-message-head{display:flex;justify-content:space-between;gap:12px}
.community-message-card p{color:var(--text-soft);white-space:pre-wrap;word-break:break-word}
.document-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.document-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(124,91,61,.10);background:rgba(139,94,52,.05);font-size:.82rem;color:var(--text-soft)}
.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(139,94,52,.12);border:1px solid rgba(139,94,52,.18);color:#6f4827;font-size:.78rem;font-weight:700}
@media (max-width: 860px){.community-layout{grid-template-columns:1fr}}

.global-wait-layer{position:fixed;inset:0;display:grid;place-items:center;gap:10px;background:rgba(7,12,20,.58);backdrop-filter:blur(8px);z-index:120;color:#eaf3ff;text-align:center;padding:24px}.global-wait-layer[hidden]{display:none !important}
.wait-spinner{width:22px;height:22px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#8fd8ff;animation:spin .9s linear infinite;display:inline-block}.wait-spinner.small{width:16px;height:16px;border-width:2px}
.inline-loader{display:inline-flex;align-items:center;gap:8px;color:#b7d3ff}.ajax-busy{opacity:.78;pointer-events:none}.btn.is-loading{position:relative;pointer-events:none;opacity:.88}.btn.is-loading::after{content:"";width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.28);border-top-color:var(--text);animation:spin .8s linear infinite;display:inline-block;margin-left:8px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}
.community-stream{display:grid;gap:12px;max-height:min(68vh,720px);overflow:auto;padding-right:4px;overscroll-behavior:contain;overflow-anchor:none}.community-loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(139,94,52,.05);border:1px dashed rgba(124,91,61,.10);color:var(--muted)}.community-message-card{overflow:hidden}.community-message-head form{margin-left:auto}.community-expire-note{font-size:.78rem;color:var(--muted)}.community-clear-form{margin:8px 0 16px}@media (max-width: 860px){.community-stream{max-height:58vh}}


.inline-status{display:block;margin-top:12px;font-size:.83rem;color:var(--text-soft)}
.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.topbar-install-btn{min-width:168px;white-space:nowrap;box-shadow:var(--shadow)}
.profile-menu{position:relative}
.profile-trigger{list-style:none;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;border:1px solid rgba(124,91,61,.10);background:rgba(139,94,52,.05);color:var(--text);cursor:pointer}
.profile-trigger::-webkit-details-marker{display:none}
.profile-trigger:hover{border-color:rgba(139,94,52,.20);background:rgba(139,94,52,.08)}
.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:12px;border-radius:18px;border:1px solid rgba(124,91,61,.10);background:rgba(255,250,244,.98);box-shadow:var(--shadow);display:grid;gap:8px;z-index:110}
.profile-dropdown-head{display:grid;gap:2px;padding:8px 10px 10px;border-bottom:1px solid rgba(124,91,61,.10)}
.profile-dropdown-head span{font-size:.8rem;color:var(--muted)}
.profile-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;color:var(--text-soft);border:1px solid transparent}
.profile-dropdown a:hover{background:rgba(139,94,52,.05);border-color:rgba(124,91,61,.10);color:var(--text)}
.profile-dropdown .icon{width:17px;height:17px;flex-basis:17px}
.danger-zone{display:flex;justify-content:flex-end;margin-top:14px}
@media (max-width:860px){
  .topbar-right{gap:10px}
  .topbar-install-btn{min-width:auto;padding-inline:14px}
  .profile-dropdown{right:0;left:auto;min-width:200px}
}

.landing-hero-immersive{position:relative;overflow:hidden}
.landing-hero-grid{position:relative;z-index:1}
.landing-copy{gap:18px}
.hero-trust-strip{margin-top:2px}
.hero-metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-top:10px}
.hero-metric-card{position:relative;padding:16px 18px;border-radius:20px;border:1px solid rgba(124,91,61,.10);background:linear-gradient(180deg,rgba(255,251,246,.98),rgba(244,235,223,.95));box-shadow:0 18px 36px rgba(98,72,45,.10);overflow:hidden;animation:fadeUp .8s ease both}
.hero-metric-card::after{content:'';position:absolute;inset:auto -20% -50% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.18), transparent 70%);pointer-events:none}
.hero-metric-card:nth-child(2){animation-delay:.08s}.hero-metric-card:nth-child(3){animation-delay:.16s}.hero-metric-card:nth-child(4){animation-delay:.24s}
.hero-metric-card small{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hero-metric-card strong{display:block;font-size:1.18rem;margin:8px 0 6px}
.hero-metric-card p{color:var(--text-soft);font-size:.9rem}
.landing-visual-wrap{position:relative;min-height:100%}
.landing-preview-shell{position:relative;z-index:2;border-color:rgba(139,94,52,.18);background:linear-gradient(180deg,rgba(255,252,247,.98),rgba(246,238,226,.98));animation:floatPanel 6s ease-in-out infinite}
.landing-preview-stats article{background:rgba(255,255,255,.045)}
.timeline-stack{display:grid;gap:10px;margin-top:18px}
.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.timeline-item p{margin-top:4px;color:var(--text-soft);font-size:.9rem}
.timeline-dot{width:11px;height:11px;border-radius:999px;margin-top:6px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 0 6px rgba(198,154,107,.16)}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.7;pointer-events:none;animation:orbDrift 10s ease-in-out infinite}
.ambient-orb-a{width:220px;height:220px;top:-30px;right:0;background:radial-gradient(circle, rgba(198,154,107,.24), transparent 68%)}
.ambient-orb-b{width:180px;height:180px;bottom:30px;left:-20px;background:radial-gradient(circle, rgba(198,154,107,.2), transparent 72%);animation-delay:-3s}
.floating-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,250,244,.92);box-shadow:0 18px 36px rgba(98,72,45,.12);font-weight:700;color:var(--text);backdrop-filter:blur(12px);animation:floatChip 5.5s ease-in-out infinite}
.chip-income{top:28px;left:-18px}
.chip-notify{right:-12px;bottom:34px;animation-delay:-2.1s}
.highlight-stat-grid{align-items:stretch}
.highlight-stat-card{position:relative;overflow:hidden;min-height:186px;padding:22px 22px 24px}
.highlight-stat-card::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, rgba(139,94,52,.45), rgba(198,154,107,.24), transparent)}
.highlight-stat-card span{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.highlight-stat-card strong{font-size:1.16rem;margin-top:10px}
.highlight-stat-card p{margin-top:10px;color:var(--text-soft)}
.feature-grid-rich .feature-card-rich{position:relative;overflow:hidden;padding:24px;min-height:210px}
.feature-grid-rich .feature-card-rich::after{content:'';position:absolute;inset:auto -28% -42% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.18), transparent 70%);pointer-events:none}
.landing-split-grid{align-items:start}
.glass-panel-card{background:linear-gradient(180deg,#fffdfa,#f7efe6)}
.check-list-dense{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.check-list-dense li{align-items:flex-start}
.simple-steps-tight{gap:12px}
.mobile-story-card{position:relative;overflow:hidden}
.mobile-story-card::after{content:'';position:absolute;inset:auto auto -80px -40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.12), transparent 70%);pointer-events:none}
.seo-value-grid{grid-template-columns:1fr;gap:12px}
.faq-stack{display:grid;gap:14px}
.faq-card{padding:0;overflow:hidden}
.faq-card summary{padding:18px 22px;font-weight:800;color:var(--text);cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card p{padding:0 22px 20px;color:var(--text-soft)}
.sales-card-rich,.contact-card-rich{position:relative;overflow:hidden}
.sales-card-rich::after,.contact-card-rich::after{content:'';position:absolute;inset:auto -24% -32% auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.18), transparent 70%);pointer-events:none}

@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes orbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(10px,18px,0) scale(1.04)}}

@media (prefers-reduced-motion: reduce){
  .hero-metric-card,.landing-preview-shell,.floating-chip,.ambient-orb{animation:none !important}
}

@media (max-width: 960px){
  .hero-metric-strip{grid-template-columns:1fr 1fr}
  .chip-income{left:0}
  .chip-notify{right:0}
}

@media (max-width: 820px){
  .hero-metric-strip{grid-template-columns:1fr}
  .floating-chip{position:static;margin-top:12px}
  .landing-visual-wrap{display:grid;gap:12px}
}

@media (max-width: 560px){
  .faq-card summary,.faq-card p{padding-left:18px;padding-right:18px}
  .hero-metric-card{padding:15px 16px}
}


.money-hint{margin-top:8px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(139,94,52,.18);background:rgba(139,94,52,.08);color:var(--text-soft);font-size:.92rem}
.install-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.install-visual-card{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(139,94,52,.05);border:1px solid rgba(124,91,61,.10)}
.install-visual-card img{width:100%;height:auto;border-radius:14px;display:block}
.inline-visual{margin-bottom:12px}
.owner-editor-grid{align-items:start}
.owner-editor-card textarea{min-height:140px}
.owner-editor-links a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
@media (max-width:820px){.install-visual-grid{grid-template-columns:1fr}}


.compact-actions{margin-top:14px;flex-wrap:wrap}
.install-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.install-video-card{display:grid;gap:14px;position:relative;overflow:hidden}
.install-video-card::after{content:'';position:absolute;inset:auto -22% -30% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(198,154,107,.15), transparent 72%);pointer-events:none}
.install-video{width:100%;display:block;border-radius:20px;border:1px solid rgba(124,91,61,.10);background:#fffaf5;box-shadow:0 18px 36px rgba(98,72,45,.10)}
.install-mini-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--text-soft)}
.install-mini-list li{line-height:1.55}
html{scroll-behavior:smooth}
@media (max-width: 820px){.install-video-grid{grid-template-columns:1fr}}


/* v27 light professional refresh */
:root{
  --bg:#f6f1ea;
  --bg-2:#efe4d6;
  --bg-3:#e7dac9;
  --panel:#fffdfa;
  --panel-2:#f7efe6;
  --panel-soft:rgba(181,138,90,0.06);
  --line:rgba(122,88,50,0.14);
  --line-strong:rgba(181,138,90,0.28);
  --text:#2f2418;
  --text-soft:#5d4b3a;
  --muted:#7d6a58;
  --brand:#b58a5a;
  --brand-2:#d0a874;
  --success:#2f8f62;
  --warning:#b06d2b;
  --danger:#c25454;
  --shadow:0 20px 44px rgba(76,53,31,0.10);
}
html{background:#f6f1ea;color-scheme:light}
body{background:linear-gradient(180deg,#f9f5ef 0%,#f1e8dc 100%);color:var(--text)}
body::before{background:radial-gradient(circle at top left, rgba(208,168,116,0.18), transparent 34%),radial-gradient(circle at top right, rgba(181,138,90,0.10), transparent 24%),linear-gradient(180deg,#faf6f1 0%,#f1e8dc 100%)}
input,select,textarea{border:1px solid rgba(122,88,50,0.18);background:#fffdfa;color:var(--text)}
input::placeholder,textarea::placeholder{color:#9a846e}
input:focus,select:focus,textarea:focus{border-color:rgba(181,138,90,0.70);box-shadow:0 0 0 4px rgba(181,138,90,0.12);background:#fff}
select{background-image:linear-gradient(45deg, transparent 50%, #8a6b49 50%),linear-gradient(135deg, #8a6b49 50%, transparent 50%)}
small,.muted,p{color:var(--muted)}
strong,h1,h2,h3,h4{color:var(--text)}
.site-header{background:rgba(249,244,236,.86);border-bottom:1px solid rgba(122,88,50,.10)}
.top-nav a:not(.btn){color:var(--text-soft)}
.top-nav a:not(.btn):hover{background:rgba(181,138,90,.08);color:var(--text)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--text)}
.btn-secondary{background:#fff;border-color:rgba(122,88,50,.14);color:var(--text)}
.btn-ghost{border-color:rgba(122,88,50,.16);color:var(--text-soft)}
.eyebrow{background:rgba(181,138,90,.08);border-color:rgba(181,138,90,.16);color:#6c5339}
.badge-success{background:rgba(47,143,98,.12);color:#226645}
.badge-warning{background:rgba(176,109,43,.14);color:#8f541c}
.badge-danger{background:rgba(194,84,84,.12);color:#8d3232}
.badge-neutral,.nav-badge{background:rgba(122,88,50,.08);color:#6f5945}
.nav-badge.has-unread{background:rgba(181,138,90,.16);color:#6b4f30}
.panel-card,.stat-box,.hero-card,.feature-card,.role-card,.cta-card,.device-card,.auth-panel,.action-card,.notice-item,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.site-inline-card,.step-card,.helper-banner,.empty-state,.alert,.details-card,.task-card,.simple-card,.quick-note,.summary-bar,.fold-card{border:1px solid rgba(122,88,50,.10);background:linear-gradient(180deg,#fffdfa,#f7efe6)}
.section-soft{background:rgba(255,255,255,.22);border-block:1px solid rgba(122,88,50,.08)}
.preview-stats article,.key-value-card,.quick-note,.auth-checks div,.site-inline-card{background:rgba(181,138,90,.05);border:1px solid rgba(122,88,50,.08)}
.trust-strip span{background:rgba(255,255,255,.68);border:1px solid rgba(122,88,50,.08);color:var(--text-soft)}
.dashboard-sidebar{background:rgba(251,246,239,.92);border-right:1px solid rgba(122,88,50,.10)}
.sidebar-nav a{color:var(--text-soft)}
.sidebar-nav a:hover{background:rgba(181,138,90,.06);border-color:rgba(122,88,50,.08)}
.sidebar-nav a.active{background:linear-gradient(135deg,rgba(181,138,90,.16),rgba(208,168,116,.10));border-color:rgba(181,138,90,.22);color:#3d2c1b}
.dashboard-main{background:transparent}
.dashboard-topbar{background:transparent;border-bottom:none}
.page-title{color:var(--text)}
.topbar-user{background:#fffdfa;border:1px solid rgba(122,88,50,.10);padding:12px 14px;border-radius:18px;box-shadow:var(--shadow)}
.profile-trigger,.profile-dropdown{background:#fffdfa;border-color:rgba(122,88,50,.10);color:var(--text)}
.details-card summary{cursor:pointer;list-style:none;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px}
.details-card summary::-webkit-details-marker{display:none}
.details-card > div{margin-top:18px}
.form-grid label,.stack-form label,.compact-form label{display:grid;gap:8px}
.form-grid label span,.stack-form label span,.compact-form label span{font-weight:700;color:#4b3827}
.checkbox-row{display:flex;align-items:center;gap:10px}
.checkbox-row input{width:auto}
.simple-strip,.premium-mini-strip{padding:14px 16px;border-radius:16px;background:rgba(181,138,90,.07);border:1px solid rgba(122,88,50,.10);color:var(--text-soft)}
.surface-list{display:grid;gap:12px}
.surface-list > div{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(122,88,50,.08)}
.surface-list strong{display:block;margin-bottom:4px}
.premium-banner-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff8f0,#f3e5d3)}
.premium-portfolio-card.current{outline:2px solid rgba(181,138,90,.28)}
.premium-form-card .panel-head p{margin-top:6px}
.premium-stat-grid .stat-box strong{font-size:1.35rem}
.premium-stat-grid .stat-box{background:#fff}
.premium-portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.premium-manage-card{background:#fff}
.document-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.document-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(181,138,90,.08);border:1px solid rgba(122,88,50,.10);color:#5d4b3a}
.install-video,.install-visual-card img{border-radius:18px;border:1px solid rgba(122,88,50,.08);background:#fff}
.auth-shell,.landing-hero-immersive{background:transparent}
.hero-metric-card,.timeline-item{background:#fff;border:1px solid rgba(122,88,50,.08)}
.hero-metric-card p,.timeline-item p{color:var(--muted)}
.table-soft{width:100%;border-collapse:collapse}
.table-soft th,.table-soft td{padding:12px 14px;border-bottom:1px solid rgba(122,88,50,.08);text-align:left;color:var(--text-soft)}
.alert-danger{background:#fff4f4;border-color:rgba(194,84,84,.18)}
.alert-success{background:#f2fbf6;border-color:rgba(47,143,98,.18)}
.code-inline,code{background:#f2ebe2;padding:3px 6px;border-radius:8px}
@media (max-width: 980px){
  .premium-banner-card{flex-direction:column;align-items:flex-start}
}
@media (max-width: 760px){
  .hero-grid,.feature-grid,.role-grid,.process-grid,.faq-grid,.dashboard-grid,.auth-layout,.stat-grid,.portfolio-grid,.management-grid,.receipt-review-grid,.dues-unit-grid,.action-card-grid,.preview-stats,.split-2,.split-3,.payment-info-stack,.panel-grid,.task-grid,.three-grid,.form-grid{grid-template-columns:1fr}
  .dashboard-shell{grid-template-columns:1fr}
  .dashboard-sidebar{display:none}
  .dashboard-topbar{padding:18px}
  .topbar-install-btn{font-size:1rem;min-height:48px}
  .container{width:min(var(--container),calc(100% - 22px))}
  .panel-card,.auth-panel,.cta-card,.feature-card,.role-card,.notice-item,.portfolio-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.device-card,.site-inline-card,.helper-banner,.empty-state,.alert,.details-card,.task-card,.simple-card,.quick-note,.summary-bar{padding:18px}
}

/* v28 landing palette cleanup: remove dark navy from index */
body.landing-body{
  background:
    radial-gradient(circle at top left, rgba(208,168,116,0.18), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(181,138,90,0.12), transparent 22%),
    linear-gradient(180deg,#fbf7f1 0%,#f2e9dd 100%);
}
body.landing-body::before{
  background:
    radial-gradient(circle at top left, rgba(208,168,116,0.16), transparent 32%),
    radial-gradient(circle at top right, rgba(181,138,90,0.10), transparent 24%),
    linear-gradient(180deg,#fcf8f3 0%,#f2e9dd 100%);
}
.preview-shell::after,
.hero-metric-card::after,
.feature-grid-rich .feature-card-rich::after,
.sales-card-rich::after,
.contact-card-rich::after,
.install-video-card::after{
  background:radial-gradient(circle, rgba(181,138,90,.14), transparent 72%);
}
.contact-card::before,
.sales-card::before,
.highlight-stat-card::before{
  background:linear-gradient(90deg, rgba(181,138,90,.40), rgba(208,168,116,.18), transparent);
}
.feature-card .icon,
.role-card .icon{
  color:var(--brand);
}
.hero-metric-card{
  border:1px solid rgba(122,88,50,.10);
  background:linear-gradient(180deg,#fffdfa,#f6ede1);
  box-shadow:0 18px 36px rgba(76,53,31,.10);
}
.hero-metric-card small,
.highlight-stat-card span{
  color:#8a725c;
}
.hero-metric-card strong,
.timeline-item strong,
.floating-chip,
.device-head strong{
  color:var(--text);
}
.hero-metric-card p,
.timeline-item p,
.preview-list strong,
.preview-list span{
  color:var(--text-soft);
}
.landing-preview-shell{
  border-color:rgba(181,138,90,.18);
  background:linear-gradient(180deg,#fffdfa,#f2e8da);
  box-shadow:0 24px 50px rgba(76,53,31,.12);
}
.landing-preview-stats article,
.timeline-item,
.install-visual-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(122,88,50,.08);
}
.timeline-dot{
  box-shadow:0 0 0 6px rgba(181,138,90,.10);
}
.ambient-orb-a{
  background:radial-gradient(circle, rgba(208,168,116,.22), transparent 68%);
}
.ambient-orb-b,
.mobile-story-card::after{
  background:radial-gradient(circle, rgba(181,138,90,.16), transparent 72%);
}
.floating-chip{
  border:1px solid rgba(122,88,50,.12);
  background:rgba(255,253,250,.96);
  box-shadow:0 16px 32px rgba(76,53,31,.12);
  color:var(--text);
}
.glass-panel-card,
.install-video-card,
.sales-card-rich,
.contact-card-rich,
.mobile-story-card{
  background:linear-gradient(180deg,#fffdfa,#f7efe6);
}
.money-hint{
  border-color:rgba(181,138,90,.24);
  background:rgba(181,138,90,.08);
}
.owner-editor-links a{
  color:var(--brand);
}
@media (max-width: 560px){
  .floating-chip{
    width:100%;
    justify-content:center;
  }
}


/* v30 warm landing cleanup */
html,
body,
main,
.dashboard-shell,
.auth-shell,
.wide-shell,
.dashboard-main{
  background:#f7f1e8;
}
body::after{
  background:linear-gradient(180deg,#fbf7f1 0%,#f1e7da 100%);
}
body.landing-body,
body.landing-body::before,
body.landing-body::after{
  background:
    radial-gradient(circle at top left, rgba(208,168,116,0.18), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(181,138,90,0.12), transparent 24%),
    linear-gradient(180deg,#fcf7f0 0%,#f2e8dc 100%);
}
.site-header{
  background:rgba(250,245,237,.92);
}
.btn-primary,
.step-number,
.timeline-dot{
  background:linear-gradient(135deg,#b58a5a,#cda06c);
}
.hero-metric-card,
.timeline-item,
.landing-preview-stats article,
.install-visual-card,
.preview-stats article,
.preview-shell,
.landing-preview-shell,
.feature-card,
.role-card,
.contact-item,
.surface-list > div{
  background:linear-gradient(180deg,#fffdfa 0%,#f5ebdf 100%);
  border-color:rgba(122,88,50,.10);
}
.preview-shell,
.landing-preview-shell{
  box-shadow:0 26px 54px rgba(90,63,34,.10);
}
.floating-chip,
.chip-income,
.chip-notify{
  background:rgba(255,251,246,.98);
  color:#4f3a26;
  border:1px solid rgba(122,88,50,.14);
  box-shadow:0 18px 36px rgba(90,63,34,.12);
}
.preview-list div,
.table-wrap,
th,
td,
.details-card[open] summary{
  border-color:rgba(122,88,50,.08);
}
.feature-card .icon,
.role-card .icon,
.owner-editor-links a,
.text-link{
  color:#9a7042;
}
.top-nav a:not(.btn):hover,
.sidebar-nav a:hover{
  background:rgba(181,138,90,.09);
  color:#3f2e1f;
}
.sidebar-nav a.active{
  background:linear-gradient(135deg,rgba(181,138,90,.18),rgba(208,168,116,.12));
  border-color:rgba(181,138,90,.22);
  color:#3b2a1a;
}
.brand-mark{
  box-shadow:0 14px 28px rgba(90,63,34,.14);
}
.toast-item{
  color:#3d2c1d;
  background:rgba(255,250,244,.98);
  border:1px solid rgba(181,138,90,.16);
}
.toast-item.toast-info,
.toast-item.toast-success,
.toast-item.toast-error{
  border-color:rgba(181,138,90,.18);
}

/* v31 final brown-light correction */
.btn-primary{color:#fffaf5 !important}
.step-number{color:#fffaf5 !important}
.simple-strip strong,.premium-mini-strip strong{color:var(--text) !important}
.install-guide-card .step-card,
.landing-preview-stats article,
.install-visual-card,
.community-loader,
.document-chip,
.trust-strip span,
.surface-list > *,
.preview-stats article,
.key-value-card,
.quick-note,
.auth-checks div,
.site-inline-card{background:rgba(181,138,90,.05) !important;border-color:rgba(122,88,50,.10) !important}
.glass-panel-card,
.landing-preview-shell,
.hero-metric-card,
.highlight-stat-card,
.feature-card-rich,
.mobile-story-card,
.sales-card-rich,
.contact-card-rich,
.panel-card,
.auth-panel,
.hero-card,
.feature-card,
.role-card,
.cta-card,
.device-card,
.action-card,
.notice-item,
.portfolio-card,
.manage-card,
.receipt-review-card,
.unit-due-card,
.history-row,
.step-card,
.helper-banner,
.empty-state,
.alert,
.details-card,
.task-card,
.simple-card,
.summary-bar,
.fold-card{background:linear-gradient(180deg,#fffdfa,#f7efe6) !important;border-color:rgba(122,88,50,.10) !important}
.floating-chip{border-color:rgba(122,88,50,.12) !important;background:rgba(255,250,244,.92) !important;box-shadow:0 18px 36px rgba(98,72,45,.12) !important;color:var(--text) !important}
.hero-metric-card::after,
.preview-shell::after,
.feature-grid-rich .feature-card-rich::after,
.sales-card-rich::after,
.contact-card-rich::after,
.mobile-story-card::after,
.install-video-card::after{background:radial-gradient(circle, rgba(198,154,107,.18), transparent 72%) !important}
.highlight-stat-card::before,
.contact-card::before,
.sales-card::before{background:linear-gradient(90deg, rgba(139,94,52,.40), rgba(198,154,107,.18), transparent) !important}
.global-wait-layer{background:rgba(98,72,45,.16) !important;color:var(--text) !important}
.wait-spinner{border-color:rgba(139,94,52,.18) !important;border-top-color:var(--brand) !important}
.inline-loader,.form-response{color:#7a5624 !important}
body.dashboard-body .dashboard-topbar{background:linear-gradient(180deg, rgba(248,242,232,.96), rgba(248,242,232,.82)) !important}
.mobile-tabbar{border-color:rgba(122,88,50,.10) !important;background:rgba(255,250,244,.96) !important}
.mobile-tabbar a.active{background:rgba(181,138,90,.12) !important;border-color:rgba(181,138,90,.18) !important;color:var(--text) !important}
.table-wrap table{background:rgba(255,252,247,.96) !important}


/* v32 warm landing + install polish */
.install-inline-chip{background:rgba(181,138,90,.10);border:1px solid rgba(122,88,50,.12);color:#5a4431}
.hero-trust-strip{align-items:flex-start}
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.solution-card,.role-grid-4 .role-card{background:linear-gradient(180deg,#fffdfa 0%,#f4eadf 100%);border-color:rgba(122,88,50,.10)}
.solution-card h3,.role-grid-4 .role-card h3{margin-bottom:10px;color:#352619}
.solution-card p,.role-grid-4 .role-card p{color:#6a5441}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:rgba(181,138,90,.08);color:#9a7042;margin-bottom:14px;border:1px solid rgba(122,88,50,.10)}
.role-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-actions .js-install-app{min-width:180px}
.preview-shell .device-head,.landing-preview-list strong{color:#3d2b1d}
.preview-list div strong{color:#423122}
.timeline-item{box-shadow:none}
.brand-mark{background:#fff7ef}
.site-header,.dashboard-sidebar,.panel-card,.feature-card,.role-card,.solution-card,.glass-panel-card,.install-guide-card,.install-video-card{border-color:rgba(130,92,58,.12)}
@media (max-width: 980px){.solution-grid,.role-grid-4{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.solution-grid,.role-grid-4{grid-template-columns:1fr}}


.form-response[data-state="success"],
.mini-response[data-state="success"]{color:#4f7a4e !important;font-weight:700}
.form-response[data-state="error"],
.mini-response[data-state="error"]{color:#9f3f3f !important;font-weight:700}
.form-response[data-state="loading"],
.mini-response[data-state="loading"]{color:#7a5624 !important;font-weight:600}
.system-alert-stack{position:fixed;top:18px;right:18px;z-index:140;display:grid;gap:10px;max-width:min(420px,calc(100vw - 28px))}
.system-alert{background:rgba(255,251,246,.99);border:1px solid rgba(139,94,52,.18);border-left:5px solid #8b5e34;border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:8px;color:var(--text)}
.system-alert.system-alert-error{border-left-color:#a44949}
.system-alert.system-alert-success{border-left-color:#5f8a4c}
.system-alert.system-alert-info{border-left-color:#8b5e34}
.system-alert-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.system-alert-head strong{font-size:.95rem}
.system-alert p{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-soft)}
.system-alert-close{border:0;background:transparent;color:#7a5624;font-weight:700;cursor:pointer;padding:0}
.system-alert.is-hidden{opacity:0;transform:translateY(-6px);transition:.2s ease}
@media (max-width: 640px){.system-alert-stack{left:12px;right:12px;top:12px;max-width:none}}


/* v35 push onboarding + seo install polish */
.keyword-cluster-grid{align-items:stretch}
.keyword-chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.keyword-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(181,138,90,.10);border:1px solid rgba(122,88,50,.12);color:#4a3726;font-weight:700}
.keyword-list{display:grid;gap:12px}
.keyword-list div{padding:14px 16px;border-radius:18px;background:rgba(181,138,90,.06);border:1px solid rgba(122,88,50,.10)}
.keyword-list strong{display:block;margin-bottom:4px;color:#352619}
.keyword-list small{display:block;color:#6a5441;line-height:1.5}
.summary-bar.summary-bar-warning,.summary-bar.summary-bar-success{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:14px 18px;border-radius:18px;border:1px solid rgba(122,88,50,.12);background:linear-gradient(180deg,#fff9f3,#f4eadf)}
.summary-bar.summary-bar-warning{background:linear-gradient(180deg,#fff7ef,#f3e5d8)}
.push-onboarding-modal{position:fixed;inset:0;z-index:160;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(58,41,25,.32);backdrop-filter:blur(6px)}
.push-onboarding-card{width:min(520px,100%);background:linear-gradient(180deg,#fffdfa,#f6ede2);border:1px solid rgba(122,88,50,.12);border-radius:24px;padding:20px 20px 18px;box-shadow:0 24px 60px rgba(80,54,28,.20);display:grid;gap:14px}
.push-onboarding-card p{margin:0;color:#5f4a37;line-height:1.65}
@media (max-width:760px){.summary-bar.summary-bar-warning,.summary-bar.summary-bar-success{flex-direction:column;align-items:flex-start}.push-onboarding-modal{padding:12px}.push-onboarding-card{border-radius:20px}}


.topbar-tour-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tour-fab{position:fixed;right:18px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:98;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;border:1px solid rgba(124,91,61,.14);background:rgba(255,248,240,.96);box-shadow:0 18px 44px rgba(76,53,34,.18);color:var(--text);font-weight:700}
.tour-fab .icon{width:18px;height:18px;flex-basis:18px}
.tour-fab.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}
.tour-overlay{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:22px;background:rgba(44,31,20,.38);backdrop-filter:blur(6px);animation:tourFadeIn .24s ease}
.tour-overlay[hidden]{display:none !important}
.tour-spotlight{position:fixed;border-radius:22px;border:2px solid rgba(181,138,90,.92);box-shadow:0 0 0 9999px rgba(44,31,20,.46), 0 28px 52px rgba(58,38,24,.22);pointer-events:none;transition:all .28s ease;z-index:131}
.tour-spotlight::after{content:'';position:absolute;inset:-10px;border-radius:28px;border:1px dashed rgba(255,247,234,.82);animation:tourPulse 1.8s ease-in-out infinite}
.tour-card{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(460px, calc(100vw - 28px));z-index:132;padding:20px 20px 18px;border-radius:28px;border:1px solid rgba(124,91,61,.14);background:linear-gradient(180deg, rgba(255,252,248,.98), rgba(251,244,235,.98));box-shadow:0 26px 66px rgba(60,42,28,.22);display:grid;gap:14px;color:var(--text)}
.tour-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.tour-card-title{display:grid;gap:6px}
.tour-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;color:#8b5e34;text-transform:uppercase;letter-spacing:.08em}
.tour-kicker .tour-mascot{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:rgba(181,138,90,.14);font-size:1.15rem;animation:tourFloat 2.4s ease-in-out infinite}
.tour-card h3{margin:0;font-size:1.18rem}
.tour-card p{margin:0;color:var(--text-soft);font-size:.95rem;line-height:1.62}
.tour-card small{color:var(--muted)}
.tour-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tour-dot{width:10px;height:10px;border-radius:999px;background:rgba(181,138,90,.24);transition:transform .18s ease, background .18s ease}
.tour-dot.is-active{background:#8b5e34;transform:scale(1.16)}
.tour-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.tour-actions-group{display:flex;gap:10px;flex-wrap:wrap}
.tour-close-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.tour-highlight-target{position:relative;z-index:131 !important;animation:tourTargetGlow 1.9s ease-in-out infinite}
@keyframes tourPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}
@keyframes tourFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes tourFadeIn{from{opacity:0}to{opacity:1}}
@keyframes tourTargetGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(181,138,90,0))}50%{filter:drop-shadow(0 10px 24px rgba(181,138,90,.28))}}
@media (max-width: 820px){
  .tour-fab{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));justify-content:center}
  .tour-card{left:14px;right:14px;bottom:14px;transform:none;width:auto;border-radius:24px;padding:18px}
  .tour-actions,.tour-close-row{display:grid}
  .topbar-tour-btn span{display:none}
}


/* v38 elderly-first mobile simplification */
.install-assist-card{width:min(560px,100%);gap:16px}
.install-assist-step-list{display:grid;gap:12px}
.install-assist-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:rgba(181,138,90,.08);border:1px solid rgba(122,88,50,.10)}
.install-assist-number{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fffaf5;font-weight:800;font-size:1.05rem}
.install-assist-step strong{display:block;margin-bottom:4px}
.install-assist-step p{margin:0;color:var(--text-soft);line-height:1.55}

@media (max-width: 820px){
  html{font-size:17px}
  body{font-size:16px}
  body.dashboard-body{padding-bottom:112px}
  .dashboard-main{padding:14px 12px 32px}
  .dashboard-topbar{position:sticky;top:0;z-index:40;padding:10px 0 12px;background:linear-gradient(180deg, rgba(248,242,232,.98), rgba(248,242,232,.88));backdrop-filter:blur(14px)}
  .topbar-user{display:none}
  .page-title{font-size:1.7rem;line-height:1.15}
  .page-subtitle,.eyebrow + .muted{font-size:1rem}
  .panel-card,.manage-card,.receipt-review-card,.unit-due-card,.history-row,.auth-panel,.helper-banner,.summary-bar,.task-card,.simple-card,.details-card{padding:16px}
  .btn{min-height:56px;padding:0 18px;border-radius:18px;font-size:1rem}
  .btn-mini{min-height:48px}
  input,select,textarea{min-height:56px;padding:15px 16px;border-radius:16px;font-size:16px}
  textarea{min-height:120px}
  .stack-form label > span,.form-stack label > span,.form-grid label span,.compact-form label span{font-size:.95rem}
  .hero-actions,.action-row,.compact-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn,.compact-actions .btn,.slim-actions .btn{width:100%}
  .mobile-tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px;gap:8px;border-radius:20px}
  .mobile-tabbar a{min-height:66px;padding:8px 4px;border-radius:16px}
  .mobile-tabbar a span{font-size:.78rem;line-height:1.12}
  .mobile-tabbar .icon{width:20px;height:20px;flex-basis:20px}
  .auth-shell{padding:18px 12px}
  .auth-panel{padding:18px}
  .auth-help{display:none}
  .install-secondary-help{display:none}
  .install-page-grid,.install-guides-grid{grid-template-columns:1fr !important}
  .install-assist-step{grid-template-columns:48px minmax(0,1fr);padding:12px 14px}
  .install-assist-number{width:40px;height:40px;border-radius:12px}
}