@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  --bg: #1b1e22;
  --surface: #25292e;
  --surface-2: #2d3238;
  --line: rgba(230, 234, 239, .12);
  --text: #f4f7f5;
  --muted: #91a69f;
  --green: #3be0a0;
  --green-dark: #0fb77c;
  --orange: #f2a95d;
  --blue: #73a6ff;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scrollbar-color: #345247 #08130f; scrollbar-width: thin; }
* { scrollbar-color: #345247 #08130f; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #08130f; }
*::-webkit-scrollbar-thumb { background: #345247; border: 2px solid #08130f; border-radius: 999px; }
*::-webkit-scrollbar-thumb:hover { background: #4d806b; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: 'DM Sans', sans-serif; font-size: 16px; }
button, select, input { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 238px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 30px 22px; border-right: 1px solid var(--line); background: #081411; display: flex; flex-direction: column; }
.brand { color: white; text-decoration: none; display: flex; align-items: center; gap: 11px; margin: 0 8px 46px; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: var(--green); color: #06110e; font: 800 24px/1 Manrope; transform: rotate(-6deg); }
.brand-text { font: 700 19px/1 Manrope; letter-spacing: -.04em; }.brand-text span { color: var(--green); }
nav { display: grid; gap: 8px; }
.nav-item { display: flex; align-items: center; gap: 13px; color: var(--muted); text-decoration: none; font-weight: 600; font-size: 14px; padding: 13px 14px; border-radius: 12px; transition: .2s ease; }
.nav-item span { width: 22px; font-size: 18px; text-align: center; }
.nav-item:hover, .nav-item.active { color: var(--text); background: rgba(59, 224, 160, .09); }
.nav-item.active { box-shadow: inset 3px 0 var(--green); }
.sidebar-foot { margin-top: auto; display: flex; gap: 11px; align-items: center; border-top: 1px solid var(--line); padding: 22px 8px 0; }
.privacy-dot { width: 9px; height: 9px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(59,224,160,.1); }
.sidebar-foot strong, .sidebar-foot small { display: block; }.sidebar-foot strong { font-size: 13px; }.sidebar-foot small { color: var(--muted); margin-top: 3px; font-size: 12px; }
main { padding: 34px clamp(24px, 4vw, 64px) 60px; min-width: 0; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 28px; }
.eyebrow { color: var(--green); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; margin: 0 0 6px; }
h1, h2 { font-family: Manrope, sans-serif; margin: 0; letter-spacing: -.04em; } h1 { font-size: clamp(26px, 3vw, 36px); } h2 { font-size: 20px; }
.topbar-actions { display: flex; align-items: center; gap: 14px; }
.source-state { display: flex; align-items: center; gap: 11px; padding-right: 16px; border-right: 1px solid var(--line); }
.source-state > span { width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(242,169,93,.1); }
.source-state strong, .source-state small { display: block; }.source-state strong { font-size: 13px; }.source-state small { color: var(--muted); margin-top: 3px; font-size: 12px; }
.primary-button, .ghost-button { border: 0; border-radius: 11px; padding: 11px 16px; font-weight: 700; font-size: 13px; }
.primary-button { color: #06110e; background: var(--green); box-shadow: 0 8px 24px rgba(59,224,160,.14); }.primary-button:hover { background: #5be9b3; }
.ghost-button { color: var(--muted); background: transparent; border: 1px solid var(--line); align-self: end; }.ghost-button:hover { color: white; }
.menu-button { display: none; background: transparent; color: white; border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; }
.filters { display: flex; align-items: end; gap: 12px; padding: 14px; border: 1px solid var(--line); background: rgba(13,25,22,.7); border-radius: 16px; margin-bottom: 22px; }
.filters label { color: var(--muted); font-size: 12px; font-weight: 600; display: grid; gap: 7px; }
select { appearance: none; min-width: 210px; color: var(--text); background: var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2391a69f' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 13px center; border: 1px solid var(--line); border-radius: 10px; padding: 10px 34px 10px 12px; outline: none; }
select:focus, input:focus { border-color: rgba(59,224,160,.6); box-shadow: 0 0 0 3px rgba(59,224,160,.08); }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.metric-card, .panel { background: linear-gradient(145deg, rgba(18,33,29,.98), rgba(10,21,18,.98)); border: 1px solid var(--line); border-radius: 18px; }
.metric-card { min-height: 174px; padding: 21px; position: relative; overflow: hidden; }
.metric-card::after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 50%; right: -55px; bottom: -70px; filter: blur(2px); opacity: .13; }
.metric-card.income::after { background: var(--green); }.metric-card.expense::after { background: var(--orange); }.metric-card.result::after { background: var(--blue); }
.metric-head { display: flex; justify-content: space-between; color: var(--muted); font-size: 13px; font-weight: 600; }
.metric-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,.04); }
.metric-card > strong { display: block; font: 700 clamp(26px, 3vw, 34px)/1 Manrope; letter-spacing: -.05em; margin-top: 25px; }
.metric-card.expense > strong { color: #ffc180; }.metric-card.result > strong { color: #a8c7ff; }
.metric-card > small { display: block; color: var(--muted); margin-top: 10px; font-size: 12px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 16px; margin-top: 16px; }
.panel { padding: 22px; }.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }.panel-heading > span { color: var(--muted); font-size: 12px; font-weight: 600; }
.bar-list { display: grid; gap: 14px; margin-top: 28px; }
.bar-row { display: grid; grid-template-columns: minmax(120px, 1fr) 2fr 94px; gap: 13px; align-items: center; font-size: 12px; }
.bar-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.bar-track { height: 8px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.05); }.bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green-dark), var(--green)); }.bar-value { text-align: right; font-weight: 700; }
.subcategory-panel { margin-top: 16px; }
.main-grid.single-panel{grid-template-columns:minmax(0,1fr)}
.health-banner{margin-top:16px}
.category-panel{margin-top:16px}
.category-drilldown{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px}
.category-drilldown>.bar-list,.category-detail .bar-list{margin-top:0;align-content:start}
.category-choice{display:grid;gap:8px;width:100%;padding:12px 14px;text-align:left;color:var(--text);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;cursor:pointer}
.category-choice:hover,.category-choice:focus-visible,.category-choice.selected{border-color:var(--green);background:rgba(59,224,160,.07);outline:none}
.category-choice-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.category-choice-head strong{overflow-wrap:anywhere}.category-choice-head b{white-space:nowrap}
.category-choice-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.category-choice-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-dark),var(--green))}
.category-choice small{color:var(--muted);font-size:12px}
.category-detail{padding:18px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.category-detail h3{margin:5px 0 0;font-size:18px}.category-detail>.bar-list{margin-top:18px}.category-detail>.panel-heading>strong{white-space:nowrap;color:var(--orange)}
.category-detail .bar-fill{background:linear-gradient(90deg,#a85f32,var(--orange))}.category-detail .bar-row{grid-template-columns:minmax(0,1fr) minmax(55px,1fr) minmax(96px,auto);font-size:13px}
.overview-unit-panel{margin-top:16px}.overview-unit-panel .agenda-list p small{font-size:12px;line-height:1.45}.overview-unit-panel .agenda-list b{font-size:13px}.overview-unit-panel .panel-note{margin:18px 0 0}
.daily-days-panel{margin-bottom:16px}.daily-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:18px}.daily-day{display:grid;gap:6px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.daily-day.has-expense{border-color:rgba(242,169,93,.35);background:rgba(242,169,93,.06)}.daily-day span{color:var(--muted);font-size:12px}.daily-day strong{font-size:14px;white-space:nowrap}.daily-day.has-expense strong{color:var(--orange)}
@media(max-width:980px){.category-drilldown{grid-template-columns:1fr}.daily-days-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:680px){.daily-days-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-day{padding:9px}.daily-day strong{font-size:12px}.category-detail .bar-row{grid-template-columns:minmax(0,1fr) minmax(40px,.7fr) minmax(85px,auto)}.category-panel .panel-heading{align-items:flex-start;flex-direction:column}}
.subcategory-panel .panel-heading h2 { margin-bottom: 0; }
.subcategory-panel .panel-note { margin: 8px 0 0; }
.subcategory-filter { display: grid; gap: 7px; min-width: 220px; color: var(--muted); font-size: 13px; font-weight: 600; }
.subcategory-filter select { min-height: 40px; }
.subcategory-panel .bar-list { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 28px; }
.subcategory-panel .bar-fill { background: linear-gradient(90deg, #a85f32, var(--orange)); }
.category-panel .bar-row, .subcategory-panel .bar-row { grid-template-columns: minmax(0,1fr) minmax(55px,1fr) minmax(96px,auto); font-size: 13px; }
.category-panel .bar-value, .subcategory-panel .bar-value { white-space: nowrap; }
.subcategory-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; }
.breakdown-empty { color: var(--muted); font-size: 14px; margin: 0; }
@media(max-width:980px) { .subcategory-panel .bar-list { grid-template-columns: 1fr; } }
@media(max-width:680px) { .subcategory-panel .panel-heading { flex-direction: column; } .subcategory-filter { width: 100%; } .subcategory-footer { align-items: flex-start; flex-direction: column; } }
.ring-wrap { display: grid; justify-items: center; gap: 25px; padding-top: 24px; }
.ring { width: 156px; height: 156px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--green) 0 68.5%, rgba(255,255,255,.06) 68.5%); position: relative; }.ring::after { content: ''; position: absolute; inset: 12px; border-radius: 50%; background: var(--surface); }.ring > div { position: relative; z-index: 1; text-align: center; }.ring strong, .ring small { display: block; }.ring strong { font: 700 20px/1.2 Manrope; }.ring small { color: var(--muted); margin-top: 6px; }
.focus-stats { width: 100%; display: grid; gap: 10px; }.focus-stats div { display: flex; justify-content: space-between; gap: 14px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 12px; }.focus-stats span { color: var(--muted); }
.transactions-section { margin-top: 16px; scroll-margin-top: 20px; }.search-box { min-width: 290px; display: flex; align-items: center; gap: 8px; color: var(--muted); background: rgba(255,255,255,.035); border: 1px solid var(--line); border-radius: 10px; padding: 0 11px; }.search-box input { width: 100%; padding: 9px 0; border: 0; outline: 0; color: white; background: transparent; font-size: 13px; }.search-box input::placeholder { color: #71867f; }
.table-wrap { overflow-x: auto; margin-top: 22px; } table { width: 100%; border-collapse: collapse; min-width: 720px; } th { color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; text-align: left; padding: 0 13px 10px; } td { border-top: 1px solid var(--line); padding: 14px 13px; font-size: 13px; } td:nth-child(3) { color: var(--muted); } td:last-child, th:last-child { text-align: right; }.type-pill { display: inline-block; color: #ffc180; background: rgba(242,169,93,.1); border-radius: 99px; padding: 5px 9px; font-size: 11px; font-weight: 700; }.empty-state { color: var(--muted); text-align: center; padding: 40px; }
.source-panel { margin-top: 16px; display: flex; justify-content: space-between; align-items: center; gap: 24px; scroll-margin-top: 20px; }.source-panel p:not(.eyebrow) { color: var(--muted); font-size: 13px; margin: 9px 0 0; }.source-meta { text-align: right; }.source-meta small { display: block; color: var(--muted); margin-top: 8px; }.status-pill { display: inline-block; color: var(--green); background: rgba(59,224,160,.09); padding: 7px 10px; border-radius: 99px; font-size: 11px; font-weight: 700; }
dialog { width: min(520px, calc(100% - 30px)); color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 0; box-shadow: 0 40px 90px rgba(0,0,0,.5); } dialog::backdrop { background: rgba(2,7,6,.72); backdrop-filter: blur(8px); } dialog form { padding: 30px; position: relative; } .dialog-close { position: absolute; right: 18px; top: 15px; color: var(--muted); border: 0; background: transparent; font-size: 24px; }.dialog-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: rgba(59,224,160,.1); color: var(--green); font-size: 22px; margin-bottom: 20px; } dialog h2 { font-size: 25px; } dialog form > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; }.dialog-steps { display: grid; gap: 15px; margin: 24px 0; }.dialog-steps div { display: flex; align-items: center; gap: 13px; }.dialog-steps div > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.06); font-weight: 700; font-size: 12px; }.dialog-steps .done > span { background: var(--green); color: #06110e; }.dialog-steps p { margin: 0; }.dialog-steps strong, .dialog-steps small { display: block; }.dialog-steps strong { font-size: 13px; }.dialog-steps small { color: var(--muted); margin-top: 3px; }.full { width: 100%; padding: 13px; }

@media (max-width: 980px) { .app-shell { grid-template-columns: 76px 1fr; }.sidebar { padding: 28px 12px; }.brand { margin-inline: auto; }.brand-text, .nav-item:not(.active)::after, .sidebar-foot div { display: none; }.nav-item { justify-content: center; padding: 13px; }.nav-item span { width: auto; }.sidebar-foot { justify-content: center; }.dashboard-grid { grid-template-columns: 1fr; }.metric-grid { grid-template-columns: 1fr 1fr; }.metric-card.result { grid-column: 1 / -1; }.source-state { display: none; } }
@media (max-width: 680px) { .app-shell { display: block; }.sidebar { position: fixed; z-index: 20; width: 238px; transform: translateX(-100%); transition: .25s ease; box-shadow: 30px 0 60px rgba(0,0,0,.5); }.sidebar.open { transform: translateX(0); }.brand-text, .sidebar-foot div { display: block; }.nav-item { justify-content: flex-start; }.menu-button { display: inline-block; }.topbar { align-items: flex-start; }.topbar > div:first-of-type { flex: 1; }.primary-button:not(.full) { padding: 10px 12px; font-size: 12px; }.filters { align-items: stretch; flex-direction: column; }.filters label, select { width: 100%; }.ghost-button { align-self: stretch; }.metric-grid { grid-template-columns: 1fr; }.metric-card.result { grid-column: auto; }.metric-card { min-height: 150px; }.stacked-mobile { flex-direction: column; }.search-box { width: 100%; min-width: 0; }.source-panel { align-items: flex-start; flex-direction: column; }.source-meta { text-align: left; }.bar-row { grid-template-columns: minmax(100px, 1fr) 1.3fr 82px; gap: 9px; }.panel { padding: 18px; } main { padding: 24px 16px 40px; } }

/* Financial command center */
:root { --red:#ff6e71; --yellow:#f1c75b; --purple:#a991ff; }
body { overflow-x:hidden; }
.sidebar { overflow-y:auto; }
.sidebar nav { display:block; }
.nav-label { margin:24px 13px 8px; color:#536a62; font-size:10px; font-weight:800; letter-spacing:.14em; }
.nav-item { width:100%; border:0; background:transparent; text-align:left; margin-bottom:4px; }
.nav-item.active { box-shadow:inset 3px 0 var(--green); }
.topbar { position:relative; }
.page-title { min-width:190px; }
.icon-button { position:relative; width:40px; height:40px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--text); font-size:19px; }
.icon-button span { position:absolute; right:-4px; top:-5px; display:grid; place-items:center; width:18px; height:18px; border-radius:99px; background:var(--orange); color:#211308; font-size:10px; font-weight:800; }
.source-state i { width:10px; height:10px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(59,224,160,.1); }
.filter-spacer { flex:1; }
.view { display:none; animation:viewIn .28s ease; }
.view.active-view { display:block; }
@keyframes viewIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.health-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; margin-bottom:16px; padding:18px 22px; border:1px solid rgba(59,224,160,.18); border-radius:18px; background:linear-gradient(105deg,rgba(59,224,160,.11),rgba(13,25,22,.86) 58%); }
.health-score { width:58px; height:58px; display:flex; align-items:baseline; justify-content:center; padding-top:16px; border-radius:50%; background:conic-gradient(var(--green) 0 78%,rgba(255,255,255,.06) 78%); box-shadow:inset 0 0 0 7px #10251f; }
.health-score span { font:800 18px/1 Manrope; }.health-score small { color:var(--muted); font-size:9px; }
.health-banner h2 { font-size:17px; }.health-banner p:not(.eyebrow) { color:var(--muted); margin:5px 0 0; font-size:13px; }
.text-button { padding:0; border:0; background:transparent; color:var(--green); font-size:12px; font-weight:700; white-space:nowrap; }
.metric-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.metric-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric-grid.compact .metric-card { min-height:142px; }
.metric-card { min-height:186px; }
.metric-card > strong { font-size:clamp(23px,2.3vw,30px); }
.trend { padding:4px 7px; border-radius:99px; font-size:10px; }.trend.up { color:var(--green); background:rgba(59,224,160,.09); }.trend.down { color:#ffc180; background:rgba(242,169,93,.09); }
.mini-progress { height:5px; margin-top:16px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }.mini-progress i { display:block; height:100%; border-radius:inherit; background:var(--green); }
.spark-bars { height:24px; display:flex; align-items:end; gap:4px; margin-top:13px; }.spark-bars i { flex:1; height:40%; border-radius:2px 2px 0 0; background:rgba(242,169,93,.35); }.spark-bars i:nth-child(2){height:70%}.spark-bars i:nth-child(3){height:52%}.spark-bars i:nth-child(4){height:88%}.spark-bars i:nth-child(5){height:60%}.spark-bars i:nth-child(6){height:76%}.spark-bars i:nth-child(7){height:100%;background:var(--orange)}
.spark-line { height:25px; margin-top:10px; }.spark-line svg { width:100%; height:100%; overflow:visible; }.spark-line path { fill:none; stroke:var(--blue); stroke-width:2; vector-effect:non-scaling-stroke; }
.coverage { display:flex; gap:4px; margin-top:17px; }.coverage i,.coverage b { height:5px; flex:1; border-radius:99px; }.coverage i { background:var(--green); }.coverage b { background:rgba(255,255,255,.07); }
.main-grid { grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr); }
.lower-grid { grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); }
.legend,.projection-legend { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:11px; }.legend span { width:7px; height:7px; border-radius:50%; }.green-dot{background:var(--green)}.orange-dot{background:var(--orange);margin-left:8px}
.cash-chart { display:flex; align-items:stretch; gap:10px; margin-top:25px; padding:0 0 12px; overflow-x:auto; }
.chart-group { flex:1 0 124px; min-width:124px; display:grid; grid-template-rows:160px auto auto; gap:9px; padding:10px 7px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.018); text-align:center; }
.chart-bars { height:160px; display:flex; gap:7px; align-items:end; justify-content:center; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--line) 40px); }
.chart-bars i { width:min(28px,38%); min-height:2px; border-radius:5px 5px 0 0; transition:height .25s; }
.chart-group .in { background:linear-gradient(var(--green),#158a63); }.chart-group .out { background:linear-gradient(var(--orange),#a85f32); }
.chart-month { color:var(--muted); font-size:13px; text-transform:capitalize; }
.chart-values { display:grid; gap:3px; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.chart-income { color:var(--green); }.chart-expense { color:var(--orange); }
.chart-summary { display:flex; gap:8px; margin-top:38px; }.chart-summary span { flex:1; padding:10px 12px; border-radius:10px; background:rgba(255,255,255,.025); color:var(--muted); font-size:10px; }.chart-summary strong { display:block; color:var(--text); margin-top:4px; font-size:12px; }
.positive { color:var(--green)!important; }.negative { color:#ff999b!important; }
.count-pill { display:grid; place-items:center; min-width:25px; height:25px; border-radius:99px; background:rgba(242,169,93,.13); color:var(--orange)!important; }
.alert-list { display:grid; margin-top:17px; }.alert-list button { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; padding:14px 0; border:0; border-top:1px solid var(--line); color:var(--text); background:transparent; text-align:left; }.alert-list button:first-child{border-top:0}.alert-list button div strong,.alert-list button div small{display:block}.alert-list button div strong{font-size:12px}.alert-list button div small{color:var(--muted);font-size:10px;margin-top:3px}.alert-list button>b{color:var(--muted);font-size:18px}
.alert-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; font-weight:800; }.alert-icon.urgent{color:var(--red);background:rgba(255,110,113,.1)}.alert-icon.warning{color:var(--orange);background:rgba(242,169,93,.1)}.alert-icon.info{color:var(--blue);background:rgba(115,166,255,.1)}
.agenda-list { margin-top:17px; }.agenda-list>div { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line); }.agenda-list time { width:38px; text-align:center; color:var(--green); font:bold 15px/1 Manrope; }.agenda-list time small { display:block; color:var(--muted); font-size:8px; margin-top:3px; }.agenda-list p{margin:0}.agenda-list p strong,.agenda-list p small{display:block}.agenda-list p strong{font-size:12px}.agenda-list p small{color:var(--muted);font-size:10px;margin-top:3px}.agenda-list b{font-size:11px}
.section-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:4px 0 22px; }.section-intro h2 { font-size:27px; }.section-intro p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px}
.status-pill { align-self:center; }
.projection-panel { margin-top:16px; }
.projection-chart { display:grid; grid-template-columns:38px 1fr; height:285px; margin-top:24px; }.projection-y{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:10px;padding-bottom:23px}.projection-area{position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,var(--line) 54px)}.projection-area>i{position:absolute;left:46.5%;height:100%;border-left:1px dashed rgba(255,255,255,.2)}.projection-area svg{position:absolute;inset:0;width:100%;height:calc(100% - 24px)}.projection-area .area{fill:url(#area)}.projection-area .line{fill:none;stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}.chart-dates{position:absolute;left:0;right:0;bottom:-3px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
.simulator { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }.simulator label,.form-grid label { display:grid; gap:7px; color:var(--muted); font-size:11px; font-weight:600; }.simulator input,.form-grid input,.form-grid select { width:100%; min-width:0; padding:10px 11px; color:var(--text); background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:9px; outline:0; }.sim-result { grid-column:1/-1; padding:15px; border-radius:12px; background:rgba(59,224,160,.07); }.sim-result span,.sim-result strong,.sim-result small{display:block}.sim-result span{color:var(--muted);font-size:10px}.sim-result strong{font:700 25px/1.2 Manrope;margin-top:5px;color:var(--green)}.sim-result small{color:var(--muted);margin-top:3px;font-size:10px}
.risk-list{display:grid;gap:18px;margin-top:28px}.risk-list>div{display:grid;grid-template-columns:50px 1fr 70px;gap:10px;align-items:center;font-size:11px}.risk-list>div>span{color:var(--muted)}.risk-list>div>i{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.risk-list>div>i>b{display:block;height:100%;border-radius:inherit;background:var(--orange)}.risk-list>div>strong{text-align:right}.panel-note{margin:26px 0 0;padding:14px;border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:11px;line-height:1.5}
.mini-card { padding:17px 19px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(18,33,29,.98),rgba(10,21,18,.98)); }.mini-card span,.mini-card strong,.mini-card small{display:block}.mini-card span{color:var(--muted);font-size:11px}.mini-card strong{font:700 20px/1.2 Manrope;margin-top:10px}.mini-card small{color:var(--muted);font-size:10px;margin-top:5px}
.table-panel{margin-top:16px}.segmented{display:flex;padding:3px;border-radius:10px;background:rgba(255,255,255,.04)}.segmented button{border:0;border-radius:8px;padding:7px 11px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.segmented button.active{background:var(--surface-2);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.status-check{width:18px;height:18px;border:1px solid #50635d;border-radius:6px;background:transparent;color:#06110e;font-size:11px}.status-check.paid{background:var(--green);border-color:var(--green)}.bill-action{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700}.paid-row{opacity:.5}.overdue-pill{padding:4px 7px;border-radius:99px;color:var(--red);background:rgba(255,110,113,.09);font-size:9px;font-weight:700}
.table-tools{display:flex;gap:12px;justify-content:space-between}.table-tools .search-box{flex:1;max-width:440px}.table-tools select{min-width:220px}
.dre-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.dre-row{display:grid;grid-template-columns:1fr 160px 60px;gap:15px;padding:16px 10px;border-top:1px solid var(--line);font-size:13px}.dre-row:first-child{border-top:0}.dre-row strong{text-align:right}.dre-row small{text-align:right;color:var(--muted)}.dre-row.total{font-weight:700}.dre-row.subtotal{border-radius:9px;background:rgba(115,166,255,.07);color:#b9d1ff}.dre-row.result-row{margin-top:7px;border-radius:10px;background:rgba(59,224,160,.1);color:var(--green);font-weight:800}.insight-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.insight-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:25px;border-radius:14px;background:rgba(169,145,255,.1);color:var(--purple);font-size:22px}.insight-card h2{font-size:25px;line-height:1.2}.insight-card>p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:13px;margin-bottom:24px}
.supplier-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.supplier-ranking>div:last-child{margin-top:20px}.supplier-row{display:grid;grid-template-columns:28px 1fr 2fr 95px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.supplier-row>span{color:var(--muted);font-weight:800}.supplier-row>i{height:7px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}.supplier-row>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-dark),var(--green))}.supplier-row>strong{text-align:right}.donut-wrap{display:grid;place-items:center;margin-top:26px}.supplier-donut{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 31%,var(--blue) 31%);position:relative}.supplier-donut:after{content:'';position:absolute;inset:14px;border-radius:50%;background:var(--surface)}.supplier-donut div{position:relative;z-index:1;text-align:center}.supplier-donut strong,.supplier-donut small{display:block}.supplier-donut strong{font:800 28px Manrope}.supplier-donut small{color:var(--muted);font-size:10px}.donut-legend{display:grid;gap:9px;width:100%;margin-top:24px}.donut-legend span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.donut-legend i{width:8px;height:8px;border-radius:50%}.donut-legend .d1{background:var(--green)}.donut-legend .d2{background:var(--blue)}.donut-legend b{margin-left:auto;color:var(--text)}
.opportunity-panel{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,rgba(169,145,255,.1),rgba(18,33,29,.98))}.opportunity-panel>div{display:grid;grid-template-columns:auto 1fr;column-gap:15px}.opportunity-panel .insight-icon{grid-row:1/4;margin:0}.opportunity-panel h2{font-size:19px}.opportunity-panel p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px}
.goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.goal-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(18,33,29,.98),rgba(10,21,18,.98))}.goal-card>span,.goal-card>strong,.goal-card>small{display:block}.goal-card>span{color:var(--muted);font-size:11px}.goal-card>strong{font:700 20px Manrope;margin-top:10px}.goal-card>small{color:var(--muted);font-size:10px;margin-top:5px}.goal-progress{height:6px;margin-top:15px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.goal-progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.goal-card.warning .goal-progress i{background:var(--orange)}.goal-card.warning>strong{color:#ffc180}.goal-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:25px;margin-top:22px}.goal-ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 73.8%,rgba(255,255,255,.06) 73.8%);position:relative}.goal-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--surface)}.goal-ring>div{z-index:1;text-align:center}.goal-ring strong,.goal-ring small{display:block}.goal-ring strong{font:700 18px Manrope}.goal-ring small{color:var(--muted);font-size:9px;margin-top:4px}.goal-hero>div:last-child p{font-size:14px}.goal-hero>div:last-child small{display:block;color:var(--muted);line-height:1.6}.action-plan{display:grid;gap:14px}.action-plan label{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.4}.action-plan input{accent-color:var(--green);width:16px;height:16px}.impact{display:flex;justify-content:space-between;margin-top:auto;padding:13px;border-radius:10px;background:rgba(59,224,160,.07);font-size:11px}.impact span{color:var(--muted)}.impact strong{color:var(--green)}
.integration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-bottom:16px}.integration-flow>i{color:#4e655d;font-style:normal}.integration-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.integration-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(59,224,160,.1);color:var(--green);font-size:11px;font-weight:800}.integration-card strong,.integration-card small{display:block}.integration-card strong{font-size:12px}.integration-card small{color:var(--muted);font-size:10px;margin-top:3px}.integration-card>b{padding:5px 7px;border-radius:99px;color:var(--green);background:rgba(59,224,160,.08);font-size:9px}.integration-card.pending>b{color:var(--orange);background:rgba(242,169,93,.08)}.source-details dl{margin:18px 0 0}.source-details dl>div{display:grid;grid-template-columns:140px 1fr;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.source-details dt{color:var(--muted)}.source-details dd{margin:0;text-align:right}.security-card{display:flex;align-items:center;gap:22px}.shield{display:grid;place-items:center;min-width:80px;height:92px;border-radius:20px;background:rgba(59,224,160,.08);color:var(--green);font-size:38px}.security-card p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.form-grid .check-label{display:flex;align-items:center;gap:8px;align-self:end;padding-bottom:10px}.form-grid .check-label input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;transform:translateY(30px);opacity:0;pointer-events:none;padding:13px 17px;border:1px solid rgba(59,224,160,.25);border-radius:12px;background:#12251f;color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:12px;font-weight:700;transition:.25s}.toast.show{transform:none;opacity:1}

@media(max-width:1180px){.metric-grid.four,.goal-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1.2fr .8fr}.source-state{display:none}}
@media(max-width:980px){.nav-label,.nav-item{font-size:0}.nav-item span{font-size:18px}.main-grid,.lower-grid{grid-template-columns:1fr}.dre-layout,.supplier-grid{grid-template-columns:1fr}.integration-flow{grid-template-columns:1fr}.integration-flow>i{display:none}.topbar-actions .icon-button{display:none}}
@media(max-width:680px){.page-title .eyebrow{display:none}.topbar{align-items:center}.topbar-actions{gap:7px}.topbar-actions .primary-button{font-size:0}.topbar-actions .primary-button:after{content:'＋';font-size:19px}.filters{display:grid;grid-template-columns:1fr 1fr}.filter-spacer{display:none}.filters .ghost-button{font-size:0}.filters .ghost-button:first-of-type:after{content:'↻ Atualizar';font-size:11px}.filters .ghost-button:last-of-type:after{content:'⇩ Exportar';font-size:11px}.health-banner{grid-template-columns:auto 1fr;padding:16px}.health-banner .text-button{grid-column:2;text-align:left}.metric-grid.four,.metric-grid.three,.goal-grid{grid-template-columns:1fr}.metric-card{min-height:150px}.chart-summary{flex-direction:column}.section-intro{align-items:flex-start;flex-direction:column}.section-intro h2{font-size:23px}.simulator{grid-template-columns:1fr}.sim-result{grid-column:auto}.dre-row{grid-template-columns:1fr auto}.dre-row small{display:none}.opportunity-panel{align-items:flex-start;flex-direction:column}.goal-hero{grid-template-columns:1fr;justify-items:center}.integration-card{grid-template-columns:auto 1fr}.integration-card>b{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr}.source-details dl>div{grid-template-columns:1fr;gap:4px}.source-details dd{text-align:left}.security-card{align-items:flex-start;flex-direction:column}.table-tools{flex-direction:column}.table-tools .search-box,.table-tools select{max-width:none;width:100%}.projection-chart{height:230px}.supplier-row{grid-template-columns:24px 1fr 78px}.supplier-row>i{display:none}}

/* Units, partners and routine */
.unit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.unit-card { min-height:210px; padding:20px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(18,33,29,.98),rgba(10,21,18,.98)); position:relative; overflow:hidden; }
.unit-card:after { content:''; position:absolute; right:-30px; bottom:-45px; width:115px; height:115px; border-radius:50%; background:var(--unit-color,var(--green)); opacity:.08; }
.unit-number { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--unit-color,var(--green)) 14%,transparent); color:var(--unit-color,var(--green)); font:800 12px Manrope; }
.unit-card h3 { margin:26px 0 0; font:700 16px Manrope; }.unit-card>strong{display:block;margin-top:10px;font:800 24px Manrope}.unit-card>small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.unit-share{height:5px;margin-top:20px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.unit-share i{display:block;height:100%;border-radius:inherit;background:var(--unit-color,var(--green))}
.unit-compare { margin-top:16px; }.unit-compare .panel-heading>strong{font:700 15px Manrope}.unit-stacked{display:flex;height:14px;margin:28px 0 15px;border-radius:99px;overflow:hidden}.unit-stacked i:nth-child(1){background:var(--green)}.unit-stacked i:nth-child(2){background:var(--blue)}.unit-stacked i:nth-child(3){background:var(--orange)}.unit-stacked i:nth-child(4){background:var(--purple)}.unit-legend{display:flex;flex-wrap:wrap;gap:12px 22px;color:var(--muted);font-size:11px}.unit-legend span{display:flex;align-items:center;gap:7px}.unit-legend i{width:8px;height:8px;border-radius:50%}.unit-legend span:nth-child(1) i{background:var(--green)}.unit-legend span:nth-child(2) i{background:var(--blue)}.unit-legend span:nth-child(3) i{background:var(--orange)}.unit-legend span:nth-child(4) i{background:var(--purple)}
.partner-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.partner-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(18,33,29,.98),rgba(10,21,18,.98)); }.partner-card header{display:flex;align-items:center;gap:12px}.partner-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(59,224,160,.1);color:var(--green);font:800 15px Manrope}.partner-card h3,.partner-card p{margin:0}.partner-card h3{font:700 15px Manrope}.partner-card p{color:var(--muted);font-size:10px;margin-top:3px}.partner-card>strong{display:block;margin-top:24px;font:800 28px Manrope}.partner-card>small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.partner-units{display:flex;gap:4px;margin-top:18px}.partner-units i{height:6px;border-radius:99px;background:var(--green)}
.partner-breakdown { margin-top:16px; }
.breakdown-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 2px; border-top:1px solid var(--line); }
.breakdown-row span { display:flex; flex-direction:column; gap:3px; }
.breakdown-row small { color:var(--muted); }
.excel-import-panel { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.excel-import-panel h2,.excel-import-panel p { margin:0; }
.excel-import-panel p:not(.eyebrow),.excel-import-panel>small { color:var(--muted); font-size:11px; }
.excel-import-panel hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}.excel-import-actions{display:flex;gap:10px;align-items:center}.excel-import-panel label{cursor:pointer}.excel-import-panel button:disabled{opacity:.55;cursor:wait}
.task-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:16px; }.task-summary .mini-card strong{font-size:27px}
.routine-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:16px; }.task-list{margin-top:18px}.task-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.task-row:first-child{border-top:0}.task-check{width:23px;height:23px;border:1px solid #52665f;border-radius:7px;background:transparent;color:#07110f;font-weight:800}.task-row.done{opacity:.5}.task-row.done .task-check{background:var(--green);border-color:var(--green)}.task-row.done .task-copy strong{text-decoration:line-through}.task-copy strong,.task-copy small{display:block}.task-copy strong{font-size:13px}.task-copy small{margin-top:4px;color:var(--muted);font-size:10px}.task-meta{text-align:right}.task-meta span,.task-meta small{display:block}.task-meta span{padding:5px 8px;border-radius:99px;background:rgba(115,166,255,.09);color:var(--blue);font-size:9px;font-weight:800}.task-meta small{margin-top:5px;color:var(--muted);font-size:9px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:22px}.week-days button{position:relative;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);padding:9px 2px}.week-days button:first-child{border-color:rgba(59,224,160,.35);background:rgba(59,224,160,.07)}.week-days span,.week-days strong{display:block}.week-days span{color:var(--muted);font-size:7px}.week-days strong{font-size:12px;margin-top:5px}.week-days i{position:absolute;right:2px;top:2px;width:12px;height:12px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#201308;font:800 7px sans-serif}.routine-tip{display:flex;gap:12px;align-items:center;margin-top:25px;padding:15px;border-radius:12px;background:rgba(59,224,160,.06)}.routine-tip>span{font-size:22px;color:var(--green)}.routine-tip p{margin:0}.routine-tip strong,.routine-tip small{display:block}.routine-tip strong{font-size:11px}.routine-tip small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.wide-field{grid-column:1/-1}
.income-pill{color:var(--green);background:rgba(59,224,160,.09)}

/* Entry gateway and syndic view */
.access-gateway{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:42px 24px;background:radial-gradient(circle at 50% 5%,#15372d 0,#0a1713 42%,#06100d 100%)}
.gateway-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.gateway-glow-one{width:520px;height:520px;left:-250px;top:-260px;background:rgba(59,224,160,.08)}.gateway-glow-two{width:440px;height:440px;right:-220px;bottom:-260px;background:rgba(115,166,255,.07)}
.gateway-wrap{position:relative;width:min(900px,100%)}.gateway-brand{display:flex;align-items:center;gap:11px}.gateway-brand .brand-mark{width:42px;height:42px;font-size:27px}.gateway-copy{text-align:center;margin:58px auto 35px;max-width:650px}.gateway-copy h1{font-size:clamp(32px,5vw,54px);line-height:1.08}.gateway-copy>p:last-child{color:var(--muted);font-size:15px;line-height:1.6;margin:16px auto 0}
.access-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.access-card{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(18,35,30,.94),rgba(8,19,16,.98));color:var(--text);text-align:left;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s ease}.access-card:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-100px;background:var(--card-accent);opacity:.1}.access-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);box-shadow:0 24px 60px rgba(0,0,0,.25)}.owner-access{--card-accent:var(--green)}.syndic-access{--card-accent:var(--blue)}.access-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--card-accent) 12%,transparent);color:var(--card-accent);font-size:23px}.access-tag{margin-top:30px;color:var(--card-accent);font-size:9px;font-weight:800;letter-spacing:.14em}.access-card>strong{font:700 24px Manrope;margin-top:8px}.access-card>small{color:var(--muted);font-size:13px;line-height:1.55;margin-top:10px;max-width:330px}.access-link{margin-top:auto;font-size:12px;font-weight:700;color:var(--text)}.access-link b{margin-left:7px;color:var(--card-accent);font-size:17px}.gateway-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#688078;font-size:10px;margin:28px 0 0}.gateway-note span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.switch-view{align-self:center;white-space:nowrap}.syndic-portal{min-height:100vh;background:linear-gradient(180deg,#081512,#07110f)}.syndic-header{height:88px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,20,17,.9)}.syndic-header .gateway-brand{gap:10px}.syndic-header .brand-mark{width:34px;height:34px;font-size:22px}.view-badge{margin-left:10px;padding:6px 9px;border-radius:99px;background:rgba(115,166,255,.09);color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.syndic-main{max-width:1320px;margin:auto;padding:54px clamp(24px,5vw,72px) 70px}.syndic-welcome{display:flex;align-items:end;justify-content:space-between;gap:30px}.syndic-welcome h1{max-width:760px;font-size:clamp(28px,4vw,43px);line-height:1.12}.syndic-welcome>div>p:last-child{color:var(--muted);font-size:13px;margin:12px 0 0}.syndic-welcome label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700;min-width:230px}.syndic-welcome select{padding:12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:11px}.syndic-status{display:flex;align-items:center;gap:13px;margin:30px 0 16px;padding:16px 20px;border:1px solid rgba(59,224,160,.15);border-radius:15px;background:rgba(59,224,160,.05)}.syndic-status .live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(59,224,160,.1)}.syndic-status div{flex:1}.syndic-status strong,.syndic-status small{display:block}.syndic-status strong{font-size:13px}.syndic-status small{color:var(--muted);font-size:10px;margin-top:3px}.syndic-status>b{color:var(--green);font-size:10px}
.syndic-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.syndic-metrics article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.syndic-metrics span,.syndic-metrics strong,.syndic-metrics small{display:block}.syndic-metrics span{color:var(--muted);font-size:10px}.syndic-metrics strong{font:700 22px Manrope;margin-top:12px}.syndic-metrics small{color:var(--muted);font-size:9px;margin-top:5px}.syndic-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.syndic-bars{height:245px;display:flex;align-items:end;gap:clamp(15px,4vw,42px);padding:25px 20px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,var(--line) 55px)}.syndic-bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px}.syndic-bars i{display:block;width:100%;max-width:42px;border-radius:8px 8px 2px 2px;background:#23483c}.syndic-bars i.current{background:linear-gradient(var(--green),var(--green-dark));box-shadow:0 0 25px rgba(59,224,160,.13)}.syndic-bars span{color:var(--muted);font-size:9px}.syndic-insight{margin:18px 0 0;color:var(--muted);font-size:11px}.operation-list{margin:15px 0 22px}.operation-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.operation-list>div:first-child{border-top:0}.op-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(115,166,255,.09);color:var(--blue)}.op-icon.ok{color:var(--green);background:rgba(59,224,160,.09)}.operation-list p{margin:0}.operation-list strong,.operation-list small{display:block}.operation-list strong{font-size:11px}.operation-list small{color:var(--muted);font-size:9px;margin-top:4px}.syndic-privacy{text-align:center;color:#647b73;font-size:9px;margin:24px 0 0}
@media(max-width:900px){.syndic-metrics{grid-template-columns:repeat(2,1fr)}.syndic-grid{grid-template-columns:1fr}.syndic-welcome{align-items:flex-start;flex-direction:column}.syndic-welcome label{width:100%}}
@media(max-width:680px){.access-gateway{padding:25px 18px}.gateway-copy{margin:38px auto 25px}.access-cards{grid-template-columns:1fr}.access-card{min-height:225px;padding:22px}.access-tag{margin-top:18px}.gateway-note{text-align:center}.switch-view{font-size:0;padding:9px}.switch-view:after{content:'↩';font-size:17px}.syndic-header{height:72px;padding:0 18px}.syndic-header .view-badge{display:none}.syndic-header .ghost-button{font-size:0;padding:9px}.syndic-header .ghost-button:after{content:'↩';font-size:17px}.syndic-main{padding:35px 18px 50px}.syndic-metrics{grid-template-columns:1fr 1fr;gap:10px}.syndic-metrics article{padding:15px}.syndic-metrics strong{font-size:17px}.syndic-bars{gap:10px;padding-inline:5px}.syndic-status>b{display:none}}
@media(max-width:1180px){.unit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.routine-layout{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr}}
@media(max-width:680px){.unit-grid,.task-summary{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr}.unit-card{min-height:170px}.week-days{overflow-x:auto;grid-template-columns:repeat(7,minmax(45px,1fr))}.wide-field{grid-column:auto}.routine-layout .segmented{margin-top:12px}}

/* Miyazaki OLD identity, profiles and shared syndic management */
.brand{margin-bottom:38px}.brand img{width:100%;height:58px;object-fit:cover;object-position:center;border-radius:9px;background:#fff}
.logo-surface{width:min(430px,65vw);height:92px;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.2);overflow:hidden}.logo-surface img{width:100%;height:100%;object-fit:cover;object-position:center}.gateway-wrap>.gateway-brand{margin-inline:auto}.gateway-copy{margin-top:42px}
.access-cards{grid-template-columns:repeat(3,1fr)}.business-access{--card-accent:#d8ad57}.access-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.access-card:hover{transform:translateY(-7px)}
.profile-chip{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 7px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.profile-chip>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(59,224,160,.1);color:var(--green);font-weight:800}.profile-chip small,.profile-chip strong{display:block}.profile-chip small{color:var(--muted);font-size:8px}.profile-chip strong{font-size:11px;margin-top:2px}.owner-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 22px;margin-bottom:16px;border:1px solid rgba(59,224,160,.16);border-radius:16px;background:linear-gradient(110deg,rgba(59,224,160,.08),rgba(18,33,29,.88))}.owner-welcome h2{font-size:18px}.owner-welcome>div:last-child{text-align:right}.owner-welcome>div:last-child span,.owner-welcome>div:last-child strong{display:block}.owner-welcome>div:last-child span{color:var(--muted);font-size:10px}.owner-welcome>div:last-child strong{color:var(--green);font:700 20px Manrope;margin-top:4px}
.mini-logo{width:190px;height:54px;border-radius:10px;background:#fff;overflow:hidden}.mini-logo img{width:100%;height:100%;object-fit:cover;object-position:center}.view-badge b{color:#d5e4df}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(59,224,160,.1)}
.admin-syndic-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}.revenue-editor form{margin-top:22px}.revenue-editor form>label{display:grid;gap:8px;color:var(--muted);font-size:11px;max-width:260px}.revenue-editor input{padding:12px;color:var(--text);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px}.building-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.building-inputs label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.building-inputs label>span{font-size:12px;font-weight:700}.building-inputs small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.building-inputs input{width:145px}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.editor-actions p{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin:0}.manager-card{display:flex;align-items:center;gap:12px;margin-top:20px}.manager-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(115,166,255,.1);color:var(--blue);font-weight:800}.manager-card strong,.manager-card small{display:block}.manager-card strong{font-size:13px}.manager-card small{color:var(--muted);font-size:9px;margin-top:3px}.access-map ul{list-style:none;margin:10px 0 22px;padding:0}.access-map li{padding:8px 0 8px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;position:relative}.access-map li:before{content:'✓';position:absolute;left:7px;color:var(--green)}.access-note{padding:13px;border-radius:10px;background:rgba(59,224,160,.06);color:var(--muted);font-size:10px;line-height:1.5}
.profile-chooser{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}.chooser-backdrop{position:absolute;inset:0;background:rgba(1,8,6,.78);backdrop-filter:blur(10px)}.chooser-panel{position:relative;width:min(560px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,#13241f,#091511);box-shadow:0 40px 100px rgba(0,0,0,.45);animation:chooserIn .28s ease}.chooser-panel h2{font-size:28px}.chooser-panel>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:10px 0 0}.chooser-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:20px}.profile-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.profile-option{padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;transition:.2s}.profile-option:hover{transform:translateY(-3px);border-color:rgba(59,224,160,.35);background:rgba(59,224,160,.06)}.profile-option>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(59,224,160,.1);color:var(--green);font-weight:800}.profile-option strong,.profile-option small{display:block}.profile-option strong{margin-top:15px;font:700 16px Manrope}.profile-option small{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.45}@keyframes chooserIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}

/* Presentation for new condominium business */
.business-portal{min-height:100vh;background:#f7f4ec;color:#0c3328;font-family:'DM Sans',sans-serif}.business-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,86px);border-bottom:1px solid rgba(12,51,40,.12);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.business-header img{width:min(300px,55vw);height:68px;object-fit:contain}.business-back{border:1px solid rgba(12,51,40,.18);border-radius:99px;padding:11px 16px;background:transparent;color:#0c3328;font-weight:700;font-size:12px}.business-portal main{padding:0}.business-hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:80px clamp(22px,7vw,110px);background:radial-gradient(circle at 75% 25%,rgba(199,158,70,.23),transparent 32%),linear-gradient(135deg,#f9f6ee,#ede5d2)}.business-kicker,.section-heading p,.business-steps>div>p,.business-cta p{color:#a77d2d;font-size:11px;font-weight:800;letter-spacing:.16em}.hero-copy h1{max-width:760px;font:700 clamp(40px,6vw,76px)/1.02 Manrope;letter-spacing:-.055em}.hero-copy>p:not(.business-kicker){max-width:620px;font-size:18px;line-height:1.65;color:#557168;margin:24px 0 0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:32px}.gold-button{border:0;border-radius:12px;padding:15px 20px;background:linear-gradient(135deg,#d8ad57,#a97b27);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(145,99,19,.2)}.hero-actions>span{max-width:180px;color:#71867f;font-size:11px;line-height:1.5}.hero-visual{min-height:430px;position:relative;border-radius:36px;background:linear-gradient(145deg,#0b3d30,#05281f);box-shadow:0 35px 80px rgba(9,54,42,.22);overflow:hidden}.hero-visual:before{content:'';position:absolute;inset:-25%;border:1px solid rgba(216,173,87,.2);border-radius:50%}.visual-orbit{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:180px;height:180px;display:grid;place-content:center;text-align:center;border:1px solid rgba(216,173,87,.45);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;box-shadow:0 0 0 35px rgba(216,173,87,.04),0 0 0 70px rgba(216,173,87,.025)}.visual-orbit span{font:800 52px Manrope;color:#e5c477}.visual-orbit small{font-size:11px;text-transform:uppercase;letter-spacing:.16em}.visual-card{position:absolute;left:25px;bottom:28px;width:210px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#fff}.visual-card.second{left:auto;right:25px;top:28px;bottom:auto}.visual-card strong{font-size:13px}.visual-card p{color:#afc6be;font-size:10px;line-height:1.5;margin:6px 0 0}.business-benefits{padding:95px clamp(22px,7vw,110px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2{max-width:650px;font-size:clamp(31px,4vw,52px);line-height:1.08}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.benefit-grid article{min-height:250px;padding:25px;border:1px solid rgba(12,51,40,.12);border-radius:20px;background:#fff;transition:.25s}.benefit-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(12,51,40,.08)}.benefit-grid span{color:#b38a3c;font:800 12px Manrope}.benefit-grid h3{font:700 18px Manrope;margin:65px 0 10px}.benefit-grid p{color:#6c807a;font-size:13px;line-height:1.6}.business-steps{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:90px clamp(22px,7vw,110px);background:#0a3328;color:#fff}.business-steps h2{font-size:clamp(31px,4vw,50px);line-height:1.1}.business-steps ol{list-style:none;margin:0;padding:0}.business-steps li{display:flex;gap:18px;padding:19px 0;border-top:1px solid rgba(255,255,255,.12)}.business-steps li>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(222,184,104,.4);border-radius:50%;color:#e0bd72}.business-steps strong,.business-steps small{display:block}.business-steps strong{font-size:14px}.business-steps small{color:#a9c0b8;font-size:11px;margin-top:5px}.business-cta{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:40px;margin:70px clamp(22px,7vw,110px);padding:35px;border:1px solid rgba(12,51,40,.12);border-radius:24px;background:#fff}.business-cta img{width:100%}.business-cta h2{font-size:28px}.business-cta span{display:block;color:#698078;font-size:12px;margin-top:7px}
@media(max-width:1100px){.access-cards{grid-template-columns:1fr 1fr}.business-access{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(2,1fr)}.business-hero{grid-template-columns:1fr}.hero-visual{min-height:370px}.admin-syndic-grid{grid-template-columns:1fr}}
@media(max-width:900px){.business-steps{grid-template-columns:1fr;gap:35px}.business-cta{grid-template-columns:1fr;text-align:center}.business-cta img{width:240px;margin:auto}.business-cta .gold-button{justify-self:center}}
@media(max-width:680px){.logo-surface{height:74px;width:min(370px,88vw)}.access-cards{grid-template-columns:1fr}.business-access{grid-column:auto}.profile-chip{display:none}.owner-welcome{align-items:flex-start;flex-direction:column}.owner-welcome>div:last-child{text-align:left}.mini-logo{width:155px;height:48px}.building-inputs{grid-template-columns:1fr}.building-inputs label{align-items:flex-start;flex-direction:column}.building-inputs input{width:100%}.editor-actions{align-items:stretch;flex-direction:column}.profile-options{grid-template-columns:1fr}.chooser-panel{padding:25px}.business-header{height:76px}.business-header img{height:56px}.business-back{font-size:0;padding:10px}.business-back:after{content:'←';font-size:18px}.business-hero{padding:60px 20px;gap:35px}.hero-copy h1{font-size:42px}.hero-copy>p:not(.business-kicker){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:330px}.visual-orbit{width:145px;height:145px}.visual-orbit span{font-size:42px}.visual-card{width:170px;padding:13px}.benefit-grid{grid-template-columns:1fr}.business-benefits{padding:70px 20px}.business-steps{padding:70px 20px}.business-cta{margin:45px 20px;padding:25px}.business-cta img{width:200px}}
.business-header img{object-fit:cover;object-position:center}

/* Period accuracy, transparent identity and monthly calendar */
.logo-surface{height:112px;width:min(620px,82vw);background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.logo-surface img{object-fit:contain;filter:none}.brand img{height:72px;object-fit:contain;background:transparent;border:0;box-shadow:none;border-radius:0}.mini-logo{width:260px;height:66px;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.mini-logo img{object-fit:contain;filter:none}.business-header img,.business-cta img{object-fit:contain;background:transparent;border:0;box-shadow:none;filter:none}
.filters{grid-template-columns:minmax(220px,360px) 1fr auto auto}.chart-group.selected{filter:drop-shadow(0 0 10px rgba(59,224,160,.35))}.chart-group.selected small{color:var(--green);font-weight:800}.metric-card.is-waiting strong{font-size:20px;color:var(--orange)}
.calendar-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);gap:16px}.calendar-panel{min-height:620px}.calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;margin-bottom:24px}.calendar-head button,.calendar-add{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--text);font-size:18px}.calendar-head button:hover,.calendar-add:hover{border-color:rgba(59,224,160,.4);color:var(--green)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.calendar-day{position:relative;min-height:78px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);color:var(--text);text-align:left;transition:.2s}.calendar-day:hover{transform:translateY(-2px);border-color:rgba(59,224,160,.3);background:rgba(59,224,160,.04)}.calendar-day.outside{opacity:.3}.calendar-day.today{border-color:rgba(59,224,160,.5);box-shadow:inset 0 0 0 1px rgba(59,224,160,.12)}.calendar-day.selected{background:linear-gradient(145deg,rgba(59,224,160,.16),rgba(59,224,160,.06));border-color:var(--green)}.calendar-day>strong{font:700 13px Manrope}.calendar-day>small{position:absolute;left:9px;right:9px;bottom:9px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day>i{position:absolute;right:8px;top:8px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:var(--orange);color:#251509;font:800 8px sans-serif}.day-panel{display:flex;flex-direction:column}.day-panel .panel-heading{align-items:flex-start}.day-panel .panel-heading small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.day-task-list{margin-top:12px;max-height:430px;overflow:auto}.day-task-list .task-row{grid-template-columns:auto 1fr}.day-task-list .task-meta{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.day-task-list .task-meta span,.day-task-list .task-meta small{display:inline-block;margin:0}.day-panel .routine-tip{margin-top:auto}.task-row.overdue .task-copy strong{color:var(--red)}
@media(max-width:1000px){.calendar-layout{grid-template-columns:1fr}.day-panel{min-height:360px}.calendar-panel{min-height:560px}}
@media(max-width:680px){.logo-surface{height:86px;width:94vw}.brand img{height:62px}.mini-logo{width:180px;height:54px}.filters{grid-template-columns:1fr auto auto}.calendar-panel{padding:14px;min-height:auto}.calendar-weekdays,.calendar-grid{gap:4px}.calendar-day{min-height:59px;padding:7px;border-radius:9px}.calendar-day>small{display:none}.calendar-day>i{right:4px;top:4px;min-width:15px;height:15px;font-size:7px}.calendar-head{margin-bottom:18px}.calendar-head h2{font-size:19px}}

/* Daily expenses */
.daily-expense-toolbar{display:grid;grid-template-columns:220px 260px 1fr;align-items:end;gap:16px;margin-bottom:16px}.daily-expense-toolbar>label{display:grid;gap:8px;color:var(--muted);font-size:10px;font-weight:700}.daily-expense-toolbar input,.daily-expense-toolbar select{width:100%;padding:12px;color:var(--text);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px}.daily-expense-total{text-align:right}.daily-expense-total span,.daily-expense-total strong,.daily-expense-total small{display:block}.daily-expense-total span,.daily-expense-total small{color:var(--muted);font-size:10px}.daily-expense-total strong{color:var(--orange);font:700 26px Manrope;margin:5px 0}.daily-expense-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;margin-bottom:16px}.daily-chart-panel{min-height:330px}.daily-expense-chart{height:225px;display:grid;grid-template-columns:repeat(31,minmax(7px,1fr));align-items:end;gap:5px;padding-top:24px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,var(--line) 50px)}.daily-expense-chart>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.daily-expense-chart i{display:block;width:100%;border-radius:5px 5px 1px 1px;background:linear-gradient(var(--orange),#bb6c2a);min-height:0;transition:.25s}.daily-expense-chart small{height:14px;color:var(--muted);font-size:8px}.daily-building-list{display:grid;gap:16px;margin-top:22px}.daily-building-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 15px}.daily-building-list span{display:flex;align-items:center;gap:8px}.daily-building-list span>i{width:8px;height:8px;border-radius:50%;background:var(--green)}.daily-building-list strong{font-size:11px}.daily-building-list b{font-size:11px}.daily-building-list small{color:var(--muted);font-size:9px}.daily-building-list em{grid-column:1/-1;height:5px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:5px}.daily-building-list em i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-dark),var(--green))}.daily-expense-table .expense-category{display:inline-block;padding:5px 8px;border-radius:99px;background:rgba(242,169,93,.1);color:#ffc180;font-size:9px;font-weight:700}.daily-expense-table .empty-state{margin:28px 0 5px}.daily-expense-table td:last-child{white-space:nowrap}
@media(max-width:1000px){.daily-expense-toolbar{grid-template-columns:1fr 1fr}.daily-expense-total{grid-column:1/-1;text-align:left}.daily-expense-layout{grid-template-columns:1fr}}
@media(max-width:680px){.daily-expense-toolbar{grid-template-columns:1fr}.daily-expense-total{grid-column:auto}.daily-expense-chart{gap:2px}.daily-expense-chart small{font-size:7px}.daily-chart-panel{min-height:300px}.daily-expense-table{padding:14px}.daily-expense-table table{min-width:780px}}

/* Secure access */
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(59,224,160,.13),transparent 32%),radial-gradient(circle at 85% 85%,rgba(216,173,87,.1),transparent 30%),#07130f}.auth-glow{position:absolute;width:480px;height:480px;border:1px solid rgba(59,224,160,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(59,224,160,.025),0 0 0 140px rgba(59,224,160,.015)}.auth-card{position:relative;width:min(460px,100%);padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(13,29,23,.94);box-shadow:0 35px 100px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.auth-card>img{display:block;width:100%;height:92px;object-fit:contain;margin-bottom:30px}.auth-card h1{font:700 30px/1.15 Manrope;margin-top:6px}.auth-card>div>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55;margin:10px 0 22px}.auth-card form{display:grid;gap:14px}.auth-card form label,.invite-user-card form label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.auth-card input,.invite-user-card input,.invite-user-card select{width:100%;padding:13px;color:var(--text);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:11px;outline:none}.auth-card input:focus,.invite-user-card input:focus,.invite-user-card select:focus{border-color:rgba(59,224,160,.5);box-shadow:0 0 0 3px rgba(59,224,160,.07)}.auth-link,.auth-business{display:block;border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;margin:15px auto 0}.auth-business{width:100%;padding-top:18px;margin-top:22px;border-top:1px solid var(--line);color:var(--muted)}.auth-feedback{min-height:18px;text-align:center;font-size:10px;margin:12px 0 0;color:var(--muted)}.auth-feedback[data-tone="error"]{color:#ff9d9d}.auth-feedback[data-tone="success"]{color:var(--green)}
.user-access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.invite-user-card form{display:grid;gap:14px;margin-top:22px}.invite-user-card .primary-button{margin-top:4px}.invite-list{margin-top:14px}.invite-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.invite-row:first-child{border-top:0}.invite-row>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(59,224,160,.09);color:var(--green);font-weight:800}.invite-row p{margin:0}.invite-row strong,.invite-row small{display:block}.invite-row strong{font-size:12px}.invite-row small{color:var(--muted);font-size:9px;margin-top:4px}.invite-row>b{padding:6px 9px;border-radius:99px;background:rgba(242,169,93,.1);color:#ffc180;font-size:8px}.invite-row>b.accepted{background:rgba(59,224,160,.1);color:var(--green)}
.invite-share-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:16px;padding:13px;border:1px solid rgba(59,224,160,.2);border-radius:12px;background:rgba(59,224,160,.05)}.invite-share-box>span{grid-column:1/-1;color:var(--green);font-size:9px;font-weight:800}.invite-share-box input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18);color:var(--muted);font-size:9px}.invite-share-box button{padding:9px 12px}
@media(max-width:850px){.user-access-grid{grid-template-columns:1fr}}
@media(max-width:520px){.auth-screen{padding:14px}.auth-card{padding:24px;border-radius:20px}.auth-card>img{height:72px;margin-bottom:22px}.auth-card h1{font-size:25px}}

/* Entry experience: a compact sign-in above the condominium presentation. */
.auth-screen{display:block;min-height:100vh;padding:0;overflow:visible;background:radial-gradient(circle at 78% 35%,rgba(30,99,72,.34),transparent 34%),#07130f}
.landing-header{width:min(1320px,calc(100% - 64px));height:92px;margin:auto;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.09)}
.landing-header img{width:250px;height:70px;object-fit:contain;object-position:left center}
.landing-header span{margin-left:auto;color:#a8bcb3;font-size:13px;letter-spacing:.02em}
.landing-header a{color:#e3c98d;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
.landing-login-bar.auth-card{width:min(1320px,calc(100% - 64px));margin:20px auto 0;padding:18px 24px;border-radius:16px;background:rgba(17,39,30,.88);box-shadow:0 18px 60px rgba(0,0,0,.16)}
.landing-login-bar #loginPanel{display:flex;align-items:end;gap:20px}
.landing-login-bar .login-bar-intro{min-width:215px;align-self:center}
.landing-login-bar .login-bar-intro h1{font-size:20px;margin:4px 0 0;white-space:nowrap}
.landing-login-bar form{display:flex;align-items:end;gap:12px;flex:1}
.landing-login-bar form label{min-width:0;flex:1;font-size:13px}
.landing-login-bar form input{min-height:43px;padding:10px 12px;font-size:15px}
.landing-login-bar form .primary-button{min-height:43px;white-space:nowrap}
.landing-login-bar .auth-link{margin:0;white-space:nowrap;font-size:13px}
.landing-login-bar .auth-feedback{text-align:left;margin:8px 0 0}
.landing-login-bar #passwordPanel{max-width:680px;margin:auto}
.landing-login-bar #passwordPanel form{flex-wrap:wrap}
.landing-login-bar #passwordPanel p:not(.eyebrow){margin:8px 0 16px}
.landing-presentation{width:min(1320px,calc(100% - 64px));margin:auto}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);align-items:center;gap:7%;padding:92px 3% 88px;min-height:560px}
.landing-hero .eyebrow{color:#d5bb83;font-size:13px;letter-spacing:.15em}
.landing-hero h2{font:800 clamp(38px,4.4vw,64px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:20px 0 25px;max-width:800px}
.landing-hero h2 em{font-style:normal;color:#d7b978}
.landing-hero p:not(.eyebrow){max-width:620px;color:#a9bbb3;font-size:17px;line-height:1.7;margin:0 0 30px}
.landing-hero .gold-button{font-size:14px;padding:15px 22px}
.landing-hero-mark{position:relative;min-height:300px;display:grid;place-items:center;border:1px solid rgba(215,185,120,.2);border-radius:32px;background:radial-gradient(circle at center,rgba(24,91,61,.48),rgba(9,25,18,.2) 65%);box-shadow:inset 0 0 90px rgba(0,0,0,.24),0 30px 90px rgba(0,0,0,.18)}
.landing-hero-mark img{width:83%;height:130px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.3))}
.landing-hero-mark span{position:absolute;top:24px;right:30px;color:#ecd9a4;font:800 38px Manrope,sans-serif}
.landing-hero-mark small{position:absolute;top:70px;right:30px;color:#a9bbb3;font-size:13px}
.landing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:54px}
.landing-benefits article{padding:27px;min-height:168px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.landing-benefits span{color:#d7b978;font-size:14px;font-weight:800}
.landing-benefits h3{font:700 19px Manrope,sans-serif;margin:16px 0 8px}
.landing-benefits p{color:#a9bbb3;font-size:15px;line-height:1.55;margin:0}
.landing-footer{display:flex;justify-content:center;gap:20px;padding:22px 0 34px;border-top:1px solid rgba(255,255,255,.09);color:#8fa79b;font-size:13px;text-align:center}
@media(max-width:1100px){.landing-header span{display:none}.landing-login-bar #loginPanel{flex-wrap:wrap}.landing-login-bar .login-bar-intro{width:100%}.landing-login-bar .auth-link{align-self:end;padding-bottom:12px}.landing-hero{gap:3%}}
@media(max-width:760px){.landing-header,.landing-login-bar.auth-card,.landing-presentation{width:calc(100% - 32px)}.landing-header{height:78px}.landing-header img{width:200px}.landing-login-bar.auth-card{padding:18px}.landing-login-bar form{flex-wrap:wrap}.landing-login-bar form label{flex-basis:calc(50% - 8px)}.landing-hero{display:block;padding:60px 4px}.landing-hero-mark{margin-top:42px;min-height:220px}.landing-benefits{grid-template-columns:1fr;gap:10px}.landing-benefits article{min-height:auto}.landing-footer{flex-direction:column}}
@media(max-width:520px){.landing-header img{width:165px}.landing-header a{font-size:12px}.landing-login-bar #loginPanel{display:block}.landing-login-bar form{display:grid;width:100%;margin-top:18px}.landing-login-bar form label{width:100%}.landing-login-bar form .primary-button{width:100%}.landing-login-bar .auth-link{margin-top:14px;padding:0}.landing-hero h2{font-size:34px}.landing-hero p:not(.eyebrow){font-size:16px}.landing-hero-mark span{font-size:30px}.landing-hero-mark small{top:62px}}

/* Market presentation and directly readable monthly values. */
.landing-markets{padding:0 0 58px}
.landing-markets-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}
.landing-markets-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.16;max-width:620px}
.landing-markets-heading>p{color:#a9bbb3;font-size:15px;line-height:1.5;max-width:290px;margin:0}
.landing-markets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.landing-market{overflow:hidden;border:1px solid rgba(215,185,120,.2);border-radius:18px;background:#10231a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.landing-market:hover{transform:translateY(-4px);border-color:rgba(215,185,120,.55);box-shadow:0 15px 35px rgba(0,0,0,.23)}
.landing-market img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.landing-market div{display:grid;gap:5px;padding:17px}
.landing-market strong{font:700 17px Manrope,sans-serif}
.landing-market span{color:#a9bbb3;font-size:12px}
.chart-group.selected{filter:none;border-color:rgba(59,224,160,.45);background:rgba(59,224,160,.05);box-shadow:0 0 18px rgba(59,224,160,.08)}
.chart-group.selected .chart-month{color:var(--green);font-weight:800}
@media(max-width:1000px){.landing-markets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.landing-markets-heading{display:block}.landing-markets-heading>p{margin-top:12px}.landing-markets-grid{gap:10px}.landing-market strong{font-size:15px}.landing-market div{padding:12px}}

/* Financial dashboard interactions and honest data states. */
.panel-note{margin:7px 0 0;color:var(--muted);font-size:11px}
.chart-group{color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.chart-group:hover{border-color:rgba(59,224,160,.4);transform:translateY(-2px)}
.chart-group:focus-visible,.daily-day:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.month-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-1px 0 17px}
.month-comparison:empty{display:none}
.month-comparison article{display:grid;gap:4px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}
.month-comparison span,.month-comparison small{color:var(--muted);font-size:11px}
.month-comparison strong{font:800 18px Manrope,sans-serif}
.daily-day{color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.daily-day:hover{border-color:rgba(242,169,93,.55);transform:translateY(-2px)}
.daily-day.selected{border-color:var(--orange);background:rgba(242,169,93,.13);box-shadow:0 0 0 1px rgba(242,169,93,.2)}
.unit-profit-note{display:block;margin-top:13px;color:var(--muted);font-size:10px;line-height:1.4}
.supplier-empty{margin:20px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.dre-comparison{padding-top:10px;border-top:1px solid var(--line)}
@media(max-width:620px){.month-comparison{grid-template-columns:1fr}.daily-days-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-row{grid-template-columns:24px minmax(0,1fr) 65px}.supplier-row>i{display:none}}

/* Direct sign-in and current-month working views. */
.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 18px;overflow:auto}
.landing-header{width:min(460px,100%);height:auto;min-height:0;justify-content:center;border:0}
.landing-header img{width:min(360px,100%);height:auto;max-height:150px;object-position:center}
.landing-login-bar.auth-card{width:min(460px,100%);margin:0;padding:30px}
.landing-login-bar #loginPanel{display:block}
.landing-login-bar .login-bar-intro{min-width:0;text-align:center}
.landing-login-bar .login-bar-intro h1{font-size:24px}
.landing-login-bar form,.landing-login-bar #passwordPanel form{display:grid;gap:16px;margin-top:24px}
.landing-login-bar form label{font-size:14px}
.landing-login-bar form .primary-button{width:100%}
.landing-login-bar .auth-link{margin:16px auto 0;padding:0}
.landing-login-bar .auth-feedback{text-align:center}
.daily-expense-toolbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center}
.daily-expense-toolbar>input[type=hidden]{display:none}
.daily-expense-total{grid-column:auto;text-align:right}
.routine-actions{display:flex;justify-content:flex-end;margin:4px 0 16px}
@media(max-width:680px){.auth-screen{justify-content:flex-start;padding-top:10vh}.landing-header,.landing-login-bar.auth-card{width:min(460px,100%)}.landing-header img{width:min(300px,100%)}.landing-login-bar #loginPanel{display:block}.landing-login-bar form{display:grid;width:100%}.landing-login-bar form label{width:100%}.daily-expense-toolbar{grid-template-columns:1fr}.daily-expense-total{text-align:left}}

/* Real photos of the four operating markets. */
.business-markets{padding:86px clamp(22px,7vw,110px);background:#f3efe5}
.business-markets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.business-market{margin:0;overflow:hidden;border-radius:22px;background:#0b2b22;box-shadow:0 18px 42px rgba(12,51,40,.13)}
.business-market img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 50%}
.business-market:nth-child(1) img{object-position:center 42%}
.business-market:nth-child(3) img{object-position:center 47%}
.business-market:nth-child(4) img{object-position:center 57%}
.business-market figcaption{padding:17px 20px;color:#fff;font:700 18px Manrope,sans-serif}
.unit-card .unit-photo{margin:-20px -20px 17px;overflow:hidden;background:#12211d}
.unit-card .unit-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 50%}
.unit-card:nth-child(1) .unit-photo img{object-position:center 42%}
.unit-card:nth-child(3) .unit-photo img{object-position:center 46%}
.unit-card:nth-child(4) .unit-photo img{object-position:center 57%}
.unit-card h3{margin-top:15px}
@media(max-width:680px){.business-markets{padding:64px 20px}.business-markets-grid{grid-template-columns:1fr;gap:14px}.business-market img{aspect-ratio:4/3}.business-market figcaption{font-size:16px}}

/* Keep the presentation below the centered sign-in. */
.auth-screen{display:block;padding:28px 0 0;overflow:visible}
.landing-header{margin:0 auto}
.landing-login-bar.auth-card{margin:18px auto 0}
.landing-presentation{width:min(1320px,calc(100% - 64px));margin:0 auto}
.landing-hero{min-height:0;padding:82px 3% 72px}
.landing-hero-photo{overflow:hidden;border:1px solid rgba(215,185,120,.22);border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.landing-hero-photo img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 50%}
.landing-market img{object-position:center 48%}
.landing-market:nth-child(1) img{object-position:center 42%}
.landing-market:nth-child(3) img{object-position:center 45%}
.landing-market:nth-child(4) img{object-position:center 56%}
@media(max-width:760px){.auth-screen{padding:20px 0 0}.landing-header,.landing-login-bar.auth-card,.landing-presentation{width:calc(100% - 32px)}.landing-hero{padding:64px 4px 54px}.landing-hero-photo{margin-top:30px}.landing-hero-photo img{height:280px}}

/* Let the real markets lead; keep private access reachable but discreet. */
.auth-screen{position:relative;padding-top:22px}
.landing-header{width:min(1320px,calc(100% - 64px));height:100px}
.landing-header img{width:min(320px,100%);max-height:96px}
.landing-access{position:absolute;z-index:20;top:52px;right:max(32px,calc((100vw - 1320px)/2));width:min(370px,calc(100% - 32px))}
.landing-access>summary{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin-left:auto;padding:11px 16px;border:1px solid rgba(215,185,120,.3);border-radius:999px;background:#11251c;color:#ecd9a4;font:700 12px Manrope,sans-serif;cursor:pointer;list-style:none;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.landing-access>summary::-webkit-details-marker{display:none}
.landing-access>summary:hover,.landing-access>summary:focus-visible{border-color:#d7b978;background:#1a3527;outline:none}
.landing-access[open]>summary{border-color:#d7b978}
.landing-access .landing-login-bar.auth-card{width:100%;margin:10px 0 0;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.48)}
.landing-access .landing-login-bar #loginPanel{display:block}
.landing-access .landing-login-bar form,.landing-access .landing-login-bar #passwordPanel form{display:grid;gap:13px;margin-top:20px}
.landing-access .landing-login-bar form label{width:100%}
.landing-access .landing-login-bar form .primary-button{width:100%}
.landing-access .landing-login-bar .auth-link{margin:14px auto 0}
.landing-access .landing-login-bar .auth-feedback{text-align:center}
.landing-presentation{padding-top:58px}
.landing-markets{padding-bottom:58px}
.landing-markets-heading{align-items:end;margin-bottom:28px}
.landing-markets-heading h1{font:800 clamp(38px,4.5vw,66px)/1.06 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0 0;max-width:900px}
.landing-markets-heading h1 span{color:#d7b978}
.landing-markets-heading>p{max-width:315px;font-size:16px}
.landing-market img{aspect-ratio:4/4.2}
@media(max-width:760px){.auth-screen{padding-top:12px}.landing-header{width:calc(100% - 32px);height:88px}.landing-header img{width:min(240px,100%)}.landing-access{top:106px;right:16px}.landing-presentation{width:calc(100% - 32px);padding-top:86px}.landing-markets-heading h1{font-size:clamp(34px,8vw,52px)}.landing-markets-heading>p{max-width:620px}}
@media(max-width:520px){.landing-market img{aspect-ratio:4/4.6}.landing-access .landing-login-bar.auth-card{padding:22px}}

.landing-locations{padding:8px 0 64px}
.landing-locations-heading{margin-bottom:24px}
.landing-locations-heading h2{font:800 clamp(29px,3vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:9px 0}
.landing-locations-heading>p:last-child{color:#a9bbb3;font-size:15px;line-height:1.6;margin:0}
.landing-locations-layout{display:grid;grid-template-columns:minmax(280px,.83fr) minmax(0,1.5fr);gap:18px;align-items:stretch}
.landing-location-list{display:grid;gap:10px}
.landing-location{display:grid;gap:8px;width:100%;padding:18px 20px;text-align:left;color:#f1f7f3;background:#10231a;border:1px solid rgba(215,185,120,.16);border-radius:16px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.landing-location:hover{transform:translateX(3px);background:#173629;border-color:rgba(215,185,120,.42)}
.landing-location:focus-visible{outline:2px solid #d7b978;outline-offset:2px}
.landing-location.is-active{background:#1a382a;border-color:#d7b978;box-shadow:inset 3px 0 0 #d7b978}
.landing-location strong{font:700 16px Manrope,sans-serif}
.landing-location span{color:#b9c9c0;font-size:13px;line-height:1.45}
.landing-location-map{overflow:hidden;display:flex;flex-direction:column;min-height:425px;border:1px solid rgba(215,185,120,.2);border-radius:18px;background:#10231a}
.landing-location-map iframe{display:block;width:100%;flex:1;min-height:365px;border:0;background:#10231a}
.landing-map-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px}
.landing-map-footer span{font-size:13px;color:#c4d3ca}
.landing-map-footer a{font-size:13px;color:#ecd9a4;font-weight:700;text-decoration:none;white-space:nowrap}
.landing-map-footer a:hover{text-decoration:underline}
@media(max-width:850px){.landing-locations-layout{grid-template-columns:1fr}.landing-location-list{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-location-map{min-height:350px}.landing-location-map iframe{min-height:300px}}
@media(max-width:520px){.landing-locations{padding-bottom:44px}.landing-location-list{grid-template-columns:1fr}.landing-location{padding:15px 16px}.landing-map-footer{align-items:flex-start;flex-direction:column}}

/* Presentation: the four real units lead the first visit. */
.landing-header{position:relative;z-index:30}
.landing-access{z-index:31}
.landing-presentation{padding:0 0 40px}
.landing-markets{padding-top:clamp(40px,6vw,90px)}
.landing-markets-heading{max-width:1120px;margin:0 0 24px;align-items:end}
.landing-markets-heading h1{font-size:clamp(42px,6vw,92px);line-height:1.02;max-width:850px}
.landing-markets-heading>p{max-width:290px;margin-bottom:8px;font-size:17px;line-height:1.55}
.landing-scroll-cue{display:flex;align-items:center;gap:10px;margin:0 0 30px;color:#b9c9c0;font-size:13px;letter-spacing:.03em}
.landing-scroll-cue span{width:20px;height:34px;border:1px solid #b9c9c0;border-radius:20px;position:relative}
.landing-scroll-cue span::after{content:'';position:absolute;left:8px;top:7px;width:2px;height:7px;border-radius:3px;background:#d7b978;animation:scroll-cue 2s ease-in-out infinite}
@keyframes scroll-cue{50%{transform:translateY(9px);opacity:.45}}
.landing-markets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.landing-market{position:relative;isolation:isolate;border-radius:23px;min-height:350px;background:#0c1d16;box-shadow:0 24px 65px rgba(0,0,0,.18);transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s,border-color .45s}
.landing-market:first-child{grid-column:1/-1;min-height:min(62vw,560px)}
.landing-market img,.landing-market:first-child img{width:100%;height:350px;aspect-ratio:auto;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.landing-market:first-child img{height:min(62vw,560px);object-position:center 56%}
.landing-market::after{content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(2,10,7,.82));pointer-events:none}
.landing-market div{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:30px;color:#fff}
.landing-market strong{font-size:clamp(20px,2vw,30px);letter-spacing:-.03em}
.landing-market:first-child strong{font-size:clamp(28px,3.5vw,48px)}
.landing-market:hover{transform:translateY(-6px);box-shadow:0 32px 85px rgba(0,0,0,.3)}
.landing-market:hover img{transform:scale(1.045)}
.landing-access>summary{min-height:45px;font-size:14px;padding:12px 20px}
.landing-reveal{opacity:1;transform:none}
.landing-motion .landing-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}
.landing-motion .landing-reveal.is-visible{opacity:1;transform:translateY(0)}
.landing-motion .landing-market{opacity:0;transform:translateY(42px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),box-shadow .45s}
.landing-motion .landing-market.is-visible{opacity:1;transform:translateY(0)}
.landing-motion .landing-market.is-visible:hover{transform:translateY(-6px)}

/* Mobile navigation uses a full-width drawer with readable labels. */
.sidebar-mobile-head{display:none}
body.menu-open{overflow:hidden}
.nav-item svg{display:block;width:21px;height:21px;min-width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sidebar-backdrop{display:none}
@media(max-width:980px){
  .nav-item{font-size:14px}
  .nav-label{font-size:11px}
  .nav-item span{width:22px;flex:none;font-size:18px}
}
@media(max-width:980px){
  .landing-header{height:84px;width:calc(100% - 32px);justify-content:flex-start}
  .landing-header img{width:min(190px,53vw);max-height:68px}
  .landing-access{top:32px;right:16px;width:min(370px,calc(100% - 32px))}
  .landing-access>summary{font-size:13px;min-height:42px;padding:10px 13px}
  .landing-presentation{width:calc(100% - 32px);padding-top:0}
  .landing-markets{padding-top:56px}
  .landing-markets-heading{display:block}
  .landing-markets-heading h1{font-size:clamp(40px,9vw,65px)}
  .landing-markets-heading>p{max-width:560px;margin:18px 0 0;font-size:16px}
  .landing-markets-grid{grid-template-columns:1fr 1fr;gap:12px}
  .landing-market:first-child{min-height:430px}
  .landing-market:first-child img{height:430px}
  .landing-market:not(:first-child){min-height:280px}
  .landing-market:not(:first-child) img{height:280px}
  .landing-market div{padding:20px}
  .landing-market strong{font-size:21px}
  .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:39;background:rgba(1,10,6,.7);backdrop-filter:blur(4px)}
  .app-shell{display:block}
  .sidebar{position:fixed;top:0;left:0;z-index:40;width:min(330px,88vw);height:100dvh;padding:16px 15px 24px;transform:translateX(-105%);box-shadow:24px 0 70px rgba(0,0,0,.55);overscroll-behavior:contain}
  .sidebar.open{transform:translateX(0)}
  .sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;color:#f4f7f5;font:700 17px Manrope,sans-serif;padding:5px 7px 12px}
  .sidebar-mobile-head button{display:grid;place-items:center;width:42px;height:42px;color:#e6eee9;background:#142a21;border:1px solid var(--line);border-radius:12px;font-size:18px}
  .sidebar .brand{margin:0 5px 22px}
  .sidebar .brand img{max-width:220px;height:55px;object-fit:contain;object-position:left}
  .sidebar nav{display:block;width:100%}
  .sidebar .nav-label{display:block;color:#83a094;font-size:11px;margin:21px 12px 9px}
  .sidebar .nav-item{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:48px;padding:11px 14px;gap:14px;color:#d9e5de;text-align:left;font-size:15px;line-height:1.3;white-space:normal}
  .sidebar .nav-item span{display:grid;place-items:center;width:22px;min-width:22px;font-size:19px;line-height:1;color:#9ab6a8}
  .sidebar .nav-item svg{width:22px;height:22px;min-width:22px;color:#9ab6a8}
  .sidebar .nav-item.active{color:#fff;background:#19362a}
  .menu-button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0}
  .topbar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;margin-bottom:20px}
  .topbar .page-title{min-width:0}
  .topbar .page-title h1{font-size:clamp(21px,5vw,28px);line-height:1.15;overflow-wrap:anywhere}
  .topbar-actions{grid-column:1/-1;display:flex;justify-content:space-between;width:100%;gap:8px;min-width:0}
  .topbar-actions .switch-view{display:inline-flex;align-items:center;justify-content:center;font-size:13px;min-height:42px;padding:9px 14px}
  .topbar-actions .switch-view::after{display:none}
  .topbar-actions .primary-button{font-size:13px;min-height:42px;max-width:65%;padding:9px 13px}
  .topbar-actions .primary-button::after{display:none}
  .app-shell>main{padding:18px 16px 52px}
  .filters{grid-template-columns:1fr;gap:10px}
  .filters label,.filters select{width:100%;min-width:0}
}
@media(max-width:520px){
  .landing-markets{padding-top:68px}
  .landing-markets-grid{grid-template-columns:1fr}
  .landing-market:first-child{grid-column:auto;min-height:390px}
  .landing-market:first-child img{height:390px}
  .landing-market:not(:first-child){min-height:300px}
  .landing-market:not(:first-child) img{height:300px}
  .landing-market div{padding:22px}
  .landing-market strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.landing-scroll-cue span::after{animation:none}.landing-motion .landing-market,.landing-motion .landing-reveal{opacity:1;transform:none;transition:none}.landing-market img{transition:none}}

.annual-summary{margin-top:22px;padding:26px}
.annual-period{color:#c2d4ca;font-size:14px;white-space:nowrap}
.annual-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.annual-totals>div{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.annual-totals span{display:block;color:#afc5b8;font-size:14px}
.annual-totals strong{display:block;margin:9px 0 17px;color:#f4f7f5;font:700 clamp(24px,3vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}
.annual-track{height:11px;overflow:hidden;border-radius:99px;background:#18362a}
.annual-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159866,#3be0a0);transition:width .4s ease}
.annual-track.expense{background:#35291e}
.annual-track.expense i{background:linear-gradient(90deg,#b36e2f,#f2a95d)}
.annual-summary>.panel-note{margin:18px 0 0;color:#afc5b8;font-size:14px;line-height:1.5}

/* Real-unit gallery and condominium partnership presentation. */
.landing-market{display:block;width:100%;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.landing-market:focus-visible{outline:3px solid #e1c88b;outline-offset:4px}
.landing-market .landing-market-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:30px;color:#fff}
.landing-market .landing-market-caption small{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#f3f5f3;font-size:14px;font-weight:700}
.landing-market .landing-market-caption small span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:18px;transition:background .2s,transform .2s}
.landing-market:hover .landing-market-caption small span,.landing-market:focus-visible .landing-market-caption small span{background:rgba(255,255,255,.2);transform:translate(2px,-2px)}
.landing-proposal{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(32px,5vw,64px);margin:5px 0 70px;border:1px solid rgba(215,185,120,.2);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(45,119,87,.17),transparent 47%),#0d2018}
.landing-proposal h2{font:800 clamp(29px,3.6vw,50px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0 18px}
.landing-proposal h2 span{color:#d7b978}
.landing-proposal>div>p:last-child{max-width:600px;color:#bdcfc5;font-size:16px;line-height:1.65;margin:0}
.landing-proposal-points{display:grid;gap:10px}
.landing-proposal-points p{display:grid;gap:8px;padding:22px 24px;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}
.landing-proposal-points strong{color:#f5f7f4;font:700 20px Manrope,sans-serif}
.landing-proposal-points span{color:#b7c9be;font-size:14px;line-height:1.45}
.market-gallery{position:fixed;inset:0;width:min(1040px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid rgba(215,185,120,.28);border-radius:24px;color:#f5f7f4;background:#0b1b14;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.market-gallery::backdrop{background:rgba(0,8,5,.83);backdrop-filter:blur(8px)}
.market-gallery[open]{animation:market-gallery-in .34s cubic-bezier(.2,.75,.2,1)}
@keyframes market-gallery-in{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.market-gallery-shell{padding:clamp(16px,3vw,30px)}
.market-gallery-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}
.market-gallery-head h2{font:800 clamp(27px,3.5vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 0}
.market-gallery-close,.market-gallery-arrow{display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:rgba(5,19,12,.75);cursor:pointer}
.market-gallery-close{width:42px;height:42px;font-size:28px;line-height:1}
.market-gallery-close:hover,.market-gallery-arrow:hover{background:#214936}
.market-gallery-photo{position:relative;height:min(59dvh,610px);min-height:280px;overflow:hidden;border-radius:16px;background:#14281e}
.market-gallery-photo img{display:block;width:100%;height:100%;object-fit:contain}
.market-gallery-photo img.is-changing{animation:market-photo-in .26s ease}
@keyframes market-photo-in{from{opacity:.4;transform:scale(1.015)}to{opacity:1;transform:none}}
.market-gallery-arrow{position:absolute;top:50%;width:44px;height:44px;transform:translateY(-50%);font-size:32px;line-height:1}
.market-gallery-arrow[hidden]{display:none}
.market-gallery-prev{left:12px}.market-gallery-next{right:12px}
.market-gallery-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 1px;color:#bdcfc5;font-size:14px}
.market-gallery-foot p{margin:0}.market-gallery-foot span{white-space:nowrap}
.market-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:4px 1px 6px}
.market-gallery-thumbs button{flex:none;width:82px;height:62px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#152c20;cursor:pointer}
.market-gallery-thumbs button[aria-current="true"]{border-color:#d7b978}
.market-gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.market-gallery-close:focus-visible,.market-gallery-arrow:focus-visible,.market-gallery-thumbs button:focus-visible{outline:3px solid #e1c88b;outline-offset:2px}
@media(max-width:760px){.landing-proposal{grid-template-columns:1fr;padding:28px;margin-bottom:50px}.landing-market .landing-market-caption{padding:20px}.market-gallery-photo{height:min(60dvh,560px)}.market-gallery-shell{padding:16px}}
@media(max-width:520px){.landing-market .landing-market-caption{align-items:start;flex-direction:column;gap:8px;padding:22px}.landing-market .landing-market-caption small{font-size:13px}.market-gallery{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:18px}.market-gallery-photo{min-height:240px}.market-gallery-foot{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.market-gallery[open],.market-gallery-photo img.is-changing{animation:none}.landing-market .landing-market-caption small span{transition:none}}
@media(max-width:520px){
  .landing-header{height:64px;justify-content:center}
  .landing-header img{width:min(175px,50vw);max-height:54px}
  .landing-access{top:96px;left:16px;right:16px;width:auto}
  .landing-access>summary{margin-inline:auto}
  .landing-markets{padding-top:78px}
}

/* Premium motion and immersive photography. */
.auth-screen{background:
  radial-gradient(circle at 12% 8%,rgba(35,135,92,.15),transparent 30%),
  radial-gradient(circle at 88% 26%,rgba(215,185,120,.09),transparent 27%),
  linear-gradient(180deg,#07150f 0,#091a13 42%,#06110c 100%)}
.landing-header img{filter:drop-shadow(0 14px 32px rgba(0,0,0,.28))}
.landing-markets-heading>.eyebrow{font-size:10px;letter-spacing:.13em;color:#aebfb6}
.landing-markets{position:relative;isolation:isolate}
.landing-markets::before{content:'';position:absolute;z-index:-1;top:4%;left:32%;width:48%;height:27%;border-radius:50%;background:rgba(39,139,94,.1);filter:blur(80px);pointer-events:none}
.landing-markets-heading h1{background:linear-gradient(105deg,#fff 12%,#d9e7df 50%,#d7b978 92%);background-clip:text;-webkit-background-clip:text;color:transparent}
.landing-markets-heading h1 span{color:transparent}
.landing-markets-grid{perspective:1200px}
.landing-market{--spot-x:50%;--spot-y:50%;transform-style:preserve-3d;border-color:rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.landing-market::before{content:'';position:absolute;z-index:2;inset:0;opacity:0;background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.16),transparent 46%);transition:opacity .35s;pointer-events:none}
.landing-market:hover::before,.landing-market:focus-visible::before{opacity:1}
.landing-market img,.landing-market:first-child img{filter:saturate(.95) contrast(1.03);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease}
.landing-market:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}
.landing-market .landing-market-caption{background:linear-gradient(180deg,transparent,rgba(1,9,6,.86));padding-top:72px}
.landing-proposal{box-shadow:0 35px 90px rgba(0,0,0,.23);overflow:hidden;position:relative}
.landing-proposal::after{content:'';position:absolute;right:-9%;bottom:-52%;width:380px;height:380px;border:1px solid rgba(215,185,120,.14);border-radius:50%;box-shadow:0 0 0 54px rgba(215,185,120,.025),0 0 0 108px rgba(215,185,120,.018);pointer-events:none}
.landing-location-map,.landing-benefits article{box-shadow:0 22px 60px rgba(0,0,0,.16)}
.market-gallery{width:min(1480px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:none;border-radius:28px;background:linear-gradient(145deg,#0b1c14,#07110d);overflow:hidden}
.market-gallery-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;box-sizing:border-box;padding:clamp(14px,2vw,26px)}
.market-gallery-head{margin-bottom:12px}
.market-gallery-photo{height:auto;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:zoom-in;touch-action:none;user-select:none;background:radial-gradient(circle at center,#183226,#08140e 75%)}
.market-gallery-photo.is-zooming{cursor:grabbing}
.market-gallery-photo img{object-fit:contain;will-change:transform;transition:transform .22s cubic-bezier(.16,1,.3,1)}
.market-gallery-photo img.is-zoomed{transition:transform .08s linear}
.market-gallery-zoom-hint{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%);padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#eef5f0;background:rgba(2,12,7,.68);backdrop-filter:blur(12px);font-size:12px;white-space:nowrap;pointer-events:none;transition:opacity .2s}
.market-gallery-photo.is-zooming .market-gallery-zoom-hint{opacity:0}
.market-gallery-arrow{z-index:4;width:50px;height:50px;background:rgba(4,18,11,.68);backdrop-filter:blur(10px)}
.market-gallery-foot{margin:10px 2px 8px}
.market-gallery-thumbs{padding-bottom:2px}
.market-gallery-thumbs button{width:92px;height:62px;transition:transform .22s,border-color .22s,opacity .22s;opacity:.65}
.market-gallery-thumbs button:hover,.market-gallery-thumbs button[aria-current="true"]{opacity:1;transform:translateY(-2px)}
@media(max-width:760px){
  .market-gallery{width:100vw;height:100dvh;border:0;border-radius:0}
  .market-gallery-shell{padding:12px}
  .market-gallery-head{padding:2px 4px}
  .market-gallery-photo{min-height:0;border-radius:15px}
  .market-gallery-zoom-hint{bottom:10px;font-size:11px}
  .market-gallery-arrow{width:44px;height:44px}
  .landing-market .landing-market-caption{background:linear-gradient(180deg,transparent,rgba(1,9,6,.9));padding-top:60px}
}
@media(prefers-reduced-motion:reduce){.landing-market::before{display:none}.landing-market img,.market-gallery-photo img{transition:none}.landing-proposal::after{display:none}}
@media(max-width:680px){.annual-summary{padding:20px}.annual-summary .panel-heading{display:block}.annual-period{display:block;margin-top:9px}.annual-totals{grid-template-columns:1fr;gap:12px;margin-top:20px}}

/* Brand hierarchy; preserve the original green-and-gold surfaces above. */
.landing-markets-heading{margin-bottom:30px}
.landing-markets-heading .eyebrow{margin:0 0 10px;color:#aebfb6;font-size:12px;letter-spacing:.16em}
.landing-markets-heading h1{margin:0;font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.12}
@media(max-width:520px){.landing-markets-heading{margin-bottom:22px}.landing-markets-heading h1{font-size:30px}.landing-markets-heading .eyebrow{font-size:12px}}