@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');:root{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:var(--side);color:var(--side-strong);padding:28px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-family:'DM Sans';font-size:17px;font-weight:800;line-height:1.25;margin:0 0 55px 8px}.brand img{width:38px;height:38px;object-fit:contain}.side-label{font-size:10px;letter-spacing:2px;color:var(--side-text);margin:0 12px 18px}.nav{border:0;color:var(--side-text);background:transparent;text-align:left;border-radius:11px;padding:14px 15px;margin-bottom:7px;font-weight:600}.nav.active,.nav:hover{background:var(--side-raise);color:var(--on-dark)}.side-bottom{margin-top:auto;display:grid;gap:22px;padding:12px;font-size:13px;color:var(--side-text)}.demo-pill{color:var(--side-co);font-weight:700}main{margin-left:238px;padding:38px 48px;max-width:1750px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent-text);font-weight:800}h1,h2,h3{font-family:'DM Sans';margin:0}h1{font-size:clamp(26px,3vw,37px);letter-spacing:-1.4px;margin:8px 0}p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:9px;flex-wrap:wrap}button.primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);padding:12px 17px;border-radius:10px;font-weight:800}button.primary:hover{background:var(--accent-hover)}button.secondary{background:var(--card);border:1px solid var(--line);color:var(--text);padding:12px 17px;border-radius:10px;font-weight:700}button.secondary:hover{border-color:var(--accent-line)}.notice{background:var(--tint);color:var(--accent-text);padding:12px 16px;border:1px solid var(--tint-line);border-radius:12px;font-size:13px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 6px 24px #123b4b08}.stat .caption{font-size:12px;color:var(--muted);font-weight:700}.stat .number{font-family:'DM Sans';font-weight:800;font-size:31px;margin:12px 0 2px;letter-spacing:-1px}.stat .small{font-size:12px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;min-height:400px;padding:26px;box-shadow:0 6px 26px #123b4b08}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;flex-wrap:wrap}.panel h2{font-size:20px}.muted{font-size:13px;color:var(--muted);margin-top:5px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar select,.toolbar input{padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--text);max-width:220px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;background:var(--soft);padding:15px}td{padding:17px 15px;border-bottom:1px solid var(--line);font-size:14px}td strong{font-weight:800}.pill{font-size:11px;font-weight:800;padding:6px 9px;border-radius:100px;display:inline-block;white-space:nowrap}.paid{color:var(--ok);background:var(--ok-bg)}.soon{color:var(--warn);background:var(--warn-bg)}.overdue{color:var(--bad);background:var(--bad-bg)}.upcoming{color:var(--muted);background:var(--soft)}.linkbtn{border:0;background:transparent;color:var(--accent-text);font-weight:800;padding:6px;white-space:nowrap}.linkbtn:hover{text-decoration:underline}.prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px}.prop{padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.prop .house{font-size:28px;margin-bottom:18px}.prop h3{font-size:17px}.prop .muted{margin:7px 0 22px}.prop-foot{display:flex;justify-content:space-between;align-items:center}.empty{text-align:center;padding:65px 10px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:10px}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);z-index:10;display:flex;align-items:center;justify-content:center;padding:15px}.hidden{display:none!important}.modal{background:var(--card);border-radius:18px;padding:25px;width:min(460px,100%);box-shadow:0 22px 80px #0b2a3d45;max-height:95vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:22px}.iconbtn{border:0;background:var(--soft);border-radius:9px;font-size:25px;width:35px;height:35px}label{display:block;font-weight:700;font-size:13px;margin-bottom:15px}label input,label select{display:block;width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:12px;margin-top:7px;background:var(--card);color:var(--ink)}label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;bottom:25px;right:25px;padding:14px 19px;background:var(--side);color:var(--on-dark);border-radius:12px;z-index:20;box-shadow:0 10px 35px #0003}@media(max-width:1000px){.sidebar{width:195px}main{margin-left:195px;padding:28px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.sidebar{position:static;width:100%;padding:14px;display:block}.brand{margin:0 0 15px}.side-label,.side-bottom{display:none}.nav{display:inline-block;padding:9px;margin:0 3px 5px 0;font-size:12px}main{margin:0;padding:18px}.topbar{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat{padding:14px}.stat .number{font-size:24px}.panel{padding:16px}}@media(prefers-reduced-motion:no-preference){button,.prop{transition:transform .18s,background .18s}.prop:hover{transform:translateY(-3px)}}
.property-section{border:1px solid var(--line);border-radius:16px;margin:0 0 20px;overflow:hidden;background:var(--card)}.property-section-head{background:var(--tint);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.property-section-head h2{margin:6px 0;font-size:19px}.property-section .tablewrap{padding:0 6px 8px}.focus-banner{background:var(--tint);border:1px solid var(--tint-line);padding:14px 18px;border-radius:12px;margin-bottom:18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-target{background:var(--tint);padding:16px;border:1px solid var(--tint-line);border-radius:12px;margin-bottom:20px;color:var(--ink)}.payment-target div{font-size:13px;margin-top:8px;color:var(--text)}.property-section .empty{padding:28px}.property-section .empty strong{font-size:15px}

.detail-back{margin-bottom:18px}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,var(--tint),var(--tint));border:1px solid var(--tint-line);border-radius:18px;padding:26px;margin-bottom:27px;flex-wrap:wrap}.detail-hero h2{font-size:25px;margin:10px 0 5px}.detail-metrics{display:flex;gap:12px;flex-wrap:wrap}.detail-metrics span{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:var(--muted);font-size:12px}.detail-metrics strong{display:block;color:var(--ink);font-size:22px;margin-bottom:4px}

.history-groups{display:grid;gap:16px}.history-property{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--card)}.history-property summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px;background:var(--tint)}.history-property summary::-webkit-details-marker{display:none}.history-property summary strong{font-size:17px}.history-property summary small{display:block;color:var(--muted);margin-top:7px}.history-total{font-size:19px;font-weight:800;color:var(--accent-text);white-space:nowrap}.history-chevron{margin-left:14px;color:var(--muted)}.history-body{padding:14px 20px 20px}.history-month{margin:8px 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.history-month-head{display:flex;justify-content:space-between;gap:12px;background:var(--soft);padding:15px 17px;font-size:13px;color:var(--muted)}.history-month-head strong{color:var(--ink)}.history-month table{min-width:480px}

.month-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px}.month-nav label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text);font-weight:600}.month-nav input{padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink)}.month-nav button{white-space:nowrap}

.pill.neutral{background:var(--soft);color:var(--muted);border:1px solid var(--line)}

/* Compact billing month selector */
.month-nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px 16px;margin-bottom:20px}.month-nav-title{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.month-nav-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.month-nav-controls button{padding:10px 14px}.month-nav-controls input{padding:10px 12px;min-width:170px;max-width:210px;font:inherit;font-weight:600}

/* Monthly paid-amount anomaly alerts */
.amount-alerts{margin:16px 0 22px;padding:20px 22px;border:1px solid var(--warn-line);border-radius:16px;background:var(--warn-bg);color:var(--ink)}.amount-alerts-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.amount-alerts-icon{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--warn-bg);color:var(--warn);font-weight:800}.amount-alerts h2{margin:0 0 4px;font-size:18px}.amount-alerts p{margin:0;color:var(--muted);font-size:13px}.amount-alert-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--warn-line)}.amount-alert-item .muted{margin-top:4px;font-size:12px}.amount-alert-values{text-align:right;white-space:nowrap}.amount-alert-values strong{display:block;font-size:17px}.amount-alert-values span{font-size:12px;color:var(--warn)}@media(max-width:620px){.amount-alert-item{align-items:flex-start;flex-direction:column;gap:7px}.amount-alert-values{text-align:left}}

/* Calm, easy-to-scan bill insights */
.amount-alerts{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:17px;padding:22px 24px;color:var(--ink);box-shadow:0 3px 14px rgba(36,52,62,.025)}
.amount-alerts-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.amount-alerts-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--warn-bg);color:var(--warn);font-size:23px;font-weight:600}
.amount-alerts h2{font-size:19px;margin:0 0 4px;color:var(--ink)}.amount-alerts p{font-size:13px;color:var(--muted);margin:0}
.amount-alert-list{display:grid;gap:10px}.amount-alert-item{display:grid;grid-template-columns:minmax(190px,2fr) repeat(3,minmax(105px,1fr));gap:18px;align-items:center;padding:17px 19px;background:var(--card);border:1px solid var(--warn-line);border-radius:12px}
.amount-alert-name strong{font-size:16px}.amount-alert-name .muted{margin-top:5px;line-height:1.5}
.amount-alert-metric{display:flex;flex-direction:column;gap:5px}.amount-alert-metric span{font-size:12px;color:var(--muted)}.amount-alert-metric strong{font-size:19px;color:var(--ink);white-space:nowrap}.amount-alert-change strong{color:var(--warn)}
.actual-paid{font-weight:700;color:var(--accent-text);white-space:nowrap}
@media(max-width:780px){.amount-alert-item{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.amount-alert-name{grid-column:1/-1}.amount-alert-metric strong{font-size:16px}}
@media(max-width:480px){.amount-alerts{padding:16px}.amount-alert-item{padding:13px;gap:10px}.amount-alert-metric strong{font-size:14px}.amount-alert-metric span{font-size:11px}}

/* Payment type: informative, not a payment status */
.payment-type{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap;background:var(--soft);color:var(--text)}.payment-type.auto{background:var(--info-bg);color:var(--info)}

/* Needs Attention overview */
.attention-panel{margin:24px 0 30px;border:1px solid var(--tint-line);border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 6px 22px rgba(21,57,64,.035)}
.attention-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 26px;background:var(--soft)}
.attention-kicker{font-size:11px;letter-spacing:1.6px;color:var(--accent-text);font-weight:800}
.attention-head h2{font-size:23px;margin:5px 0 4px;color:var(--ink)}
.attention-head p{margin:0;color:var(--muted);font-size:14px}
.attention-count{white-space:nowrap;border:1px solid var(--tint-line);background:var(--card);border-radius:30px;padding:7px 12px;color:var(--accent-text);font-size:12px;font-weight:700}
.attention-list{padding:0 26px}.attention-item{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.attention-dot{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:11px;font-size:17px;font-weight:800;background:var(--warn-bg);color:var(--warn)}.attention-dot.overdue{background:var(--bad-bg);color:var(--bad)}.attention-dot.increase{background:var(--warn-bg);color:var(--warn)}.attention-dot.due{background:var(--info-bg);color:var(--info)}.attention-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.attention-item-copy strong{color:var(--ink);font-size:14px}.attention-label{color:var(--muted);font-weight:500}.attention-item-copy>span{color:var(--muted);font-size:12px}.attention-note{font-size:12px;color:var(--warn);white-space:nowrap}.attention-action{white-space:nowrap;font-size:12px!important;padding:9px 12px!important}.attention-empty{display:flex;align-items:center;gap:13px;padding:24px 26px;border-top:1px solid var(--line)}.attention-empty>span{display:grid;place-items:center;border-radius:50%;background:var(--ok-bg);color:var(--ok);width:38px;height:38px;font-weight:800}.attention-empty strong{color:var(--ink)}.attention-empty p{color:var(--muted);font-size:13px;margin:4px 0 0}@media(max-width:650px){.attention-head{padding:18px;align-items:flex-start}.attention-list{padding:0 18px}.attention-item{flex-wrap:wrap}.attention-action,.attention-note{margin-left:48px}.attention-empty{padding:20px 18px}}

/* First-time account setup: based on actual saved records, not local browser state */
.onboarding[hidden]{display:none!important}.onboarding{margin:0 0 22px;padding:24px;border:1px solid var(--tint-line);border-radius:20px;background:linear-gradient(115deg,var(--tint),var(--card) 72%);box-shadow:0 5px 24px rgba(18,52,62,.045)}.onboarding-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.onboarding-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--accent-text)}.onboarding-top h2{font-size:22px;margin:6px 0;color:var(--ink)}.onboarding-top p{margin:0;color:var(--muted);font-size:14px}.onboarding-progress{white-space:nowrap;color:var(--accent-text);font-weight:700;background:var(--tint);border-radius:30px;padding:9px 13px;font-size:12px}.onboarding-steps{display:grid;gap:10px}.onboarding-step{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--card);padding:13px 15px;border-radius:13px}.onboarding-number{flex:none;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--soft);color:var(--muted);font-weight:800}.onboarding-step.is-done .onboarding-number{background:var(--ok-bg);color:var(--ok)}.onboarding-step.is-next{border-color:var(--accent-line)}.onboarding-step.is-next .onboarding-number{background:var(--tint);color:var(--accent-text)}.onboarding-copy{display:flex;flex-direction:column;gap:4px;flex:1}.onboarding-copy strong{color:var(--ink);font-size:14px}.onboarding-copy span{color:var(--muted);font-size:12px}.onboarding-step.is-locked{opacity:.65}.onboarding-action{white-space:nowrap;font-size:13px!important;padding:10px 15px!important}@media(max-width:700px){.onboarding{padding:17px}.onboarding-top{flex-direction:column}.onboarding-step{flex-wrap:wrap}.onboarding-action{margin-left:47px}}

/* Select mode (like Messages: Select, choose, Delete) and Recently Deleted */
th.pick,td.pick{width:46px;padding-right:0}tr[data-row]{cursor:pointer}tr.is-picked td{background:var(--tint)}
.pick-circle{appearance:none;-webkit-appearance:none;display:inline-block;width:22px;height:22px;margin:0;border:2px solid var(--line-strong);border-radius:50%;background:var(--card);cursor:pointer;vertical-align:middle}.pick-circle:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}.pick-circle:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}
.select-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-6px 0 18px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px #123b4b14}#selCount{font-weight:800;color:var(--ink)}.select-bar-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.select-bar button.secondary,.select-bar button.danger-btn{padding:9px 14px}
button.danger-btn{background:var(--bad-solid);border:1px solid var(--bad-solid);color:var(--on-dark);padding:12px 17px;border-radius:10px;font-weight:800}button.danger-btn:hover{background:var(--bad-solid-hover)}button.danger-btn:disabled,button.secondary:disabled{opacity:.45;cursor:default}
.nav-icon{position:relative;display:inline-block}.nav-count{position:absolute;top:-9px;left:8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--side-co);color:var(--side);font-size:10px;font-weight:800;line-height:17px;text-align:center}
.toast-undo{margin-left:14px;background:transparent;border:1px solid var(--side-co);color:var(--side-co);border-radius:8px;padding:5px 12px;font-weight:800}.toast-undo:hover{background:var(--side-co);color:var(--side)}
.purge-list{margin:0 0 16px;padding:12px 14px 12px 32px;background:var(--bad-bg);border:1px solid var(--bad-line);border-radius:12px;font-size:13px;color:var(--text);max-height:180px;overflow:auto;line-height:1.7}
label.check{display:flex;gap:10px;align-items:flex-start;font-weight:600}label.check input{display:inline-block;width:17px;height:17px;padding:0;margin:1px 0 0;flex:none;accent-color:var(--bad-solid)}

/* One Edit menu per bill: Mark as paid / Edit payment, Edit bill details, Delete bill */
.row-menu-btn{white-space:nowrap}
#rowMenu{position:fixed;z-index:30;min-width:200px;display:flex;flex-direction:column;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #123b4b2e}
.row-menu-item{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font-weight:700;color:var(--ink);white-space:nowrap}.row-menu-item:hover,.row-menu-item:focus-visible{background:var(--tint);outline:none}
.row-menu-item.danger{color:var(--bad);margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;padding-top:12px}.row-menu-item.danger:hover,.row-menu-item.danger:focus-visible{background:var(--bad-bg)}
/* Elegant open: fade + glide from the Edit button, items cascade in, caret flips */
#rowMenu{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#rowMenu.is-open{animation:rowMenuDown .22s cubic-bezier(.16,1,.3,1) both;transform-origin:top right}#rowMenu.is-open[data-dir="up"]{animation-name:rowMenuUp;transform-origin:bottom right}
#rowMenu.is-open .row-menu-item{animation:rowItemIn .26s cubic-bezier(.16,1,.3,1) both}#rowMenu.is-open .row-menu-item:nth-child(2){animation-delay:.04s}#rowMenu.is-open .row-menu-item:nth-child(3){animation-delay:.08s}
@keyframes rowMenuDown{from{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:none}}@keyframes rowMenuUp{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@keyframes rowItemIn{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
.row-menu-btn{border-radius:8px;transition:background .18s,color .18s}.row-menu-btn[aria-expanded="true"]{background:var(--tint);text-decoration:none}.row-menu-caret{display:inline-block;transition:transform .22s cubic-bezier(.16,1,.3,1)}.row-menu-btn[aria-expanded="true"] .row-menu-caret{transform:rotate(180deg)}
.row-menu-item{transition:background .15s,padding-left .15s}.row-menu-item:hover{padding-left:15px}
@media(prefers-reduced-motion:reduce){#rowMenu.is-open,#rowMenu.is-open .row-menu-item{animation:none}.row-menu-caret,.row-menu-item{transition:none}}

/* Reorganized layout (2026-10-29): Home page, Bills filter chips, monthly totals. Same colors as before. */
.panel.is-plain{background:transparent;border:0;box-shadow:none;padding:0;min-height:0}
.view-enter{animation:viewIn .35s cubic-bezier(.16,1,.3,1)}@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.home-month{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:22px;box-shadow:0 6px 26px #123b4b08}
.home-month-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.home-kicker{font-size:11px;letter-spacing:1.6px;color:var(--accent-text);font-weight:800}.home-month h2{font-size:22px;margin:4px 0 0}.home-month-count{font-family:'DM Sans';font-size:15px;color:var(--accent-text)}
.home-progress{height:10px;border-radius:10px;background:var(--soft);margin:14px 0 18px;overflow:hidden}.home-progress span{display:block;height:100%;border-radius:10px;background:var(--accent);animation:growBar .9s cubic-bezier(.16,1,.3,1)}@keyframes growBar{from{width:0}}
.home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tile{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;color:inherit}.home-tile span{font-size:12px;color:var(--muted);font-weight:700}.home-tile strong{font-family:'DM Sans';font-size:24px;letter-spacing:-.5px;color:var(--ink)}.home-tile small{font-size:12px;color:var(--muted)}
button.home-tile{cursor:pointer}button.home-tile:hover{border-color:var(--accent-line)}.home-tile.is-overdue{background:var(--bad-bg);border-color:var(--bad-line)}.home-tile.is-overdue span,.home-tile.is-overdue strong,.home-tile.is-overdue small{color:var(--bad)}
.home-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.home-section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 26px #123b4b08}
.home-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.home-section-head h2{font-size:18px}.home-section-head span{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}
.home-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:12px}.home-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--tint);padding:11px 14px}.home-group-head strong{font-size:14px}.home-group-count{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.home-group-count.is-danger{color:var(--bad)}
.home-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}.home-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-row-copy strong{font-size:14px;color:var(--ink)}.home-row-copy span{font-size:12px;color:var(--muted)}.home-row-copy .is-danger{color:var(--bad);font-weight:700}.home-row-copy .is-warning{color:var(--warn);font-weight:700}
.home-dot{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--warn-bg);color:var(--warn);font-weight:800;font-size:13px}.home-row-action{white-space:nowrap;font-size:12px!important;padding:8px 12px!important}.home-when{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.pulse-dot{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--bad);margin:0 5px}.pulse-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--bad);opacity:0;animation:overduePulse 2.2s ease-out infinite}@keyframes overduePulse{0%{transform:scale(.5);opacity:.75}100%{transform:scale(1.5);opacity:0}}
.home-more{border:0;background:transparent;color:var(--accent-text);font-weight:800;padding:6px 2px;font-size:13px}.home-more:hover{text-decoration:underline}.home-empty{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed var(--tint-line);border-radius:14px;color:var(--muted);font-size:13px}.home-empty b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--ok-bg);color:var(--ok)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:30px;padding:8px 14px;font-weight:700;font-size:13px}.chip span{display:inline-block;margin-left:7px;min-width:20px;padding:1px 7px;border-radius:20px;background:var(--soft);color:var(--muted);font-size:11px;text-align:center}.chip:hover{border-color:var(--accent-line)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip.is-active span{background:var(--chip-dim);color:var(--on-accent)}.chip.is-danger:not(.is-active) span{background:var(--bad-bg);color:var(--bad)}
.month-totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:22px}.month-total{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.month-total span{font-size:12px;color:var(--muted);font-weight:700}.month-total strong{font-family:'DM Sans';font-size:20px;color:var(--ink)}.month-total small{font-size:12px;color:var(--muted)}
.detail-history-head{margin-top:32px}.app-foot{margin:18px 4px 0;font-size:12px;color:var(--muted)}.side-bottom .nav{padding:10px 12px;margin-bottom:0;font-size:13px}
@media(max-width:1100px){.home-cols{grid-template-columns:1fr}}
@media(max-width:690px){.home-tiles{grid-template-columns:1fr}.home-month{padding:16px}.home-section{padding:14px}.home-row{flex-wrap:wrap}.side-bottom{display:flex;flex-wrap:wrap;gap:0;padding:0}.side-bottom .demo-pill,.side-bottom a{display:none}.side-bottom .nav{display:inline-block;padding:9px;margin:0 3px 5px 0;font-size:12px}}
@media(prefers-reduced-motion:reduce){.view-enter,.home-progress span{animation:none}.pulse-dot::after{animation:none;opacity:.35;transform:scale(1.2)}}
/* Recently Deleted count sits at the end of the row, so two- and three-digit counts never overlap the label */
#trashNav{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}#trashNav .nav-count{position:static;margin-left:auto;height:18px;line-height:18px;padding:0 7px}@media(max-width:1000px){#trashNav{white-space:normal}}
/* Property picker on Bills: replaces the browser's plain dropdown; searchable, sorted, same glide as the Edit menu */
.prop-picker-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:220px;max-width:300px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--text);font-weight:700;text-align:left;transition:border-color .18s,box-shadow .18s}.prop-picker-btn:hover{border-color:var(--accent-line)}.prop-picker-btn[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.prop-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-picker-btn .row-menu-caret{color:var(--accent-text);font-size:12px}.prop-picker-btn[aria-expanded="true"] .row-menu-caret{transform:rotate(180deg)}
#propMenu{position:fixed;z-index:30;display:flex;flex-direction:column;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #123b4b33;overflow:hidden}
#propMenu.is-open{animation:rowMenuDown .22s cubic-bezier(.16,1,.3,1) both;transform-origin:top left}#propMenu.is-open[data-dir="up"]{animation-name:rowMenuUp;transform-origin:bottom left}
.prop-menu-search{padding:10px;border-bottom:1px solid var(--line)}.prop-menu-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;color:var(--ink);background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238aa0a9' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 12px center/16px no-repeat;outline:none}.prop-menu-search input:focus{border-color:var(--accent-line);background-color:var(--card)}
.prop-menu-list{overflow:auto;padding:6px;overscroll-behavior:contain}
.prop-option{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;font-weight:700;color:var(--ink);transition:background .15s}.prop-option:hover,.prop-option:focus-visible{background:var(--tint);outline:none}
.prop-option .check{flex:none;width:14px;color:var(--accent-text);font-weight:800}.prop-option .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-option .count{flex:none;font-size:11px;font-weight:700;color:var(--muted);background:var(--soft);border-radius:20px;padding:2px 8px}
.prop-option.is-selected{background:var(--tint);color:var(--accent-text)}.prop-option.is-selected .count{background:var(--card);color:var(--accent-text)}.prop-option.is-all{margin-bottom:4px;position:relative}.prop-option.is-all::after{content:"";position:absolute;left:12px;right:12px;bottom:-3px;border-bottom:1px solid var(--line)}
.prop-menu-empty{padding:18px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:690px){.prop-picker-btn{min-width:0;max-width:100%;flex:1}}
@media(prefers-reduced-motion:reduce){#propMenu.is-open{animation:none}}
/* Property cards slightly smaller (Mia, 2026-10-29): same look, tighter spacing, bill count on one line */
.prop-grid{gap:14px}.prop{padding:16px 18px}.prop .house{font-size:22px;margin-bottom:10px}.prop h3{font-size:16px}.prop .muted{margin:4px 0 14px}.prop-foot{flex-wrap:wrap;justify-content:flex-start;gap:4px 14px}.prop-foot .muted{flex-basis:100%;margin:0;font-size:12px;white-space:nowrap}.prop-foot .linkbtn{padding:4px 0}
/* Home additions (2026-10-30): Looks normal, mark several paid, AutoPay check, quick search */
.pill.autocheck{color:var(--info);background:var(--info-bg)}.home-dot.auto{background:var(--info-bg);color:var(--info)}.home-row-copy .is-auto{color:var(--info);font-weight:700}
.home-head-tools{display:flex;align-items:center;gap:10px}.home-head-tools .secondary{padding:7px 12px;font-size:12px}.home-section .select-bar{margin:0 0 12px}
.home-row[data-row]{cursor:pointer}.home-row.is-picked{background:var(--tint)}.home-row .pick-circle{flex:none}button.primary:disabled{opacity:.45;cursor:default}
.bulk-pay-list{max-height:46vh;overflow:auto;margin-top:4px;border-bottom:1px solid var(--line)}.bulk-pay-row{display:flex;align-items:center;gap:12px;margin:0;padding:10px 2px;border-top:1px solid var(--line);font-weight:400}.bulk-pay-row span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bulk-pay-row strong{font-size:13px;color:var(--ink)}.bulk-pay-row small{font-size:12px;color:var(--muted);font-weight:600}.bulk-pay-row input{width:120px;margin:0;flex:none;padding:9px 10px}
.home-search{position:relative;max-width:560px;margin:0 0 18px}.home-search input{width:100%;padding:13px 14px 13px 44px;border:1px solid var(--line-strong);border-radius:12px;font:inherit;color:var(--ink);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238aa0a9' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 15px center/18px no-repeat;box-shadow:0 6px 22px #123b4b08;outline:none;transition:border-color .18s,box-shadow .18s}.home-search input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--tint)}
.home-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:25;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #123b4b33;padding:6px;max-height:420px;overflow:auto;animation:rowMenuDown .22s cubic-bezier(.16,1,.3,1) both;transform-origin:top left}
.home-results-head{font-size:11px;letter-spacing:1.4px;color:var(--accent-text);font-weight:800;padding:8px 10px 4px;text-transform:uppercase}.home-result{display:flex;flex-direction:column;gap:2px;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:9px;color:var(--ink)}.home-result:hover,.home-result:focus-visible{background:var(--tint);outline:none}.home-result strong{font-size:14px}.home-result span{font-size:12px;color:var(--muted)}.home-results-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}
tr.flash td{animation:rowFlash 2.6s ease}@keyframes rowFlash{0%,45%{background:var(--flash)}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.home-results{animation:none}tr.flash td{animation:none;background:var(--flash)}}
/* Company accounts: team page, activity, who-did-it stamps (2026-10-30) */
.side-company{margin:-38px 0 34px 58px;font-size:12px;font-weight:700;color:var(--side-co);letter-spacing:.2px}.side-company:empty{display:none}
.stamp{margin-top:3px;font-size:11.5px;font-weight:500;color:var(--muted)}.stamp-cell{font-weight:700;color:var(--text);font-size:13px}.stamp-cell small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:2px}
.team-grid{display:grid;gap:18px;max-width:880px}.team-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 6px 26px #123b4b08}.team-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.team-card h2{font-size:20px;margin-top:4px}
.team-me{display:flex;align-items:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.team-me label{flex:1;min-width:220px;margin:0}.team-me button{padding:12px 16px}
.team-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.team-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line)}.team-row:first-child{border-top:0}
.avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--accent-text);font-weight:800;font-size:13px}.avatar.pending{background:var(--soft);color:var(--muted)}
.team-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.team-who strong{font-size:14px;color:var(--ink)}.team-who small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.team-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.role-badge{font-size:11px;font-weight:800;padding:5px 10px;border-radius:30px;background:var(--soft);color:var(--muted)}.role-badge.owner{background:var(--tint);color:var(--accent-text)}.role-badge.admin{background:var(--info-bg);color:var(--info)}
.you-tag{font-size:10.5px;font-weight:800;color:var(--accent-text);background:var(--tint);border-radius:20px;padding:2px 8px;margin-left:4px;vertical-align:middle}
.role-select{padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);color:var(--text);font-weight:700}
.team-invite{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.team-invite input{flex:1;min-width:220px;padding:12px 13px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;color:var(--ink)}.team-invite select{padding:12px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--text);font-weight:700}
.role-help{font-size:12.5px;line-height:1.6}.team-sub{font-size:14px;margin:18px 0 8px;color:var(--text)}.welcome-card{max-width:620px}.welcome-card h2{font-size:24px;margin:6px 0 8px}
.act-day{margin-bottom:18px}.act-day h3{font-size:13px;color:var(--muted);letter-spacing:.4px;margin:0 0 6px}.act-row{display:flex;gap:12px;align-items:flex-start;padding:11px 4px;border-top:1px solid var(--line)}
.act-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-weight:800;font-size:14px}.act-icon.paid{background:var(--ok-bg);color:var(--ok)}.act-icon.add{background:var(--tint);color:var(--accent-text)}.act-icon.edit{background:var(--soft);color:var(--muted)}.act-icon.del{background:var(--bad-bg);color:var(--bad)}.act-icon.team{background:var(--info-bg);color:var(--info)}
.act-copy{flex:1;min-width:0;font-size:14px;color:var(--ink);line-height:1.5}.act-copy small{display:block;font-size:12px;color:var(--muted)}.act-what{color:var(--text)}.act-more{margin-top:6px}.history-feed{max-height:52vh;overflow:auto}.history-feed .act-row:first-child{border-top:0}.linkbtn.danger-link{color:var(--bad)}.invite-text{width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;font-size:13px;color:var(--ink);resize:vertical}
@media(max-width:690px){.side-company{margin:0 0 10px}.team-card{padding:16px}.team-row{flex-wrap:wrap}.team-actions{width:100%;justify-content:flex-start;padding-left:48px}}
/* Brilliant Property Bills logo in the sidebar (2026-10-31) */
.sidebar .brand{margin:0 0 26px 2px}.brand img.brand-logo{width:196px;height:auto;object-fit:contain}.side-company{margin:-12px 0 26px 10px}
@media(max-width:690px){.sidebar .brand{margin:0 0 10px}.brand img.brand-logo{width:150px}.side-company{margin:-4px 0 10px}}
/* Team chat (2026-10-31) */
.chat-badge{margin-left:8px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:var(--side-co);color:var(--side);font-size:10.5px;font-weight:800;padding:0 6px;display:inline-block;text-align:center}
/* Chat opens as a side panel (Mia, 2026-10-31) so people keep working while they chat. Wide screens make room for it; narrower ones slide it over the page; phones show it full screen. */
.chat-panel{position:fixed;top:0;right:0;bottom:0;width:380px;z-index:5;background:var(--card);border-left:1px solid var(--line);box-shadow:-10px 0 34px #102c421a;display:flex}
@media(min-width:1100px){body.chat-open main{margin-right:380px;padding-left:32px;padding-right:32px}}body.chat-open .toast{right:405px}
.chat-card{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--card);overflow:hidden}
.cp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 0 18px;height:58px;flex:none;background:var(--side);color:var(--on-dark)}.cp-head strong{font-family:'DM Sans';font-size:16px;letter-spacing:.2px}
.cp-close{border:0;background:var(--side-raise);color:var(--side-strong);border-radius:9px;width:32px;height:32px;font-size:22px;line-height:1;cursor:pointer}.cp-close:hover{background:var(--side-raise2);color:var(--on-dark)}
.chat-card .conv{display:none}.chat-card.show-conv .conv{display:flex;flex:1}.chat-card.show-conv .c-list{display:none}
.c-list{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.c-list-head{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line)}
.c-list-head input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;background:var(--soft);color:var(--ink)}
.c-new{border:0;background:var(--accent);color:var(--on-accent);border-radius:10px;padding:0 12px;font-weight:700;font-size:13px;cursor:pointer}
.c-scroll{flex:1;overflow-y:auto}
.c-item{display:flex;gap:11px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.c-item:hover{background:var(--soft)}.c-item.on{background:var(--tint)}
.c-sub{font-size:10.5px;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:14px 14px 6px}
.c-empty,.c-pick{color:var(--muted);font-size:13.5px;padding:18px;text-align:center}.c-pick{margin:auto}
.c-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--accent-text);background:var(--tint)}.c-av.grp{background:var(--side);color:var(--side-co);font-size:16px}.c-av.sm{width:30px;height:30px;font-size:12px}
.c-mid{flex:1;min-width:0}.c-top{display:flex;justify-content:space-between;gap:8px}
.c-name{font-weight:700;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-time{font-size:11.5px;color:var(--muted);white-space:nowrap}
.c-last{display:flex;justify-content:space-between;gap:8px;margin-top:3px;font-size:12.5px;color:var(--muted)}.c-last span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unread{flex:none;min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 6px}
.conv{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--page)}
.c-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line);min-height:64px;box-sizing:border-box}.c-head-text{flex:1;min-width:0}.c-head-text strong{display:block;font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-head-text small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-back{display:block;border:0;background:none;font-size:28px;line-height:1;color:var(--accent-text);padding:0 6px 4px 0;cursor:pointer}
.msgs{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.c-day{align-self:center;font-size:11px;color:var(--muted);background:var(--soft);border-radius:20px;padding:4px 12px;margin:6px 0;font-weight:800;letter-spacing:.04em}
.m{max-width:82%;padding:8px 11px 6px;border-radius:14px;font-size:13.5px;line-height:1.45;color:var(--ink);position:relative;box-shadow:0 1px 1px #102c420d;word-wrap:break-word}
.m .body{white-space:pre-wrap}.m.in{align-self:flex-start;background:var(--card);border-top-left-radius:4px}.m.out{align-self:flex-end;background:var(--tint);border-top-right-radius:4px;cursor:pointer}
.m .who{font-size:12px;font-weight:800;color:var(--accent-text);margin-bottom:2px}.m .meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10.5px;color:var(--muted);margin-top:2px}
.m.del{font-style:italic;color:var(--muted);background:var(--card);cursor:default}
.ck{font-size:12px;letter-spacing:-3px;color:var(--muted);font-weight:800;padding-right:3px}.ck.read{color:var(--accent-text)}
.readby{position:absolute;right:0;top:calc(100% + 6px);z-index:5;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #102c4226;padding:10px 12px;font-size:12px;color:var(--ink);width:210px;font-style:normal;cursor:default}
.readby b{display:block;font-size:10.5px;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.readby div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.readby div span:last-child{color:var(--muted)}.readby .linkbtn{margin-top:8px;padding:0}
.compose{display:flex;gap:10px;align-items:flex-end;padding:12px 16px;background:var(--card);border-top:1px solid var(--line)}
.compose textarea{flex:1;resize:none;border:1px solid var(--line-strong);border-radius:22px;padding:11px 16px;font:inherit;font-size:13.5px;line-height:1.4;max-height:120px;color:var(--ink)}
.send{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:var(--on-accent);font-size:17px;cursor:pointer}
.pick-label{font-size:12.5px;font-weight:700;color:var(--text);margin:6px 0 4px}.pick-list{max-height:260px;overflow:auto}
.pick{display:flex!important;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--line);font-size:14px;color:var(--ink);margin:0!important;font-weight:500}.pick input{width:18px;height:18px;margin:0;accent-color:var(--accent-text)}
@media(max-width:690px){.chat-panel{width:auto;left:0;border-left:0}body.chat-open .toast{right:15px;bottom:90px}.msgs{padding:12px}.c-head .linkbtn{font-size:12px}}
/* slide: closed = parked just off the right edge (hidden after the slide), open = in place */
.chat-panel{transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s}.chat-panel.open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.22,.8,.3,1),visibility 0s}
@media(min-width:1100px){main{transition:margin-right .32s cubic-bezier(.22,.8,.3,1),padding .32s cubic-bezier(.22,.8,.3,1)}}
@media(prefers-reduced-motion:reduce){.chat-panel,.chat-panel.open,main{transition:none}}

/* Cleaner menu (Mia, 2026-10-31): one icon style, two groups, account + Chat in the top-right corner. Same colors. */
.side-nav{display:flex;flex-direction:column;gap:4px}.sidebar .nav{display:flex;align-items:center;gap:13px;padding:11px 14px;margin:0;font-size:15px}.sidebar .nav svg,.corner-btn svg,.me-item svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-rule{height:1px;background:var(--side-line);margin:12px 12px}.side-bottom{gap:0;padding:0}.sidebar .nav-small{font-size:13.5px;color:var(--side-text)}.sidebar .nav-small svg{width:17px;height:17px}
.top-corner{display:flex;align-items:center;gap:12px;align-self:flex-start;flex:none}.corner-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:12px;padding:9px 14px;font-weight:700;font-size:14px;box-shadow:0 2px 8px #123b4b0d}.corner-btn:hover{border-color:var(--accent-line)}.corner-btn.active{background:var(--side);border-color:var(--side);color:var(--on-dark)}.corner-btn .chat-badge{margin-left:2px}.me{position:relative}.me-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--side);color:var(--side-co);font-weight:800;font-size:14px;letter-spacing:.5px}.me-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:8;min-width:240px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #123b4b33}.me-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.me-head strong{display:block;color:var(--ink);font-size:14.5px}.me-head small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.me-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px 12px;border-radius:9px;color:var(--ink);font-weight:600;font-size:14px;text-align:left;cursor:pointer}.me-item:hover{background:var(--tint)}
@media(max-width:690px){.side-nav{display:block}.sidebar .nav{display:inline-flex;gap:7px;padding:9px 10px;margin:0 3px 5px 0;font-size:13px}.sidebar .nav svg{width:16px;height:16px}.side-rule{display:none}.top-corner{position:absolute;top:16px;right:14px;gap:8px}.corner-btn{padding:8px 11px}.me-btn{width:38px;height:38px;background:var(--side-raise)}}

/* New-property bills checklist (Mia, 2026-10-31) */
.ck-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:0 0 27px}.ck-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:8px}.ck-head h2{margin:4px 0 4px}.ck-progress{min-width:210px;font-size:13px;color:var(--muted)}.ck-progress strong{color:var(--ink);font-size:15px}.ck-bar{height:8px;border-radius:8px;background:var(--track);margin-top:7px;overflow:hidden}.ck-bar span{display:block;height:100%;background:var(--accent);border-radius:8px;transition:width .3s}
.ck-group{margin-top:16px}.ck-group-title{font-size:10.5px;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:0 0 6px}.ck-row{display:flex;align-items:center;gap:13px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:7px}.ck-mark{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--on-accent)}.ck-row.done .ck-mark{background:var(--accent);border-color:var(--accent)}.ck-text{flex:1;min-width:0}.ck-text strong{display:block;font-size:14px;color:var(--ink)}.ck-text small{display:block;font-size:12px;color:var(--muted);margin-top:1px}.ck-row.done .ck-text strong{color:var(--text)}.ck-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ck-actions .primary,.ck-actions .secondary{padding:7px 12px;font-size:12.5px;border-radius:9px}.ck-tag{font-size:12px;font-weight:800;padding:5px 10px;border-radius:100px;background:var(--soft);color:var(--text);white-space:nowrap}.ck-tag.ok{background:var(--ok-bg);color:var(--accent-text)}
.ck-pill{display:inline-block;margin:8px 0 2px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:100px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.ck-complete{display:flex;align-items:center;gap:13px;background:var(--tint);border:1px solid var(--tint-line);border-radius:14px;padding:13px 16px;margin:0 0 27px}.ck-complete>span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800}.ck-complete div{flex:1}.ck-complete strong{display:block;color:var(--ink)}.ck-complete small{color:var(--muted)}
@media(max-width:690px){.ck-card{padding:16px}.ck-row{flex-wrap:wrap}.ck-actions{width:100%;justify-content:flex-start;padding-left:37px}}

/* Owner transactions (Mia, 2026-10-31) */
.ot-owner{font-size:13px;color:var(--muted);margin-top:4px}.ot-owner b{color:var(--ink)}.ot-owner .linkbtn{padding:0;font-size:13px}
.ot-row{display:grid;grid-template-columns:100px 118px 118px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 20px;border-top:1px solid var(--line)}.property-section-head+.ot-row{border-top:0}
.ot-date{font-size:13.5px;color:var(--text);font-weight:700}
.ot-dir{font-size:12px;font-weight:800;padding:5px 10px;border-radius:100px;white-space:nowrap;text-align:center}.ot-dir.in{background:var(--ok-bg);color:var(--accent-text)}.ot-dir.out{background:var(--bad-bg);color:var(--bad)}
.ot-amt{font-family:'DM Sans';font-weight:800;font-size:16px;color:var(--ink);text-align:right}
.ot-desc{min-width:0}.ot-desc .ot-status{white-space:normal;line-height:1.35}.ot-desc strong{display:block;font-size:13px;color:var(--ink);font-family:ui-monospace,Menlo,monospace;letter-spacing:.2px;overflow-wrap:anywhere}.ot-desc small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.ot-act{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.ot-act .primary,.ot-act .secondary{padding:8px 13px;font-size:13px;border-radius:9px}.ot-act .linkbtn{padding:4px 0;font-size:13px}
.ot-status{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:100px;white-space:nowrap}.ot-status.need{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.ot-status.wait{background:var(--soft);color:var(--text)}.ot-status.ans{background:var(--ok-bg);color:var(--accent-text)}.ot-status.done{background:var(--tint);color:var(--ok)}
.ot-answer,.ot-note{grid-column:2/-1}.ot-answer{background:var(--tint);border:1px solid var(--tint-line);border-radius:12px;padding:11px 14px;font-size:13.5px;color:var(--ink)}.ot-answer b{color:var(--accent-text)}.ot-answer small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.ot-note{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){.ot-row{grid-template-columns:1fr auto;gap:8px 12px;padding:14px 16px}.ot-dir{grid-column:1;justify-self:start}.ot-amt{grid-column:2;grid-row:1}.ot-desc,.ot-act,.ot-answer,.ot-note{grid-column:1/-1}.ot-act{justify-content:flex-start}.ot-desc .ot-status{white-space:normal}}

/* Team page: online now / last active / last login (Mia, 2026-10-31) */
.team-who .seen{display:block;font-size:12px;color:var(--muted);margin-top:3px}.team-who .seen.on{color:var(--ok);font-weight:700}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--online);margin-right:6px;box-shadow:0 0 0 3px #2fbf7126;vertical-align:1px}

/* Properties redesign (Mia, 2026-10-31): compact organized list with the little houses + building page */
.pl-tools{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.pl-tools input,.pl-tools select{border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;background:var(--card);color:var(--ink)}.pl-tools input{flex:1;min-width:200px;max-width:360px}.pl-tools .grow{flex:1}
.plist{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 26px #123b4b08}
.prow{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1.5fr) 70px 190px 14px;gap:14px;align-items:center;padding:11px 18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--text);cursor:pointer}.prow.head{border-top:0;background:var(--soft);font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--muted);padding:9px 18px;cursor:default}.prow:not(.head):hover{background:var(--soft)}.prow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pn{display:flex;align-items:center;gap:9px;min-width:0}.pn .h{font-size:17px;flex:none}.pn strong{color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn .ck-pill{margin:0}
.pc,.po,.pb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm{display:flex;align-items:center;gap:8px;min-width:0}.pm .bar{flex:1;min-width:30px;height:6px;border-radius:6px;background:var(--track);overflow:hidden}.pm .bar span{display:block;height:100%;background:var(--accent)}.pm-t{white-space:nowrap}.od{font-size:11px;font-weight:800;color:var(--bad);background:var(--bad-bg);border-radius:100px;padding:2px 7px;white-space:nowrap}.chev{color:var(--faint);font-size:18px}
.bank-chip{display:inline-block;font-size:11px;font-weight:800;color:var(--text);background:var(--soft);border-radius:6px;padding:2px 7px;white-space:nowrap;vertical-align:middle;letter-spacing:.2px;font-family:Inter,system-ui,sans-serif}h1 .bank-chip{font-size:13px;margin-left:10px;position:relative;top:-4px}
.bp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.bp-actions{display:flex;gap:8px}
.bp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.bp-fact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}.bp-fact small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.bp-fact b{display:block;font-size:15px;color:var(--ink);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-fact b.red{color:var(--bad)}
.bp-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.bp-main,.bp-side{min-width:0}
.bp-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 6px 26px #123b4b06}.bp-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.bp-card-h h3{font-size:15px;margin:0;color:var(--ink)}.bp-card-h .toolbar{display:flex;align-items:center;gap:10px}.bp-card-h .linkbtn{font-size:13px}
.bp-card .tablewrap{border:0;border-radius:0;margin:0}.bp-card .select-bar{margin:10px 16px}.bill-prov{font-size:12px;color:var(--muted);margin-top:2px}.linkbtn.acct{font-weight:700;padding:0;font-size:13px}
.bp-kv{padding:10px 16px 12px;font-size:13.5px;color:var(--text)}.bp-kv>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.bp-kv span{color:var(--muted);flex:none}.bp-kv b{color:var(--ink);text-align:right;overflow-wrap:anywhere;font-weight:600}.bp-hist{padding:4px 16px 12px}
.bp,.plist{container-type:inline-size}.bp-card th,.bp-card td{white-space:nowrap}.bp-card td.bill-cell{white-space:normal;min-width:150px}.bp-card td.acct-cell{white-space:normal;max-width:160px;overflow-wrap:anywhere}
@container (max-width:1080px){.bp-cols{grid-template-columns:1fr}}@container (max-width:640px){.bp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-actions{width:100%}.bp-actions .primary,.bp-actions .secondary{flex:1}}
@container (max-width:860px){.prow{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 64px 170px 14px}.prow .po{display:none}}
@container (max-width:600px){.prow.head{display:none}.prow{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px}.prow .pn{grid-column:1}.prow .chev{grid-column:2;grid-row:1}.prow .pc{grid-column:1/-1;font-size:12.5px}.prow .po,.prow .pb{display:none}.prow .pm{grid-column:1/-1}}

.bill-freq{display:block;margin-top:2px;font-size:11.5px;font-weight:700;color:var(--accent-text)}
.repeat-hint{margin:-8px 0 15px;font-size:12.5px;font-weight:600}

/* Account # lists (several meters) wrap inside their column instead of running over the next columns. Nov 1, 2026 */
.linkbtn.acct{white-space:normal;text-align:left}

/* Appearance: Warm / Cold / Dark (Mia, 2026-11-01). Colors from elromco.com; Cold is the default. */
:root,:root[data-theme="cold"]{--page:#f8fafc;--card:#ffffff;--soft:#f1f5f9;--track:#e2e8f0;--ink:#0f172a;--text:#334155;--muted:#5d6b81;--faint:#808da0;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#1976d2;--accent-text:#166bbf;--accent-hover:#1565c0;--on-accent:#ffffff;--accent-line:#90caf9;--tint:#e3f0fc;--tint-line:#bcd9f5;--side:#0a1324;--side-raise:#16213a;--side-raise2:#1e2b45;--side-line:#1e293b;--side-text:#94a3b8;--side-strong:#e2e8f0;--side-co:#5ccbf5;--side-on:#1976d2;--side-on-text:#ffffff;--side-hover:rgba(255,255,255,.06);--on-dark:#ffffff;--ok:#067647;--ok-bg:#ecfdf3;--bad:#b42318;--bad-bg:#fdf2f2;--bad-line:#f5c9c9;--bad-solid:#b42318;--bad-solid-hover:#912018;--warn:#b54708;--warn-bg:#fffaeb;--warn-line:#fedf89;--info:#175cd3;--info-bg:#eff8ff;--flash:#fef3c7;--online:#2fbf71;--backdrop:rgba(15,23,42,.55);--chip-dim:rgba(0,0,0,.16);--seg:#f1f5f9;color-scheme:light}
:root[data-theme="warm"]{--page:#faf7f2;--card:#ffffff;--soft:#f4f0e8;--track:#e8e4dc;--ink:#1a1a1a;--text:#3d3d3d;--muted:#66625b;--faint:#8a857c;--line:#e8e4dc;--line-strong:#d6cfc2;--accent:#1e4a3e;--accent-text:#1e4a3e;--accent-hover:#0f2a23;--on-accent:#ffffff;--accent-line:#a9c6ba;--tint:#e8f0ea;--tint-line:#c8dbcf;--side:#0f2a23;--side-raise:#1a3a31;--side-raise2:#25483e;--side-line:#1f3d34;--side-text:#b9c8c1;--side-strong:#f4f0e8;--side-co:#e0b65a;--side-on:#2e4b42;--side-on-text:#ffffff;--side-hover:rgba(255,255,255,.07);--on-dark:#ffffff;--ok:#2d6a4f;--ok-bg:#e8f0ea;--bad:#8e2b26;--bad-bg:#f4e2df;--bad-line:#e6c3be;--bad-solid:#8e2b26;--bad-solid-hover:#6f211d;--warn:#8a5220;--warn-bg:#f8ebdb;--warn-line:#ecd3b5;--info:#2e4f6e;--info-bg:#e0e8f0;--flash:#fbf3dd;--online:#2fbf71;--backdrop:rgba(15,42,35,.5);--chip-dim:rgba(0,0,0,.16);--seg:#f4f0e8;color-scheme:light}
:root[data-theme="dark"]{--page:#0a1324;--card:#111b2e;--soft:#16223a;--track:#1e2a40;--ink:#f1f5f9;--text:#cbd5e1;--muted:#8fa1b8;--faint:#7a8ca6;--line:#1e2a40;--line-strong:#2a3a55;--accent:#4dabf7;--accent-text:#4dabf7;--accent-hover:#74bcf9;--on-accent:#06121f;--accent-line:#2f6fa8;--tint:#10284a;--tint-line:#1d4166;--side:#060c18;--side-raise:#111b2e;--side-raise2:#1a2740;--side-line:#121c30;--side-text:#8fa1b8;--side-strong:#e2e8f0;--side-co:#5ccbf5;--side-on:#1976d2;--side-on-text:#ffffff;--side-hover:rgba(255,255,255,.05);--on-dark:#ffffff;--ok:#4ade80;--ok-bg:#0f2a1e;--bad:#ff8a80;--bad-bg:#2a1520;--bad-line:#4a2030;--bad-solid:#e5484d;--bad-solid-hover:#f16a6e;--warn:#fbbf24;--warn-bg:#2a2110;--warn-line:#4a3a17;--info:#7cc4fa;--info-bg:#0f2540;--flash:#3a3210;--online:#2fbf71;--backdrop:rgba(0,0,0,.6);--chip-dim:rgba(0,0,0,.16);--seg:#0d1626;color-scheme:dark}
input,select,textarea{color:var(--ink);background-color:var(--card)}:root[data-theme="dark"] .me-btn{box-shadow:0 0 0 1px var(--line-strong)}
.nav:hover{background:var(--side-hover);color:var(--side-strong)}.nav.active,.nav.active:hover{background:var(--side-on);color:var(--side-on-text)}
.eyebrow,.home-kicker,.home-tile>span,.month-nav-title,th,.bp-fact small,.prow.head,.side-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.home-tile>span{font-size:11px}
.me-theme{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.me-theme-label{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.seg-theme{display:flex;gap:2px;background:var(--seg);border:1px solid var(--line);border-radius:999px;padding:3px}.seg-theme button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:12.5px;padding:6px 8px;border-radius:999px}.seg-theme button:hover{color:var(--ink)}.seg-theme button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.seg-theme button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.18)}

/* Full menu in 4 groups (2026-11-01) */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--side-raise2) transparent;padding-top:22px;padding-bottom:16px}.sidebar .brand{margin-bottom:18px}.side-company{margin-bottom:12px}.side-nav{gap:1px}.side-group{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--side-text);opacity:.75;margin:14px 14px 5px}.side-group:first-child{margin-top:4px}.sidebar .nav{padding:7px 12px;font-size:14px;gap:11px;border-radius:9px}.sidebar .nav svg{width:17px;height:17px}.sidebar .nav.is-soon:not(.active):not(:hover){color:var(--side-text)}.nav.active .soon-tag{color:inherit;border-color:currentColor;opacity:.9}.soon-tag{margin-left:auto;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--side-text);border:1px solid var(--side-line);border-radius:999px;padding:1px 6px;opacity:.8}.soon-tag.next{color:var(--side-co);border-color:currentColor;opacity:1}.side-bottom{padding-top:10px}.soon-page{max-width:560px;padding:12px 4px}.soon-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--tint);color:var(--accent-text);margin-bottom:16px}.soon-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.soon-badge{display:inline-block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.soon-badge.next{color:var(--accent-text);background:var(--tint);border-color:var(--tint-line)}.soon-what{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:22px 0 10px}.soon-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.soon-list li{position:relative;padding:12px 14px 12px 38px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-size:14px;line-height:1.45}.soon-list li::before{content:"";position:absolute;left:15px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--accent)}@media(max-width:690px){.sidebar{overflow:visible;padding:14px}.side-nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:0 -14px;padding:0 14px 4px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-group{display:none}.sidebar .nav{flex:none;white-space:nowrap;margin:0;padding:8px 10px;font-size:13px}.soon-tag{display:none}.soon-page{padding:4px 0}}