/* Compact, readable workspace. Avoid browser zoom and keep controls legible. */
:root{--sage:#3b775b;--sage-hover:#255d44;--sage-strong:#246447;--pine:#164c36;--tertiary-text:#59675f;--radius-card:16px;--radius-tile:14px}
body{font-size:15px;line-height:1.55}
h1{font-size:27px;line-height:1.25}h2{font-size:18px}h3{font-size:16px}
.page-heading p,.record-meta,.notice,.helptext,.dashboard-note,.record-row small,.metric small{font-size:13px}
.form-field label,.filters label,dt,.tabs a,.pagination,.breadcrumbs,.nav-link,.button,th,td,dd,.report-bar>div{font-size:14px}
.helptext{color:var(--secondary-text)}.errorlist{font-size:13px}
.button{min-block-size:38px;padding:8px 15px;white-space:normal;text-align:center;flex-shrink:0}
.button.secondary{background:#edf3ef;border-color:#b7cbbb;color:#214d36}
.button.secondary:hover{background:#dcebe0;border-color:#70957d}
.button:hover{background:var(--sage-hover);color:#fff}
.button.secondary:hover{color:#163e29}
input,select,textarea{font-size:15px;min-block-size:40px}input[type=checkbox],input[type=radio]{min-block-size:0}
.actions{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}.actions form{margin:0}
.page-heading{gap:18px;align-items:flex-start}.page-heading>div:first-child{min-width:0;flex:1}
.page-heading>.actions{max-width:65%;justify-content:flex-end}.summary-card .actions{max-inline-size:60%}
.panel-padding,.form-panel,.summary-card{padding:20px}.panel-heading{padding:16px 20px;gap:14px;flex-wrap:wrap}
.filters{gap:14px;align-items:end}.filters>a{padding:10px 8px}.report-filters>.actions{margin-block-start:16px}
.record-row{gap:14px;padding:14px 20px}.record-row strong{font-size:14px}.record-row>span{min-width:0}
.table-scroll td>a+a{margin-inline-start:12px}.form-fields{gap:18px 22px}
.notification-row.unread{background:#f0f4fc;border-inline-start:4px solid #315da5}
.notification-row.unread h2{color:#213f74}.notification-row small{color:#455873}
.badge{font-size:12px;font-weight:650}.badge.waiting,.badge.pending,.badge.submitted{background:#fff0cd;color:#714807;border:1px solid #e3bc66}
.badge.approved,.badge.active{background:#d8ecdf;color:#164c30}
.sidebar{padding-block-start:18px}.sidebar>.brand{gap:8px}.sidebar .brand-mark{inline-size:28px;block-size:28px;border-radius:8px}.sidebar .brand-mark .icon{width:19px;height:19px}
.sidebar .brand-name{font-size:17px;letter-spacing:-.3px}.sidebar>.brand-hint{font-size:11px;line-height:1.4;margin-block:6px 16px}
.sidebar .nav-link{padding-block:8px}.nav-group{margin-block-end:13px}.nav-label{font-size:11px}.security-note{padding:10px}.security-copy small{font-size:11px}
.topbar{min-block-size:70px;padding-block:12px}.content{padding-block-start:8px;max-inline-size:1680px}.overview-hero{padding:22px;gap:28px}.hero-value{font-size:46px}.hero-value small{font-size:14px}
.metric{padding:18px}.metric strong{font-size:27px}.report-charts{gap:18px}.report-bar progress{height:10px;accent-color:var(--sage-strong)}
.desktop-nav-toggle{display:none}
.view-switch{display:flex;gap:8px;align-items:center;padding:0 20px 16px;flex-wrap:wrap}.view-switch a{padding:7px 14px;border:1px solid #b7cbbb;border-radius:8px;font-size:14px}.view-switch [aria-current=page]{background:var(--pine);color:white}
.record-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0 20px 20px}.record-card{min-width:0;border:1px solid #d1dfd5;border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:220px;box-shadow:0 2px 6px #163e2906}.record-card:hover{border-color:#548765;box-shadow:0 4px 12px #163e2910}.record-card h2{margin:0;font-size:18px;overflow-wrap:anywhere}.record-card p{margin:0;color:var(--secondary-text);font-size:14px}.record-card .card-meta{display:flex;gap:16px;flex-wrap:wrap;margin-block:auto 0}.record-card .card-meta strong{display:block;font-size:22px;color:var(--pine)}.record-card .card-meta span{font-size:12px}.record-card .actions{margin-block-start:auto}
.visual-bars{display:grid;gap:16px;margin-block:20px}.visual-bar{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px;align-items:center}.visual-bar-track{height:22px;background:#e8efeb;border-radius:6px;overflow:hidden}.visual-bar-fill{height:100%;background:#246447;min-width:0}.visual-bar:nth-child(even) .visual-bar-fill{background:#38669e}.visual-bar small{display:block;color:#47534c;font-size:13px}
@media(min-width:1025px){.sidebar{inline-size:216px}.main-workspace{margin-inline-start:240px}.desktop-nav-toggle{display:inline-grid}}
@media(min-width:640px){.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .main-workspace{margin-inline-start:0}.desktop-nav-toggle{display:inline-grid}}
@media(max-width:820px){.page-heading>.actions,.summary-card .actions{max-width:100%;max-inline-size:100%}.page-heading{flex-wrap:wrap}.page-heading>div:first-child{flex-basis:100%}}
@media(max-width:639px){.desktop-nav-toggle{display:none}.content{padding-inline:14px}.page-heading>.actions{justify-content:flex-start;width:100%}.panel-padding,.summary-card,.form-panel{padding:16px}h1{font-size:25px}.form-field label,.responsive-table td,.responsive-table td::before{font-size:13px}.record-cards{grid-template-columns:1fr;padding:0 14px 14px}.notification-row .actions{width:100%}.button{max-width:100%}.hero-value{font-size:40px}.metric{min-inline-size:178px}.report-bar>div{font-size:13px}.report-filters>.actions{gap:12px}}

.trend-chart{display:block;width:100%;height:auto;min-height:180px;max-height:290px}.trend-chart text{font-size:13px;fill:#47534c}.report-charts details>summary{font-size:14px;cursor:pointer;color:#214d36}

.badge-green{background:#d9eadf;color:#174c31;border:1px solid #a3c5af}.badge-blue{background:#e0eafa;color:#214c86;border:1px solid #b1c7e7}.badge-purple{background:#eee3f8;color:#58327a;border:1px solid #cbb0e2}

.accounting-nav{background:#fff;border:1px solid #d7e3da;border-radius:12px;padding:12px;gap:8px}.accounting-nav a{display:inline-block;text-decoration:none;background:#edf3ef;color:#214d36;padding:7px 10px;border-radius:7px;font-size:13px}.accounting-nav a:hover{background:#d9eade}.demo-accounting-banner{border:1px solid #d0ad64;background:#fff6df;color:#624819}

/* A visible close control in the sidebar, with a separate reopen control. */
.sidebar{position:fixed;padding-block-start:18px}.sidebar>.brand{flex-direction:column;justify-content:center;gap:7px;padding:0 34px;text-align:center}.sidebar .brand-name{font-size:20px;color:#246447}.sidebar .brand-mark{inline-size:32px;block-size:32px;border-radius:10px;background:#246447;color:white}.sidebar .brand-mark .icon{width:22px;height:22px}.sidebar>.brand-hint{text-align:center;padding:0 20px;margin-block:7px 22px;font-size:12px}.sidebar-close{display:inline-grid;position:absolute;inset-inline-end:9px;inset-block-start:10px;width:30px;height:30px;padding:6px;place-items:center;border:1px solid #c3d3c8;border-radius:8px;background:#fff;color:#214d36;z-index:2}.sidebar-close:hover{background:#e3eee7}.desktop-nav-toggle{border:1px solid #b7cbbb}.content{padding-block-start:18px}.chart{justify-content:center;gap:18px}.chart-item{flex:0 1 125px;min-inline-size:0}.chart-bar{background:#38699a}.chart-item:nth-child(3n+1) .chart-bar{background:#246447}.chart-item:nth-child(3n+2) .chart-bar{background:#b28138}.chart-item:nth-child(3n) .chart-bar{background:#38699a}.chart-caption{font-size:12px;line-height:1.35}.chart-panel{min-width:0}.portfolio-pie{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.pie-svg{width:190px;height:190px;display:block}.pie-legend{display:grid;gap:10px}.pie-legend>div{display:flex;gap:9px;align-items:center;justify-content:space-between}.pie-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:7px}.pie-legend span{font-size:14px}.pie-legend strong{font-size:16px}.ownership-actions{margin-block:14px}.owner-share-row{border:1px solid #d1dfd5;padding:16px;border-radius:12px;margin-block:14px}.owner-share-row legend{padding-inline:6px;font-weight:600}
@media(min-width:640px) and (max-width:1024px){.sidebar>.brand{padding:0}.sidebar .brand-name,.sidebar>.brand-hint{position:absolute;inline-size:1px;block-size:1px;clip:rect(0,0,0,0);overflow:hidden}.sidebar-close{position:static;align-self:center;margin-block:8px 0}.sidebar nav{margin-block-start:16px}}
@media(max-width:639px){.sidebar-close{inset-inline-end:10px;inset-block-start:10px}.portfolio-pie{grid-template-columns:1fr;justify-items:center}.pie-legend{width:100%}.chart{gap:10px}.chart-item{flex-basis:95px}.chart-caption{font-size:11px}.content{padding-block-start:14px}}

.unit-pie-panel{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:24px;align-items:center;margin-block:18px}.unit-pie-panel .pie-legend{max-width:320px}.unit-pie-panel .pie-svg{width:160px;height:160px}.unit-pie-panel .portfolio-pie{grid-template-columns:160px 1fr}.pie-legend small{font-size:12px;font-weight:400}@media(max-width:820px){.unit-pie-panel{grid-template-columns:1fr}.unit-pie-panel .portfolio-pie{grid-template-columns:160px 1fr}}@media(max-width:480px){.unit-pie-panel .portfolio-pie{grid-template-columns:1fr}}

.owner-batch-form .form-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px}.owner-batch-form .owner-share-row{padding:14px 16px}.owner-batch-form .form-field:has(input[type=checkbox]){padding-block-end:8px}@media(max-width:820px){.owner-batch-form .form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.owner-batch-form .form-fields{grid-template-columns:1fr}}

/* Collections first: one focused queue and a compact portfolio footer. */
.overview-heading{margin-block-end:18px;align-items:center}.collection-summary{display:grid;gap:14px;margin-block-end:18px}.rent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rent-metric{background:white;border:1px solid #dae4dd;border-radius:14px;padding:17px 18px;display:flex;flex-direction:column;gap:7px;min-width:0;border-block-start:3px solid #b3c9bd}.rent-metric>span{font-size:14px;font-weight:550}.rent-metric>strong{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.rent-metric>small{font-size:12px;color:#536159}.rent-overdue{border-block-start-color:#b46535;background:#fffaf5}.rent-overdue>strong{color:#8d4328}.rent-collected{border-block-start-color:#246447;background:#f5faf6}.rent-collected>strong{color:#20533b}.rent-queue{margin-block-end:18px}.rent-queue .panel-heading{padding:16px 20px}.rent-queue .panel-heading h2{margin:0}.rent-queue .panel-heading small{font-size:12px;color:#59675f}.rent-due-row{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(120px,.5fr) auto;gap:18px;padding:14px 20px;align-items:center;border-block-start:1px solid #e8eee9;font-size:14px}.rent-tenant{min-width:0}.rent-tenant strong{font-size:14px}.rent-tenant small{display:block;color:#59675f;font-size:12px;overflow-wrap:anywhere;margin-block-start:3px}.rent-due-date{display:grid;gap:3px;justify-items:start}.rent-due-date small{font-size:12px;color:#59675f}.due-state{color:#315e83;font-size:12px;font-weight:650}.due-state.overdue{color:#984227}.rent-due-amount{font-size:16px;text-align:end}.rent-due-row .button{font-size:13px;padding:7px 12px;min-block-size:34px}.collection-clear{padding:14px 18px;background:#edf5ef;border-radius:12px;color:#214d36;margin:0 0 18px}.portfolio-compact{padding:18px 20px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-block:18px}.portfolio-totals{display:flex;gap:24px;flex:1;min-width:0}.portfolio-totals>a{display:flex;flex-direction:column;gap:3px;color:var(--ink);min-width:0}.portfolio-totals strong{font-size:26px;line-height:1.15}.portfolio-totals span{font-size:13px;color:#536159}.occupancy-mini{display:flex;align-items:center;gap:14px}.occupancy-mini .pie-svg{width:96px;height:96px;min-height:0}.occupancy-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px;font-size:12px}.occupancy-legend span{display:flex;align-items:center;gap:4px}.occupancy-legend b{margin-inline-start:auto}.occupancy-legend .pie-key{width:9px;height:9px;margin-inline-end:2px}.portfolio-shortcuts{display:flex;gap:10px 18px;flex-wrap:wrap;width:100%;border-block-start:1px solid #e8eee9;padding-block-start:12px}.portfolio-shortcuts a{display:inline-flex;align-items:center;gap:6px;font-size:13px}.portfolio-shortcuts .icon{width:15px;height:15px}.overview-work{margin-block:18px}
@media(min-width:640px){body:not(.sidebar-collapsed) .desktop-nav-toggle{display:none}}
@media(max-width:1100px){.rent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rent-metric>strong{font-size:24px}.rent-due-row{gap:12px;grid-template-columns:minmax(0,1fr) 95px 120px}.rent-due-row>.button,.rent-due-row>a:last-child{grid-column:1/-1;justify-self:end}.portfolio-totals{gap:20px}}
@media(max-width:639px){body.nav-open [data-nav-toggle]{visibility:hidden}.rent-metrics{gap:10px}.rent-metric{padding:14px 12px;gap:6px}.rent-metric>span{font-size:13px}.rent-metric>strong{font-size:20px}.rent-metric>small{font-size:11px}.rent-due-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px 16px}.rent-due-date{grid-column:1;grid-row:2;display:flex;gap:10px;align-items:center}.rent-due-amount{grid-column:2;grid-row:1;max-width:145px;font-size:15px}.rent-due-row>.button,.rent-due-row>a:last-child{grid-column:2;grid-row:2;font-size:12px}.portfolio-compact{padding:16px;gap:16px}.portfolio-totals{flex-basis:100%;justify-content:space-between;gap:12px}.portfolio-totals strong{font-size:24px}.occupancy-mini{gap:18px}.portfolio-shortcuts{gap:12px 18px}}

.portfolio-compact{background:transparent;border:0;box-shadow:none;padding:8px 4px}.portfolio-totals{flex:0 1 auto}.occupancy-mini{margin-inline-start:20px}.portfolio-shortcuts{border-color:#dce5df}@media(max-width:639px){.portfolio-totals{flex-basis:100%}.occupancy-mini{margin-inline-start:0}}

/* Consistent register alignment and compact financial summaries. */
.table-scroll th { text-align: start; vertical-align: bottom; }
.table-scroll td { vertical-align: middle; }
.table-scroll td.numeric { text-align: start; }
.details dd > small, .table-scroll td > small { display: block; margin-block-start: 6px; line-height: 1.5; }
.money-amount { vertical-align: baseline; gap: .16em; }
.amount-summary { display: flex; flex-wrap: wrap; gap: 18px 40px; margin-block-end: 14px; }
.amount-summary > div { display: grid; gap: 6px; min-width: 140px; }
.amount-summary > div > span { font-size: .88rem; color: var(--muted, #52635b); }
.amount-summary strong { font-size: 1.18rem; font-variant-numeric: tabular-nums; }
.notification-list .notification-row { padding: 16px 20px; gap: 16px; border-radius: 0; align-items: start; }
.notification-list .notification-row h2 { font-size: 1rem; line-height: 1.4; margin: 3px 0; }
.notification-list .notification-row p { margin: 4px 0; }
.notification-list .notification-row .eyebrow { font-size: .76rem; letter-spacing: .02em; }
.notification-list .notification-row small { font-size: .78rem; }
.notification-list .notification-row .button { padding: 8px 12px; min-height: 36px; font-size: .82rem; }
.notification-list .notification-row.unread { background: #f2f7f4; border-inline-start: 3px solid #27654e; }
.notification-details { margin-block-start: 6px; font-size: .85rem; }
.notification-details summary { cursor: pointer; color: #245d48; }
.notification-details p { max-width: 75ch; }
@media (max-width: 700px) {
 .notification-list .notification-row { display: grid; padding: 14px; gap: 10px; }
 .notification-list .notification-row .actions { justify-content: start; display: flex; flex-wrap: wrap; }
 .notification-list .notification-row .actions form { flex: 0 1 auto; }
 .amount-summary { gap: 16px 24px; }
}

.accounting-report-hub { margin-block: 22px; }
.accounting-report-hub h2 { font-size: 1.1rem; }
.accounting-report-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.accounting-report-card { position: relative; display: grid; gap: 8px; background: #fff; border: 1px solid #d8e3dc; border-radius: 14px; padding: 18px 38px 18px 18px; text-decoration: none; }
.accounting-report-card strong { color: #245e48; font-size: 1rem; }
.accounting-report-card > span { color: #52635b; font-size: .85rem; line-height: 1.5; }
.accounting-report-card:hover { border-color: #28664e; background: #f5f9f6; }
.accounting-report-card .report-card-arrow { position: absolute; inset-inline-end: 16px; top: 18px; color: #28664e; }
.report-basis { font-size: .88rem; line-height: 1.6; margin: 16px 0; }
.record-card p { overflow-wrap: anywhere; }
@media(max-width:1000px) { .accounting-report-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .accounting-report-cards { grid-template-columns: minmax(0,1fr); } }

.notification-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.notification-list .notification-row .notification-meta { margin-block: 3px; }
.notification-list .notification-row { padding-block: 14px; }
.notification-list .notification-row.unread h2 { color: #244e3f; }

/* Portfolio first, payments second, collection work alongside a real calendar. */
.portfolio-hero.portfolio-compact { background: #fff; border: 1px solid #dfe6e1; border-radius: 20px; padding: 24px 30px 18px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 18px 36px; margin-block: 0 20px; }
.portfolio-hero-copy h2 { font-size: 21px; margin: 5px 0 22px; }
.portfolio-hero .portfolio-totals { gap: 32px; }
.portfolio-hero .portfolio-totals strong { font-size: 36px; }
.portfolio-hero .portfolio-totals > a { gap: 7px; }
.portfolio-hero .occupancy-mini { margin: 0; gap: 26px; justify-content: space-between; min-width: 0; }
.portfolio-hero .occupancy-mini .pie-svg { width: 218px; height: 218px; max-width: 100%; display: block; }
.occupancy-chart-link { flex: 0 1 218px; }
.portfolio-hero .occupancy-legend { flex: 1; grid-template-columns: 1fr; gap: 12px; font-size: 14px; }
.occupancy-legend a { display: flex; gap: 8px; align-items: center; color: #344e41; }
.occupancy-legend .pie-key { flex-shrink: 0; }
.portfolio-hero .portfolio-shortcuts { grid-column: 1/-1; padding-block-start: 16px; gap: 18px 28px; }
.overview-columns { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,1fr); gap: 20px; align-items: start; margin-block-end: 20px; }
.overview-columns .rent-queue { margin: 0; min-width: 0; }
.overview-columns .rent-queue .panel-heading { padding: 18px; gap: 10px; align-items: start; flex-wrap: wrap; }
.overview-columns .rent-due-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px 16px; padding: 14px 18px; }
.overview-columns .rent-due-date { grid-column: 1; grid-row: 2; display: flex; gap: 8px; }
.overview-columns .rent-due-amount { grid-column: 2; grid-row: 1; }
.overview-columns .rent-due-row > .button, .overview-columns .rent-due-row > a:last-child { grid-column: 2; grid-row: 2; justify-self: end; font-size: 12px; }
.overview-date-picker { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.overview-date-picker label { display: flex; align-items: center; gap: 8px; }
.overview-date-picker input { width: 153px; min-height: 38px; padding: 7px 10px; }
.overview-date-picker .button { min-height: 38px; padding: 8px 12px; }
.overview-calendar { min-width: 0; overflow: hidden; }
.overview-calendar .panel-heading { padding: 18px 20px 10px; }
.overview-calendar h2 { font-size: 18px; }
.calendar-month { display: flex; justify-content: space-between; align-items: center; padding: 8px 18px; }
.calendar-month > a { border: 1px solid #d3e0d7; border-radius: 8px; padding: 6px 12px; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; padding: 6px 18px 18px; }
.calendar-weekday { font-size: 11px; text-align: center; color: #617168; padding-block: 5px; }
.calendar-day { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; min-height: 37px; border-radius: 8px; color: #283f32; font-size: 13px; border: 1px solid transparent; }
.calendar-day:hover { background: #edf4ef; border-color: #afcabb; }
.calendar-day.outside-month { color: #8a968f; }
.calendar-day.is-today { border-color: #45785b; font-weight: 700; }
.calendar-day[aria-current=date] { background: #246447; color: white; }
.calendar-day i { position: absolute; bottom: 3px; width: 4px; height: 4px; background: currentColor; border-radius: 50%; }
.calendar-agenda { border-block-start: 1px solid #e2e9e4; padding: 14px 18px; }
.calendar-agenda h3 { font-size: 14px; margin: 0 0 10px; display: flex; gap: 10px; justify-content: space-between; }
.calendar-agenda h3 small { font-weight: 400; color: #617168; }
.overview-event { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 9px; color: #285b43; border-block-end: 1px solid #edf1ee; }
.overview-event strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.overview-event small { display: block; color: #627168; font-size: 11px; margin-block-start: 3px; }
.overview-event time { font-size: 12px; white-space: nowrap; }
.calendar-empty { color: #68756e; font-size: 13px; margin: 0; }
.clickable-card { cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.clickable-card:hover { border-color: #83a28e; box-shadow: 0 3px 10px #254d3510; }
.clickable-card:focus-visible { outline: 3px solid #39735a; outline-offset: 3px; }
.accounting-dropdowns.accounting-nav { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; overflow: visible; padding: 12px; position: relative; z-index: 5; }
.accounting-menu { position: relative; }
.accounting-menu > summary { cursor: pointer; padding: 9px 14px; border: 1px solid #bed0c4; border-radius: 9px; font-size: 13px; color: #275b43; background: #f3f7f4; }
.accounting-menu-links { position: absolute; z-index: 20; top: calc(100% + 7px); inset-inline-start: 0; display: grid; gap: 2px; padding: 8px; width: 255px; max-width: calc(100vw - 48px); background: #fff; border: 1px solid #c8d9ce; border-radius: 12px; box-shadow: 0 10px 30px #1a3a2520; }
.accounting-nav .accounting-menu-links a { padding: 10px 12px; background: white; border-radius: 7px; font-size: 13px; }
.accounting-menu-links a:hover { background: #edf5ef; }
.metrics .metric small { display: block; margin-block-start: 8px; color: #576c5f; }
@media(max-width:1150px) {
 .portfolio-hero.portfolio-compact { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; padding-inline: 22px; }
 .portfolio-hero .portfolio-totals { gap: 20px; }
 .portfolio-hero .occupancy-mini { gap: 15px; }
 .portfolio-hero .occupancy-mini .pie-svg { width: 180px; height: 180px; }
 .overview-columns { grid-template-columns: minmax(0,1fr) minmax(315px,.9fr); }
}
@media(max-width:900px) {
 .overview-columns { grid-template-columns: minmax(0,1fr); }
 .portfolio-hero.portfolio-compact { grid-template-columns: minmax(0,1fr); }
 .portfolio-hero .occupancy-mini { justify-content: space-around; }
 .portfolio-hero .occupancy-legend { max-width: 220px; }
}
@media(max-width:639px) {
 .portfolio-hero.portfolio-compact { padding: 18px; gap: 18px; }
 .portfolio-hero .portfolio-totals { gap: 16px; justify-content: space-between; }
 .portfolio-hero .portfolio-totals strong { font-size: 29px; }
 .portfolio-hero .portfolio-totals span { font-size: 12px; }
 .portfolio-hero-copy h2 { font-size: 18px; margin-block-end: 18px; }
 .portfolio-hero .occupancy-mini .pie-svg { width: 160px; height: 160px; }
 .portfolio-hero .occupancy-mini { gap: 15px; }
 .portfolio-hero .occupancy-legend { font-size: 12px; gap: 9px; }
 .portfolio-hero .portfolio-shortcuts { gap: 12px 18px; }
 .overview-date-picker { width: 100%; }
 .accounting-menu-links { position: static; margin-block-start: 6px; width: 100%; box-shadow: none; }
 .accounting-dropdowns > details { flex: 1 1 44%; }
 .accounting-dropdowns > details[open] { flex-basis: 100%; }
}

.accounting-home-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }
.accounting-home-metrics .metric { min-inline-size: 0; padding: 16px; }
.accounting-home-metrics .metric strong { font-size: 24px; }
@media(min-width:901px) and (max-width:1300px) {
 .accounting-home-metrics { grid-template-columns: repeat(6,minmax(0,1fr)); }
 .accounting-home-metrics .metric { grid-column: span 2; }
 .accounting-home-metrics .metric:nth-child(n+4) { grid-column: span 3; }
}
@media(max-width:900px) {
 .accounting-home-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .accounting-home-metrics .metric:last-child { grid-column: 1/-1; }
}
@media(max-width:480px) {
 .accounting-home-metrics { grid-template-columns: minmax(0,1fr); }
 .accounting-home-metrics .metric:last-child { grid-column: auto; }
}

.accounting-home-metrics .metric { display: flex; flex-direction: column; gap: 10px; }
.accounting-home-metrics .metric > span { min-height: 40px; }
.accounting-home-metrics .metric > small { margin-block-start: auto; padding-block-start: 6px; }

.sidebar > nav { scrollbar-width: none; -ms-overflow-style: none; }
.sidebar > nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
.overview-topbar { gap: 22px; padding-block: 12px; }
.overview-top-title { min-width: 130px; }
.overview-top-title small { display: block; color: #5b6b60; font-size: 11px; margin-block-end: 3px; }
.overview-top-title h1 { margin: 0; font-size: 28px; line-height: 1.15; }
.overview-topbar .global-search { flex: 1 1 360px; max-width: 500px; }
.calendar-picker { padding: 6px 18px 10px; }
@media(max-width:800px) {
 .overview-topbar { flex-wrap: wrap; gap: 10px; }
 .overview-topbar .global-search { order: 4; flex-basis: 100%; max-width: none; }
 .overview-topbar .topbar-end { margin-inline-start: auto; }
 .overview-top-title h1 { font-size: 25px; }
}

.schedule-amounts { display:flex;flex-wrap:wrap;gap:14px 32px;margin-block-start:12px; }
.schedule-amounts > span { display:grid;gap:6px; }
.schedule-amounts small { color:#607167;font-size:12px; }
.schedule-amounts strong { font-size:17px;line-height:1.5; }
.report-charts { align-items:start; }
.month-chart { display:flex;gap:10px;align-items:stretch;height:230px;padding:12px 0 0; }
.month-pair { display:flex;flex-direction:column;flex:1;min-width:0;text-decoration:none; }
.month-columns { height:190px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-block-end:1px solid #d5e0d9;background:repeating-linear-gradient(to top,transparent 0,transparent 46px,#edf2ee 47px,transparent 48px); }
.month-columns > span { width:38%;max-width:26px;border-radius:5px 5px 0 0; }
.month-income,.income-key { background:#27694e; }
.month-expense,.expense-key { background:#3c6f9e; }
.month-label { font-size:10px;text-align:center;color:#52675b;margin-block-start:9px; }
.chart-legend { display:flex;gap:20px;justify-content:center;font-size:12px;color:#52675b;margin-block-start:12px; }
.chart-legend span { display:flex;align-items:center;gap:6px; }
.chart-legend i { width:10px;height:10px;border-radius:3px; }
.workflow-cards { padding-inline:0; }
#billing-lines fieldset { margin-block-end:18px;border:1px solid #dce5df;border-radius:10px;padding:16px; }
@media(max-width:639px) { .month-chart {gap:5px;height:210px}.month-columns {height:175px}.month-label {font-size:9px}.schedule-amounts {gap:12px 24px} }

.badge[data-status="active"] { background:#d9ecdf;color:#175536;border:1px solid #17553635; }
.badge[data-status="inactive"] { background:#e5e8ed;color:#465367;border:1px solid #46536735; }
.badge[data-status="available"] { background:#d8efea;color:#125b50;border:1px solid #125b5035; }
.badge[data-status="occupied"] { background:#dce8fb;color:#244f87;border:1px solid #244f8735; }
.badge[data-status="reserved"] { background:#ece2fa;color:#633d8f;border:1px solid #633d8f35; }
.badge[data-status="maintenance"] { background:#fff0cd;color:#805800;border:1px solid #80580035; }
.badge[data-status="unavailable"] { background:#fce3de;color:#923929;border:1px solid #92392935; }
.badge[data-status="archived"] { background:#ecebed;color:#625c69;border:1px solid #625c6935; }
.badge[data-status="draft"] { background:#e7ecf4;color:#3f526e;border:1px solid #3f526e35; }
.badge[data-status="pending_approval"] { background:#f4e5f7;color:#743c80;border:1px solid #743c8035; }
.badge[data-status="approved"] { background:#dcefea;color:#1b5e4d;border:1px solid #1b5e4d35; }
.badge[data-status="rejected"] { background:#f8dde6;color:#8b3050;border:1px solid #8b305035; }
.badge[data-status="submitted"] { background:#fff2d9;color:#755110;border:1px solid #75511035; }
.badge[data-status="issued"] { background:#d6eee3;color:#1d5e43;border:1px solid #1d5e4335; }
.badge[data-status="executed"] { background:#e3e6ff;color:#414d8a;border:1px solid #414d8a35; }
.badge[data-status="completed"] { background:#cfebd6;color:#285d36;border:1px solid #285d3635; }
.badge[data-status="withdrawn"] { background:#ede1d8;color:#735038;border:1px solid #73503835; }
.badge[data-status="expired"] { background:#ffe5ce;color:#904e18;border:1px solid #904e1835; }
.badge[data-status="terminated"] { background:#f4dce1;color:#85334c;border:1px solid #85334c35; }
.badge[data-status="renewed"] { background:#d9eff5;color:#286477;border:1px solid #28647735; }
.badge[data-status="received"] { background:#dfecff;color:#315a8e;border:1px solid #315a8e35; }
.badge[data-status="held"] { background:#e6dffc;color:#5e4694;border:1px solid #5e469435; }
.badge[data-status="deposited"] { background:#d6e5fa;color:#274f85;border:1px solid #274f8535; }
.badge[data-status="cleared"] { background:#d0eee6;color:#185c4b;border:1px solid #185c4b35; }
.badge[data-status="bounced"] { background:#f9d7da;color:#8b2933;border:1px solid #8b293335; }
.badge[data-status="due_for_deposit"] { background:#ffe8c6;color:#85521d;border:1px solid #85521d35; }
.badge[data-status="valid"] { background:#d8eee0;color:#1c5b36;border:1px solid #1c5b3635; }
.badge[data-status="unpaid"] { background:#fff1d0;color:#79571a;border:1px solid #79571a35; }
.badge[data-status="partially_paid"] { background:#ffe9dc;color:#8e4f2b;border:1px solid #8e4f2b35; }
.badge[data-status="paid"] { background:#d4eee9;color:#205f53;border:1px solid #205f5335; }
.badge[data-status="reversed"] { background:#f2dce8;color:#853a62;border:1px solid #853a6235; }
.badge[data-status="requested"] { background:#f0e9d7;color:#6d592a;border:1px solid #6d592a35; }
.badge[data-status="queued"] { background:#e2ebf2;color:#3c586c;border:1px solid #3c586c35; }
.badge[data-status="sent"] { background:#d3eee9;color:#1f5b50;border:1px solid #1f5b5035; }
.badge[data-status="scheduled"] { background:#e5edf9;color:#405d86;border:1px solid #405d8635; }
.badge[data-status="attended"] { background:#dceee0;color:#32613e;border:1px solid #32613e35; }
.badge[data-status="no_show"] { background:#ece0e6;color:#765168;border:1px solid #76516835; }
.badge[data-status="open"] { background:#fff0d9;color:#7c5620;border:1px solid #7c562035; }
.badge[data-status="in_progress"] { background:#d9eaff;color:#2b5488;border:1px solid #2b548835; }
.badge[data-status="assigned"] { background:#e6ddfa;color:#62458e;border:1px solid #62458e35; }
.badge[data-status="closed"] { background:#d5e5db;color:#345e43;border:1px solid #345e4335; }
.badge[data-status="cancelled"] { background:#eadfe0;color:#77464c;border:1px solid #77464c35; }
.badge[data-status="paused"] { background:#eee8d8;color:#6d5d32;border:1px solid #6d5d3235; }
.badge[data-status="pending"] { background:#f6e8fa;color:#764285;border:1px solid #76428535; }

.calendar-more summary { cursor:pointer;color:#246447;font-size:13px;font-weight:600;padding-block:10px; }

.workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-block:14px}
.workspace-stat{display:flex;flex-direction:column;gap:4px;min-inline-size:0;padding:14px 16px;background:#fff;border:1px solid #dce5df;border-radius:14px}
.workspace-stat span{font-size:13px;color:#576c5f}.workspace-stat strong{font-size:21px;line-height:1.25;overflow-wrap:anywhere}.workspace-stat strong.workspace-text{font-size:16px}.workspace-stat small{font-size:12px;color:#576c5f}
.collect-form{display:grid;gap:14px}.collect-part{margin-block-end:12px;padding:12px;border:1px solid #dce5df;border-radius:12px}.collect-part legend{padding-inline:6px;font-weight:600}
.collect-remove{flex-direction:row;align-items:center;gap:8px}.collect-total{margin-block-start:12px;font-size:15px}.collect-form input[data-collect-apply]{max-inline-size:150px}
.tabs{flex-wrap:wrap}

/* Density: desktop shows more at once. Phones and tablets keep comfortable tap sizes. */
@media screen and (min-width:1025px){html{zoom:.875}}

/* One spacing rule for every stacked page section. */
.content>section+section,.content>section+.panel,.content>.panel+section,.content>.panel+.panel,.content>div+section,.content>section+div,.content>form+section,.content>section+form,.content>.panel+form,.content>form+.panel,.content>nav+section,.content>p.notice+section,.content>section+p.notice{margin-block-start:16px}
.collect-form>section+section,form>.panel+.panel,form>section+section{margin-block-start:0}
form>.panel+.panel,form>section+section{margin-block-start:14px}.collect-form{gap:14px}.collect-form>section+section{margin-block-start:0}
.register-filters+.panel,.panel+.table-panel,.filters+.panel{margin-block-start:16px}
.overview-columns{gap:16px}.overview-columns+*{margin-block-start:16px}

/* Rent queue rows read as separate cards. */
.rent-queue-rows{display:grid;gap:10px;padding:10px 14px 14px}
.overview-columns .rent-due-row{border:1px solid #e2eae4;border-radius:12px;border-block-end:1px solid #e2eae4}

/* Property and unit summary: even rows, amounts that sit on one clean line. */
.workspace-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-block:16px}
.workspace-stat{justify-content:space-between;min-block-size:96px;padding:14px;gap:6px}
.workspace-stat strong{font-size:20px;line-height:1.2}.workspace-stat strong .money-amount{font-size:inherit}
.workspace-stat small{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;line-height:1.4}
.workspace-stat .money-amount{align-items:center;gap:.15em;line-height:1.2}.workspace-stat .dirham-icon{width:1.2em;height:1.2em;vertical-align:middle}
@media(max-width:1280px){.workspace-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-stat strong{font-size:17px}}

/* Long amounts must never leave their card. */
.metric,.rent-metric{min-inline-size:0;overflow-wrap:anywhere}
@media(max-width:639px){.accounting-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-home-metrics .metric{padding:12px}.accounting-home-metrics .metric strong{font-size:18px}.metric .money-amount{white-space:normal;flex-wrap:wrap}.accounting-home-metrics .metric small{display:block}}

.collapsed-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.collapsed-filters>label{flex:1 1 240px;min-inline-size:0}
.collapsed-filters>.filter-disclosure{flex:0 0 auto}.collapsed-filters>.filter-disclosure[open]{flex:1 1 100%}.collapsed-filters>.filter-disclosure>summary{cursor:pointer;font-weight:600;padding:7px 12px;border:1px solid #cfdcd3;border-radius:999px;inline-size:max-content}
.collapsed-filters .filters{margin-block-start:10px;padding:0}
.card-money{display:grid;gap:3px;margin:0;font-size:13px}.card-money div{display:flex;justify-content:space-between;gap:10px}.card-money dt{color:#576c5f}.card-money dd{margin:0;font-weight:600}.card-money .overdue{color:#a3402a}
.plan-progress{font-size:12px;color:#576c5f}
.month-block{border-block-end:1px solid #e4ebe6}.month-block>summary{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(5,minmax(0,1fr));gap:12px;align-items:center;padding:14px 20px;cursor:pointer}.month-block>summary small{display:block;color:#576c5f;font-size:12px}.month-block[open]>summary{background:#f6f9f7}
@media(max-width:820px){.month-block>summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.section-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.section-form input{max-inline-size:210px}
.stamp-preview{display:flex;gap:12px;margin-block:8px;font-size:13px;color:#246447}

.period-picker{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 18px}
.period-picker label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted,#5f6b64)}
.period-picker input,.period-picker select{min-height:38px}

/* Tabs wrap inside a soft rectangle, so no label sits outside a rounded end. */
.tabs{inline-size:100%;border-radius:14px;padding:8px;gap:4px}.tabs a{border-radius:9px;padding:7px 13px;font-size:13px}
/* The dirham sign and its amount share one straight line everywhere. */
.money-amount,.workspace-stat .money-amount,.rent-metric .money-amount,.metric .money-amount{display:inline-flex;align-items:center;gap:.24em;line-height:1;vertical-align:middle}
.money-amount>span{line-height:1}
.money-amount .dirham-icon,.workspace-stat .dirham-icon,.rent-metric .dirham-icon,.metric .dirham-icon{display:block;flex:none;width:.92em;height:.92em;margin:0;object-fit:contain;vertical-align:middle}
.earnings-metrics{margin-block-start:14px}
/* Label and value sit close together instead of far apart. */
.details>div{grid-template-columns:minmax(80px,130px) minmax(0,1fr);gap:10px;padding-block:11px}
.panel-padding>.details{padding-inline:0;padding-block-end:0}
.details dd,.details dt{font-size:14px;line-height:1.45}
.amount-summary{margin-block-end:8px}
/* Buttons never touch the box above them. */
.form-panel .form-fields+.actions,.form-panel .form-field+.actions,.form-panel .form-fields+.button,.form-panel .form-field+.button,.form-panel form>.button,.form-panel form>.actions{margin-block-start:18px}
.collect-part{position:relative}.collect-part .collect-remove{float:inline-end;min-height:0;padding:5px 12px;font-size:13px}.collect-part .collect-remove[hidden]{display:none}
.collect-vat{display:flex;align-items:center;gap:8px;margin-block-start:10px;font-size:14px}.collect-vat small{color:var(--tertiary-text)}
.collapsed-filters{margin-block-end:12px}
.report-filters .filters{display:block}.report-filters .filters>label{display:inline-flex;flex-direction:column;gap:6px;max-inline-size:200px;margin-block-start:12px}
.back-link{display:inline-block;margin-block-end:10px}
/* Type to find in long dropdowns. */
.combo{position:relative;inline-size:100%}.combo>select{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.combo-input{inline-size:100%}
.combo-list{position:absolute;z-index:60;inset-inline:0;inset-block-start:calc(100% + 4px);max-block-size:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #dce5df;border-radius:10px;box-shadow:0 8px 24px rgba(30,50,40,.14)}
.combo-list li{padding:8px 10px;border-radius:7px;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.combo-list li[aria-selected=true],.combo-list li:hover{background:var(--mint,#e7f1ea)}.combo-list li.combo-none{color:var(--tertiary-text,#6b7a72);cursor:default}
/* Report totals and cells keep words and amounts whole. */
.report-totals .money-amount,.report-totals .money-amount>span{display:inline-flex;flex-direction:row;white-space:nowrap}
.report-table td{overflow-wrap:normal;word-break:normal}.report-table td:has(.money-amount){white-space:nowrap}

.collapsed-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.collapsed-filters>.filter-disclosure{margin-inline-start:auto}.collapsed-filters>.filter-disclosure[open]{order:3}.collapsed-filters>.list-add{order:2}
.page-heading>.list-add{align-self:center}
.notification-menu{inline-size:320px;max-inline-size:calc(100vw - 24px)}.notification-menu .alert-row{display:flex;align-items:flex-start;gap:6px;border-block-end:1px solid var(--table-line,#e6ece8)}
.notification-menu .alert-row>form:first-child{flex:1;min-inline-size:0}.notification-menu .alert-link{display:block;inline-size:100%;background:none;border:0;text-align:start;cursor:pointer;padding:9px 10px;font:inherit}
.notification-menu .alert-link strong{display:block;font-size:13px}.notification-menu .alert-link small{display:block;margin-block-start:2px}
.alert-clear{background:none;border:0;cursor:pointer;padding:9px 8px;color:var(--tertiary-text,#6b7a72)}.alert-clear svg{inline-size:14px;block-size:14px}
.alert-clear-all{background:none;border:0;cursor:pointer;padding:10px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--pine,#246447)}
details[data-popover]>summary.notification-bell{list-style:none}details[data-popover]>summary.notification-bell::-webkit-details-marker{display:none}
.expiry-row{align-items:center}.expiry-when{display:flex;align-items:center;gap:10px;flex:none;font-size:13px}.expiry-when small{color:var(--tertiary-text,#6b7a72)}
.status-actions{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;white-space:nowrap}
.workflow-starts{flex-wrap:wrap;margin-block-start:10px}
/* Filters on the left, Add on the right, side by side. */
.register-filters.has-add>.list-add{position:absolute;z-index:2;inset-block-start:16px;inset-inline-end:20px;margin:0}
.register-filters.has-add .filter-disclosure>summary{inset-inline-end:calc(30px + var(--add-width,130px))}
.register-filters.has-add .filter-toolbar{padding-inline-end:calc(150px + var(--add-width,130px))}
@media(max-width:639px){.register-filters.has-add .filter-toolbar{padding-inline-end:20px;padding-block-start:66px}.register-filters.has-add>.list-add{inset-inline-end:16px;inset-block-start:14px}.register-filters.has-add .filter-disclosure>summary{inset-block-start:16px;inset-inline-end:auto;inset-inline-start:16px}}

/* Filters inside the page heading open as a small box over the page. */
.page-heading .heading-filters{position:relative;display:inline-flex;margin:0;padding:0}
.page-heading .heading-filters>.filter-disclosure{margin:0;flex:none}
.page-heading .heading-filters>.filter-disclosure>summary{padding:9px 16px;border:1px solid #cfdcd3;border-radius:999px;background:#fff;line-height:1.2;white-space:nowrap}
.page-heading .heading-filters>.filter-disclosure[open]>.filters{position:absolute;z-index:50;inset-block-start:calc(100% + 8px);inset-inline-end:0;inline-size:min(680px,calc(100vw - 32px));max-block-size:70vh;overflow-y:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px;background:#fff;border:1px solid #dce5df;border-radius:14px;box-shadow:0 12px 32px rgba(30,50,40,.16)}
.page-heading .heading-filters .filters>label{flex:1 1 180px;min-inline-size:0;display:flex;flex-direction:column;gap:5px;font-size:13px}
.page-heading .heading-filters .filters>.form-fields{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.page-heading .heading-filters .filters>.actions{flex:1 1 100%;margin:0}
.period-picker{margin:0}
/* A form sitting directly in a panel keeps the panel's padding. */
.panel>form.filters,.panel>form.collapsed-filters{padding:16px 20px}
.start-menu{position:relative}.start-menu>summary{list-style:none;cursor:pointer}.start-menu>summary::-webkit-details-marker{display:none}.start-menu>.dropdown-menu{position:absolute;z-index:50;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:220px}
.workflow-views{display:flex;flex-wrap:wrap;gap:8px;margin-block:4px 16px}
.fee-actions{margin-block-start:14px}
.auth-footer+.auth-footer{margin-block-start:6px}
/* Sign-in pages: a soft green wash with the city skyline along the bottom. */
main.auth-main{min-height:100vh;background-color:#eef4f0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20320%22%20preserveAspectRatio%3D%22xMidYMax%20slice%22%3E%3Cg%20fill%3D%22%231f5c43%22%3E%3Cg%20opacity%3D%22.07%22%3E%3Crect%20x%3D%2240%22%20y%3D%22170%22%20width%3D%2290%22%20height%3D%22150%22/%3E%3Crect%20x%3D%22150%22%20y%3D%22120%22%20width%3D%2270%22%20height%3D%22200%22/%3E%3Crect%20x%3D%22240%22%20y%3D%22190%22%20width%3D%22120%22%20height%3D%22130%22/%3E%3Crect%20x%3D%22390%22%20y%3D%2290%22%20width%3D%2280%22%20height%3D%22230%22/%3E%3Crect%20x%3D%22490%22%20y%3D%22160%22%20width%3D%22100%22%20height%3D%22160%22/%3E%3Crect%20x%3D%22620%22%20y%3D%2260%22%20width%3D%2266%22%20height%3D%22260%22/%3E%3Cpath%20d%3D%22M653%2010l10%2050h-20z%22/%3E%3Crect%20x%3D%22710%22%20y%3D%22150%22%20width%3D%22110%22%20height%3D%22170%22/%3E%3Crect%20x%3D%22850%22%20y%3D%22110%22%20width%3D%2284%22%20height%3D%22210%22/%3E%3Crect%20x%3D%22960%22%20y%3D%22180%22%20width%3D%22130%22%20height%3D%22140%22/%3E%3Crect%20x%3D%221120%22%20y%3D%2240%22%20width%3D%2272%22%20height%3D%22280%22/%3E%3Cpath%20d%3D%22M1156%200l9%2040h-18z%22/%3E%3Crect%20x%3D%221215%22%20y%3D%22140%22%20width%3D%22100%22%20height%3D%22180%22/%3E%3Crect%20x%3D%221340%22%20y%3D%2295%22%20width%3D%2288%22%20height%3D%22225%22/%3E%3Crect%20x%3D%221450%22%20y%3D%22175%22%20width%3D%22120%22%20height%3D%22145%22/%3E%3C/g%3E%3Cg%20opacity%3D%22.06%22%3E%3Crect%20y%3D%22250%22%20width%3D%221600%22%20height%3D%2270%22/%3E%3Crect%20x%3D%2290%22%20y%3D%22215%22%20width%3D%22150%22%20height%3D%22105%22/%3E%3Crect%20x%3D%22430%22%20y%3D%22205%22%20width%3D%22130%22%20height%3D%22115%22/%3E%3Crect%20x%3D%22760%22%20y%3D%22225%22%20width%3D%22170%22%20height%3D%2295%22/%3E%3Crect%20x%3D%221060%22%20y%3D%22200%22%20width%3D%22140%22%20height%3D%22120%22/%3E%3Crect%20x%3D%221380%22%20y%3D%22220%22%20width%3D%22160%22%20height%3D%22100%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(900px 520px at 12% 8%,#d4e8db 0,transparent 70%),radial-gradient(800px 500px at 90% 14%,#e2efe6 0,transparent 68%),linear-gradient(180deg,#f3f8f5 0,#e6f0ea 100%);background-repeat:no-repeat;background-position:center bottom,0 0,0 0,0 0;background-size:100% 320px,auto,auto,auto}
.auth-card{position:relative;box-shadow:0 18px 50px rgba(31,92,67,.13)}
.auth-card form+.auth-footer{margin-block-start:20px}.auth-card .auth-footer a{font-weight:600}
/* The desktop page is scaled to 87.5%, so the sign-in background must be taller to reach the bottom. */
@media screen and (min-width:1025px){main.auth-main{min-height:calc(100vh / .875)}}