@import "tailwindcss";

:root {
  --forest: #173f36;
  --forest-2: #0f3029;
  --forest-soft: #e8f0eb;
  --cream: #f5f3ed;
  --paper: #fffefa;
  --ink: #20302c;
  --muted: #70807a;
  --line: #e3e8e4;
  --terracotta: #d16443;
  --terracotta-soft: #faebe5;
  --gold: #c99a48;
  --gold-soft: #f7f0df;
  --shadow: 0 14px 40px rgba(34, 55, 48, .08);
}

* { box-sizing: border-box; }
html { background: var(--cream); }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--font-geist), Arial, sans-serif; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.app-shell { min-height: 100vh; }

.sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; width: 272px; display: flex; flex-direction: column; padding: 25px 19px 19px; background: var(--forest-2); color: #fff; overflow-y: auto; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 7px 22px; }
.brand-mark { position: relative; width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.28); border-radius: 16px 16px 16px 5px; background: linear-gradient(145deg,#346c59,#1e4d40); box-shadow: inset 0 1px rgba(255,255,255,.15); }
.brand-mark span { font-size: 12px; letter-spacing: .06em; font-weight: 750; }
.brand-mark i { position: absolute; width: 10px; height: 10px; right: 5px; bottom: 5px; border-radius: 10px 0 10px 0; background: #ddb367; transform: rotate(-7deg); }
.brand strong { display: block; font-size: 15px; letter-spacing: -.02em; }
.brand small { display: block; margin-top: 3px; color: #a9beb6; font-size: 9px; letter-spacing: .075em; text-transform: uppercase; }
.residence-chip { display: flex; align-items: center; gap: 10px; margin: 0 2px 24px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.055); }
.chip-icon { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 10px; color: #e5c07b; background: rgba(229,192,123,.11); }
.residence-chip strong, .residence-chip small { display:block; }
.residence-chip strong { font-size: 12px; }
.residence-chip small { margin-top: 2px; color: #9ab0a8; font-size: 10px; }
.nav-eyebrow { display: block; padding: 0 11px 8px; color: #7f9a90; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.main-nav { display: flex; flex-direction: column; gap: 4px; }
.main-nav button { position: relative; width: 100%; display: flex; align-items: center; gap: 12px; min-height: 43px; padding: 6px 11px; border: 0; border-radius: 12px; color: #b9c9c3; background: transparent; font-size: 12px; cursor: pointer; text-align: left; transition: color .2s, background .2s, transform .2s; }
.main-nav button:hover { color: #fff; background: rgba(255,255,255,.06); transform: translateX(2px); }
.main-nav button.active { color: #fff; background: #234f42; box-shadow: inset 3px 0 #d9ae63; }
.nav-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #91aba1; transition: .2s; }
.main-nav button.active .nav-icon { color: #f2c879; background: rgba(242,200,121,.09); }
.nav-badge { margin-left: auto; min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 99px; color: #fff; background: var(--terracotta); font-size: 9px; }
.avenues-card { position: relative; min-height: 98px; margin: auto 2px 12px; padding: 17px 13px; overflow: hidden; border-radius: 15px; background: linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); }
.avenues-card p { position: relative; z-index: 1; margin: 0; color: #9fb4ac; font-size: 10px; line-height: 1.75; }
.avenues-card strong { color: #fff; font-size: 11px; }
.avenues-art { position: absolute; right: -3px; bottom: -18px; width: 105px; height: 100px; opacity: .17; transform: rotate(9deg); }
.avenues-art i { position: absolute; bottom: 0; left: 45px; width: 4px; height: 92px; border-radius: 9px; background:#e5c07b; transform-origin: bottom; }
.avenues-art i:nth-child(1){ transform: rotate(-37deg); }.avenues-art i:nth-child(2){ transform: rotate(0); }.avenues-art i:nth-child(3){ transform: rotate(35deg); }
.bureau-link { width: 100%; display:flex; align-items:center; justify-content:space-between; padding: 12px 12px; border:0; border-top:1px solid rgba(255,255,255,.09); color:#9fb4ac; background:transparent; font-size:10px; cursor:pointer; }
.bureau-link span { display:flex; align-items:center; gap:8px; }

.main-panel { min-height:100vh; margin-left:272px; }
.topbar { position: sticky; z-index:30; top:0; height:73px; display:flex; justify-content:flex-end; align-items:center; padding:0 42px; border-bottom:1px solid rgba(220,226,221,.8); background:rgba(250,249,245,.9); backdrop-filter: blur(14px); }
.topbar-actions { display:flex; align-items:center; gap:13px; }
.notification-button { position:relative; width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; color:#60726b; background:#fff; cursor:pointer; }
.notification-button i { position:absolute; top:8px; right:9px; width:7px; height:7px; border:2px solid #fff; border-radius:50%; background:var(--terracotta); }
.profile-button { display:flex; align-items:center; gap:10px; padding:4px 2px 4px 4px; border:0; background:transparent; cursor:pointer; }
.avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#2f6453,#153f35); font-size:11px; font-weight:750; }
.profile-copy { text-align:left; }.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:11px}.profile-copy small{margin-top:3px;color:#8a9893;font-size:9px}.profile-chevron{color:#8a9893;font-size:15px;margin-left:3px}
.mobile-menu,.mobile-brand { display:none; }
.notifications-popover { position:absolute; top:62px; right:40px; width:320px; padding:9px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 20px 55px rgba(31,54,46,.16); }
.popover-head { display:flex; justify-content:space-between; padding:10px 10px 12px; border-bottom:1px solid var(--line); }.popover-head strong{font-size:12px}.popover-head span{color:var(--terracotta);font-size:9px;font-weight:700}
.notifications-popover button { width:100%; display:flex; align-items:flex-start; gap:10px; padding:12px 10px; border:0; border-radius:12px; background:transparent; text-align:left; cursor:pointer; }.notifications-popover button:hover{background:#f7f8f6}.notifications-popover .dot{width:7px;height:7px;margin-top:4px;border-radius:50%;}.dot.orange{background:var(--terracotta)}.dot.green{background:#4d8873}.notifications-popover strong,.notifications-popover small{display:block}.notifications-popover strong{font-size:10px}.notifications-popover small{margin-top:4px;color:var(--muted);font-size:9px}

.content-wrap { max-width:1400px; margin:0 auto; padding:35px 42px 100px; }
.welcome-row { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:25px; }
.page-kicker { display:flex; align-items:center; gap:8px; margin-bottom:7px; }.page-kicker span{width:18px;height:1px;background:var(--gold)}.page-kicker p{margin:0;color:#82908b;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.welcome-row h1 { margin:0; color:#1b332d; font-size:30px; line-height:1.12; letter-spacing:-.045em; }.welcome-row>div>p{margin:8px 0 0;color:#788681;font-size:12px}
.primary-action { display:flex; align-items:center; gap:9px; padding:12px 17px; border:0; border-radius:13px; color:#fff; background:var(--terracotta); box-shadow:0 10px 22px rgba(209,100,67,.21); font-size:10px; font-weight:700; cursor:pointer; transition:transform .2s,box-shadow .2s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(209,100,67,.27)}
.urgent-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:14px 16px; border:1px solid #f0d5cb; border-radius:17px; background:linear-gradient(90deg,#fff7f3,#fffaf6); }
.urgent-icon { width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:var(--terracotta);background:var(--terracotta-soft)}
.urgent-banner span{display:block;margin-bottom:3px;color:var(--terracotta);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.urgent-banner strong{display:block;font-size:11px}.urgent-banner p{margin:4px 0 0;color:#806f69;font-size:9px}.urgent-banner button{display:flex;align-items:center;gap:6px;padding:9px 11px;border:0;border-radius:9px;color:var(--terracotta);background:transparent;font-size:9px;font-weight:750;cursor:pointer}
.summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.summary-card { min-width:0; padding:17px 18px 14px; border:1px solid var(--line); border-radius:19px; background:var(--paper); box-shadow:0 7px 25px rgba(45,68,60,.035); }
.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.soft-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:var(--forest);background:var(--forest-soft)}.status{padding:5px 8px;border-radius:99px;font-size:8px;font-weight:750}.status.warning{color:#b05d40;background:var(--terracotta-soft)}.status.neutral{color:#96702c;background:var(--gold-soft)}.status.success{color:#2e705c;background:#e8f3ed}
.summary-card>small{display:block;color:#7a8983;font-size:9px}.summary-card>button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 0 0;border:0;border-top:1px solid #edf0ee;color:#36584f;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.amount-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:5px}.amount-row strong{font-size:25px;letter-spacing:-.05em}.amount-row span{color:#9a7468;font-size:8px}.progress-track{height:4px;margin-top:10px;border-radius:4px;background:#efe9e5;overflow:hidden}.progress-track i{display:block;width:64%;height:100%;background:var(--terracotta)}
.date-lockup{display:flex;align-items:center;gap:10px;margin-top:6px}.date-lockup>strong{font-size:27px;line-height:1;color:#9b742f}.date-lockup span{padding-left:10px;border-left:1px solid #e8e3d6}.date-lockup b,.date-lockup small{display:block}.date-lockup b{font-size:10px}.date-lockup small{margin-top:4px;color:#8b9792;font-size:8px}.doc-stack{height:38px;display:flex;align-items:center;margin-top:6px}.doc-stack>i{width:28px;height:35px;margin-right:-14px;border:2px solid #fff;border-radius:6px;background:#dbe8e1;transform:rotate(-4deg)}.doc-stack>i:nth-child(2){background:#ecd9cf;transform:rotate(2deg)}.doc-stack>i:nth-child(3){margin-right:9px;background:#eaddbd;transform:rotate(5deg)}.doc-stack strong,.doc-stack small{display:block}.doc-stack strong{font-size:9px}.doc-stack small{margin-top:4px;color:#8b9792;font-size:8px}
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(285px,.8fr); gap:16px; margin-top:16px; }.panel{border:1px solid var(--line);border-radius:19px;background:var(--paper)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 13px}.panel-title span{display:block;margin-bottom:3px;color:#9a7a40;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-title h2{margin:0;font-size:13px}.panel-title>button{display:flex;align-items:center;gap:6px;padding:6px;border:0;color:#547068;background:transparent;font-size:8px;font-weight:700;cursor:pointer}.notice-list{padding:0 10px 9px}.notice-list article{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:11px 9px;border-top:1px solid #edf0ee}.notice-thumb{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.notice-thumb.sage{color:#39715e;background:#e4f0ea}.notice-thumb.gold{color:#a27a36;background:#f3ead6}.notice-meta{display:flex;align-items:center;gap:9px}.notice-meta span{color:#3d7160;font-size:7px;font-weight:800;text-transform:uppercase}.notice-meta time{color:#98a39f;font-size:7px}.notice-list h3{margin:4px 0 3px;font-size:10px}.notice-list p{margin:0;color:#778680;font-size:8px;line-height:1.5}.notice-list article>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;color:#75857f;background:#fff;cursor:pointer}
.timeline{padding:2px 17px 14px}.timeline>div{display:grid;grid-template-columns:32px 13px 1fr;gap:9px;min-height:58px}.timeline time{display:flex;flex-direction:column;align-items:center;color:#9c7631;font-size:7px;font-weight:750}.timeline time b{font-size:15px;line-height:1.15}.timeline i{position:relative;width:1px;height:100%;background:#dfe6e2}.timeline i:before{content:"";position:absolute;top:4px;left:-3px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#6f9889;box-shadow:0 0 0 1px #6f9889}.timeline p{margin:0}.timeline strong,.timeline small{display:block}.timeline strong{font-size:9px;line-height:1.35}.timeline small{margin-top:4px;color:#8b9893;font-size:8px}
.quick-actions{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:10px;align-items:stretch;margin-top:16px}.quick-actions>div{padding:12px 4px}.quick-actions>div span{color:#9b7a3d;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.quick-actions h2{margin:4px 0 0;font-size:13px}.quick-actions>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.66);text-align:left;cursor:pointer;transition:transform .2s,background .2s}.quick-actions>button:hover{transform:translateY(-2px);background:#fff}.quick-actions>button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--forest);background:var(--forest-soft)}.quick-actions p{margin:0}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:8px}.quick-actions small{margin-top:3px;color:#8b9893;font-size:7px}.quick-actions>button>svg{color:#8b9893}

.mobile-bottom-nav{display:none}.menu-scrim{display:none}
.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(14,39,32,.58);backdrop-filter:blur(5px)}.modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:27px;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(9,34,27,.34)}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.modal-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:15px;border-radius:14px;color:var(--terracotta);background:var(--terracotta-soft)}.modal-kicker{color:var(--terracotta);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.modal h2{margin:5px 0 7px;font-size:22px;letter-spacing:-.035em}.modal>p{margin:0 0 18px;color:#74817d;font-size:10px;line-height:1.6}.modal form{display:flex;flex-direction:column;gap:12px}.modal label{display:flex;flex-direction:column;gap:6px;color:#3f514b;font-size:9px;font-weight:700}.modal select,.modal input,.modal textarea{width:100%;padding:10px 11px;border:1px solid #dfe5e1;border-radius:10px;outline:none;color:#31463f;background:#fbfcfa;font-size:10px}.modal textarea{min-height:82px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal .consent{flex-direction:row;align-items:center;font-weight:500}.consent input{width:15px;height:15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.modal-actions button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:9px;font-weight:700;cursor:pointer}.modal-actions button[type="submit"]{border-color:var(--forest);color:#fff;background:var(--forest)}
.toast{position:fixed;z-index:100;left:50%;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:13px;color:#fff;background:#173f36;box-shadow:0 15px 45px rgba(16,48,39,.28);font-size:10px;transform:translateX(-50%);animation:toast-in .3s ease}.toast span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#173f36;background:#dcece5}@keyframes toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* Shared interior views */
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h1{margin:0;color:#1b332d;font-size:30px;line-height:1.12;letter-spacing:-.045em}.section-heading>div>p:last-child{max-width:650px;margin:8px 0 0;color:#788681;font-size:11px;line-height:1.55}.inline-action{position:static!important;width:auto!important;height:auto!important;font-size:10px!important}
.filter-row{display:flex;align-items:center;gap:6px;margin-bottom:16px}.filter-row>button,.doc-filters button{padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:#71817b;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.filter-row>button.active,.doc-filters button.active{border-color:var(--forest);color:#fff;background:var(--forest)}.filter-row label{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:#81908a;background:#fff}.filter-row input{width:140px;padding:8px 0;border:0;outline:none;background:transparent;font-size:9px}
.featured-news{display:grid;grid-template-columns:260px 1fr;min-height:190px;margin-bottom:16px;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:var(--paper)}.featured-visual{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#1e4b3e,#376f5c);overflow:hidden}.featured-visual>span{position:absolute;top:17px;left:17px;padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:99px;color:#f5d590;background:rgba(255,255,255,.08);font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-visual>svg{position:relative;z-index:2}.featured-visual i{position:absolute;bottom:-30px;left:50%;width:5px;height:160px;border-radius:9px;background:rgba(241,205,133,.18);transform-origin:bottom}.featured-visual i:nth-of-type(1){transform:rotate(-44deg)}.featured-visual i:nth-of-type(2){transform:rotate(0)}.featured-visual i:nth-of-type(3){transform:rotate(43deg)}.featured-news>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 30px}.news-tag{color:#a37836;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-news h2{max-width:620px;margin:7px 0 8px;font-size:20px;letter-spacing:-.035em}.featured-news p{max-width:680px;margin:0;color:#72817b;font-size:10px;line-height:1.65}.featured-news button,.news-card button{display:flex;align-items:center;gap:7px;margin-top:16px;padding:0;border:0;color:var(--forest);background:transparent;font-size:9px;font-weight:750;cursor:pointer}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.news-card{display:flex;flex-direction:column;min-height:210px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.news-card-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:13px;border-radius:12px}.news-card-icon.green{color:#3d745f;background:#e6f0eb}.news-card-icon.gold{color:#a77c32;background:#f6edd9}.news-card-icon.terracotta{color:var(--terracotta);background:var(--terracotta-soft)}.news-card-meta{display:flex;align-items:center;gap:8px}.news-card-meta span{color:#477966;font-size:7px;font-weight:800;text-transform:uppercase}.news-card-meta time{color:#9aa5a1;font-size:7px}.news-card h3{margin:7px 0 5px;font-size:11px;line-height:1.4}.news-card p{margin:0;color:#76857f;font-size:8px;line-height:1.55}.news-card button{margin-top:auto;padding-top:13px}
.standard-panel{border:1px solid var(--line);border-radius:19px;background:var(--paper)}.standard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px 13px}.standard-panel-head>div>span{display:block;margin-bottom:3px;color:#9a7a40;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.standard-panel-head h2{margin:0;font-size:13px}.standard-panel-head>button,.table-actions>button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:#4e6a61;background:#fff;font-size:8px;font-weight:700;cursor:pointer}
/* Dues */
.dues-hero{display:grid;grid-template-columns:1.7fr .8fr;margin-bottom:16px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.dues-main{padding:25px 28px}.dues-main>p{margin:14px 0 5px;color:#7a8983;font-size:9px}.dues-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dues-amount>strong{font-size:40px;letter-spacing:-.065em}.dues-amount>span{color:#8c9994;font-size:9px;line-height:1.5;text-align:right}.dues-amount b{color:#5a6d66}.dues-progress{position:relative;height:6px;margin:18px 0 20px;border-radius:8px;background:#eee8e4}.dues-progress i{display:block;width:64%;height:100%;border-radius:8px;background:var(--terracotta)}.dues-progress span{position:absolute;top:11px;right:0;color:#a16a56;font-size:7px}.dues-actions{display:flex;gap:8px}.dues-actions button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--forest);border-radius:10px;color:#fff;background:var(--forest);font-size:9px;font-weight:700;cursor:pointer}.dues-actions button+button{border-color:var(--line);color:#4b665d;background:#fff}.dues-side{padding:25px;border-left:1px solid var(--line);background:#f2f6f2}.receipt-mark{width:47px;height:47px;display:grid;place-items:center;margin-bottom:16px;border-radius:15px;color:#417761;background:#dfeee7}.dues-side>span{color:#6b8179;font-size:7px;font-weight:800;text-transform:uppercase}.dues-side h3{margin:6px 0 4px;font-size:14px}.dues-side>p{margin:0 0 22px;color:#76857f;font-size:8px;line-height:1.55}.dues-side>div:last-child{padding-top:14px;border-top:1px solid #dbe4df}.dues-side small,.dues-side strong{display:block}.dues-side small{color:#83918c;font-size:7px}.dues-side strong{margin-top:3px;font-size:10px;letter-spacing:.08em}.two-col-layout{display:grid;grid-template-columns:1.55fr .85fr;gap:16px}.payment-history{padding:0 12px 12px}.payment-history>div{display:grid;grid-template-columns:46px 1fr auto auto 28px;align-items:center;gap:10px;padding:11px 7px;border-top:1px solid #edf0ee}.year-pill{display:grid;place-items:center;width:39px;height:29px;border-radius:9px;color:#44665a;background:#edf3ef;font-size:8px;font-weight:800}.payment-history p{margin:0}.payment-history p strong,.payment-history p small{display:block}.payment-history p strong{font-size:9px}.payment-history p small{margin-top:3px;color:#8b9893;font-size:7px}.payment-history>div>b{font-size:10px}.paid-badge{display:flex;align-items:center;gap:3px;padding:5px 7px;border-radius:99px;color:#3e755f;background:#e5f1eb;font-size:7px;font-weight:700}.payment-history button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;color:#6d7f78;background:transparent;cursor:pointer}.preferences-panel>p{margin:0;padding:0 19px 10px;color:#7a8983;font-size:8px}.preferences-panel>label{display:flex;align-items:center;justify-content:space-between;margin:0 15px;padding:12px 4px;border-top:1px solid #edf0ee}.preferences-panel>label>span{display:flex;align-items:center;gap:8px;color:#506b61}.preferences-panel>label b{font-size:8px}.preferences-panel input{width:28px;height:16px;accent-color:var(--forest)}.preferences-panel>button{margin:9px 15px 15px;padding:9px 11px;border:0;border-radius:9px;color:#fff;background:var(--forest);font-size:8px;font-weight:700;cursor:pointer}
/* Meetings and documents */
.meeting-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:16px;padding:20px 22px;border-radius:21px;color:#fff;background:linear-gradient(125deg,#133b31,#245849);box-shadow:var(--shadow)}.meeting-date{width:78px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.07)}.meeting-date span,.meeting-date small{color:#d8b46c;font-size:8px;font-weight:800}.meeting-date strong{font-size:35px;line-height:1.05}.meeting-copy>span{color:#dbbb79;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.meeting-copy h2{margin:5px 0 6px;font-size:18px}.meeting-copy>p{display:flex;align-items:center;gap:6px;margin:0;color:#b9ccc5;font-size:8px}.meeting-copy>div{display:flex;gap:7px;margin-top:15px}.meeting-copy button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:var(--forest);background:#fff;font-size:8px;font-weight:700;cursor:pointer}.meeting-copy button+button{color:#fff;background:transparent}.meeting-hero>aside{min-width:145px;padding:15px;border-left:1px solid rgba(255,255,255,.16)}.meeting-hero aside span,.meeting-hero aside strong,.meeting-hero aside small{display:block}.meeting-hero aside span{color:#a9c0b7;font-size:7px}.meeting-hero aside strong{margin:5px 0;color:#efca7d;font-size:13px}.meeting-hero aside small{color:#a9c0b7;font-size:7px}.meeting-layout{display:grid;grid-template-columns:1.55fr .65fr;gap:16px;margin-bottom:16px}.agenda-detail{padding-bottom:8px}.agenda-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;margin:0 14px;padding:10px 6px;border-top:1px solid #edf0ee}.agenda-item>span{color:#b28a44;font-size:9px;font-weight:800}.agenda-item p{margin:0;font-size:9px}.agenda-item small{padding:4px 7px;border-radius:99px;color:#477461;background:#e9f2ed;font-size:7px}.ask-panel{padding:19px}.ask-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:17px;border-radius:13px;color:#9c7330;background:var(--gold-soft)}.ask-panel>span{color:#9c7330;font-size:7px;font-weight:800;text-transform:uppercase}.ask-panel h3{margin:6px 0;font-size:13px;line-height:1.3}.ask-panel p{margin:0;color:#77857f;font-size:8px;line-height:1.55}.ask-panel>button{display:flex;align-items:center;gap:6px;margin-top:17px;padding:0;border:0;color:var(--forest);background:transparent;font-size:8px;font-weight:750;cursor:pointer}.doc-filters{display:flex;gap:5px}.document-list{padding:0 12px 12px}.document-list article{display:grid;grid-template-columns:40px 1fr 90px auto 30px;align-items:center;gap:10px;padding:10px 7px;border-top:1px solid #edf0ee}.pdf-icon{width:33px;height:38px;display:grid;place-items:center;border-radius:7px;color:#bd5a3d;background:#faeae4;font-size:7px;font-weight:850}.document-list p{margin:0}.document-list p strong,.document-list p small{display:block}.document-list p strong{font-size:9px}.document-list p small{margin-top:3px;color:#8a9792;font-size:7px}.document-list article>span:nth-of-type(2){color:#8a9792;font-size:7px}.document-list button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:#49675d;background:#fff;font-size:7px;font-weight:700;cursor:pointer}.document-list button:last-child{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent}
/* Alerts */
.safety-rule{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid #ead7cf;border-radius:16px;background:#fff8f5}.safety-rule>div{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--terracotta);background:var(--terracotta-soft)}.safety-rule p{margin:0}.safety-rule strong,.safety-rule span{display:block}.safety-rule strong{font-size:10px}.safety-rule span{margin-top:4px;color:#7f716c;font-size:8px}.safety-rule button{padding:8px 10px;border:1px solid #ecd3c9;border-radius:9px;color:#a9563d;background:#fff;font-size:7px;font-weight:700;cursor:pointer}.alerts-layout{display:grid;grid-template-columns:1.45fr .65fr;gap:16px}.live-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;color:#a44e36;background:#fbedE8;font-size:7px;font-weight:700}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--terracotta)}.alert-feed{padding-bottom:11px}.alert-card{margin:0 14px 10px;padding:15px;border:1px solid var(--line);border-radius:14px}.alert-card.important{border-color:#efd8ce;background:#fffaf7}.alert-card.resolved{background:#fbfcfa}.alert-card-top{display:flex;justify-content:space-between;align-items:center}.alert-card-top>span{display:flex;align-items:center;gap:7px;color:var(--terracotta);font-size:7px;font-weight:800;text-transform:uppercase}.resolved .alert-card-top>span{color:#4e7e6a}.alert-card-top time{color:#95a09c;font-size:7px}.alert-card h3{margin:8px 0 5px;font-size:11px}.alert-card>p{margin:0;color:#75837e;font-size:8px;line-height:1.55}.alert-card>div:last-child{display:flex;align-items:center;gap:7px;margin-top:11px}.alert-card>div:last-child span,.alert-card>div:last-child b{padding:4px 7px;border-radius:99px;font-size:7px}.alert-card>div:last-child span{color:#65766f;background:#edf1ef}.alert-card>div:last-child b{color:#a65239;background:#faeae4}.resolved>div:last-child b{color:#477461;background:#e7f1ec}.avenue-status{padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.avenue-status>span{color:#9b7a3d;font-size:7px;font-weight:800;text-transform:uppercase}.avenue-status h2{margin:4px 0 13px;font-size:13px}.avenue-status>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #edf0ee}.avenue-status i{width:7px;height:7px;border-radius:50%}.avenue-status i.ok{background:#5c907a}.avenue-status i.warn{background:var(--terracotta)}.avenue-status p{margin:0}.avenue-status strong,.avenue-status small{display:block}.avenue-status strong{font-size:8px}.avenue-status small{margin-top:3px;color:#8b9893;font-size:7px}.avenue-status>div>span{color:#8a9792;font-size:7px}.avenue-status>button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:9px;border:1px solid var(--line);border-radius:9px;color:#4e6d62;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.good-practices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.good-practices>div{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.65)}.good-practices>div>span{color:#b18a46;font-size:10px;font-weight:800}.good-practices p{margin:0}.good-practices strong,.good-practices small{display:block}.good-practices strong{font-size:8px}.good-practices small{margin-top:4px;color:#7e8c87;font-size:7px;line-height:1.45}
/* Community */
.community-hero{display:grid;grid-template-columns:1fr 260px;min-height:170px;margin-bottom:16px;overflow:hidden;border-radius:21px;color:#fff;background:linear-gradient(125deg,#12392f,#295d4d)}.community-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:25px 30px}.community-hero>div:first-child>span{color:#e0bb73;font-size:7px;font-weight:800;text-transform:uppercase}.community-hero h2{max-width:590px;margin:7px 0;font-size:20px}.community-hero p{margin:0;color:#b7cbc3;font-size:9px}.roads-visual{position:relative;overflow:hidden;background:rgba(255,255,255,.04)}.roads-visual>i{position:absolute;bottom:-25px;left:50%;width:6px;height:170px;border-radius:9px;background:rgba(228,191,118,.24);transform-origin:bottom}.roads-visual>i:nth-child(1){transform:rotate(-43deg)}.roads-visual>i:nth-child(2){transform:rotate(0)}.roads-visual>i:nth-child(3){transform:rotate(42deg)}.roads-visual>span{position:absolute;z-index:2;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(15,47,39,.65);font-size:27px;font-weight:750;transform:translate(-50%,-50%)}.roads-visual small{color:#e1c17f;font-size:7px;text-transform:uppercase}.community-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:16px}.bureau-team{padding-bottom:11px}.bureau-team>div:not(.standard-panel-head){display:flex;align-items:center;gap:9px;margin:0 15px;padding:10px 2px;border-top:1px solid #edf0ee}.bureau-team>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--forest);font-size:8px;font-weight:800}.bureau-team p{flex:1;margin:0}.bureau-team strong,.bureau-team small{display:block}.bureau-team strong{font-size:9px}.bureau-team small{margin-top:3px;color:#899690;font-size:7px}.bureau-team button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.privacy-note{margin:8px 15px!important;padding:10px!important;border-radius:10px;color:#74837d!important;background:#f4f6f3;font-size:7px!important;line-height:1.5}.contact-panel form{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.contact-panel label{display:flex;flex-direction:column;gap:5px;color:#53665f;font-size:8px;font-weight:700}.contact-panel select,.contact-panel textarea{padding:9px 10px;border:1px solid #dfe5e1;border-radius:9px;outline:none;background:#fbfcfa;font-size:8px}.contact-panel textarea{min-height:76px;resize:vertical}.contact-panel form>button{display:flex;align-items:center;justify-content:center;gap:7px;align-self:flex-end;padding:9px 12px;border:0;border-radius:9px;color:#fff;background:var(--forest);font-size:8px;font-weight:700;cursor:pointer}.avenue-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.avenue-cards article{position:relative;min-height:118px;padding:17px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.avenue-cards article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--avenue-color)}.avenue-cards article>span{color:#8b9893;font-size:7px;text-transform:uppercase}.avenue-cards h3{margin:3px 0 13px;font-size:14px}.avenue-cards p{margin:0;color:#85928d;font-size:7px}.avenue-cards p strong{color:var(--avenue-color);font-size:13px}.avenue-symbol{position:absolute;right:10px;bottom:-8px;width:82px;height:80px;opacity:.25}.avenue-symbol i{position:absolute;bottom:0;left:37px;width:4px;height:73px;border-radius:8px;background:var(--avenue-color);transform-origin:bottom}.avenue-symbol i:first-child{transform:rotate(-39deg)}.avenue-symbol i:last-child{transform:rotate(39deg)}.useful-contacts{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:10px;align-items:center;margin-top:16px}.useful-contacts>div span{color:#9b7a3d;font-size:7px;font-weight:800;text-transform:uppercase}.useful-contacts h2{margin:4px 0 0;font-size:13px}.useful-contacts button{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:8px;cursor:pointer}.useful-contacts button b{font-size:16px;color:var(--terracotta)}
/* Bureau */
.bureau-nav button.active{box-shadow:inset 3px 0 #e4bb70}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.admin-stats.compact{grid-template-columns:repeat(3,1fr)}.admin-stats article{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.admin-stats .soft-icon{flex:0 0 auto}.soft-icon.alert{color:var(--terracotta);background:var(--terracotta-soft)}.admin-stats small,.admin-stats strong,.admin-stats p{display:block;margin:0}.admin-stats small{color:#7c8a85;font-size:7px}.admin-stats strong{margin:3px 0;font-size:21px;letter-spacing:-.045em}.admin-stats p{color:#8c9894;font-size:7px}.admin-stats p.positive{color:#3b7d64}.admin-stats p.negative{color:#bd5d41}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.collection-panel>.standard-panel-head>b{color:#39765f;font-size:8px}.collection-body{display:flex;align-items:center;justify-content:center;gap:32px;padding:12px 20px 18px}.donut{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2f705a 0 83%,#d9ab55 83% 94%,#d66847 94%)}.donut:before{content:"";grid-area:1/1;width:74px;height:74px;border-radius:50%;background:#fff}.donut>div{z-index:1;grid-area:1/1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:22px}.donut span{color:#82908b;font-size:7px}.collection-legend{min-width:150px}.collection-legend p{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:8px 0}.collection-legend i{width:7px;height:7px;border-radius:50%}.collection-legend i.paid{background:#2f705a}.collection-legend i.pending{background:#d9ab55}.collection-legend i.late{background:#d66847}.collection-legend span{color:#7d8b85;font-size:8px}.collection-legend b{font-size:9px}.collection-panel>button{width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:7px;margin:0 16px 15px;padding:9px;border:1px solid var(--line);border-radius:9px;color:#426156;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.admin-actions{padding-bottom:10px}.admin-actions>button{width:calc(100% - 24px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0 12px;padding:10px;border:0;border-top:1px solid #edf0ee;background:transparent;text-align:left;cursor:pointer}.admin-actions>button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#477463;background:#e8f1ec}.admin-actions p{margin:0}.admin-actions strong,.admin-actions small{display:block}.admin-actions strong{font-size:8px}.admin-actions small{margin-top:3px;color:#8c9893;font-size:7px}.recent-admin{padding-bottom:9px}.recent-admin>.standard-panel-head>button{border:0;background:transparent}.recent-admin>div:not(.standard-panel-head){display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;margin:0 13px;padding:9px 5px;border-top:1px solid #edf0ee}.recent-admin>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#456e5f;background:#e9f1ed}.recent-admin p{margin:0}.recent-admin strong,.recent-admin small{display:block}.recent-admin strong{font-size:8px}.recent-admin small{margin-top:3px;color:#89958f;font-size:7px}.recent-admin time{color:#929e99;font-size:7px}.table-actions{display:flex;align-items:center;gap:7px}.table-actions label{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:9px;color:#81908a}.table-actions input{width:125px;padding:7px 0;border:0;outline:none;background:transparent;font-size:8px}.table-actions>button{border-color:var(--forest);color:#fff;background:var(--forest)}.admin-table-panel{overflow:hidden}.admin-table{padding:0 13px 13px;overflow-x:auto}.admin-table-row{min-width:740px;display:grid;grid-template-columns:105px 1.2fr 90px 120px 100px 30px;align-items:center;gap:10px;padding:10px 7px;border-top:1px solid #edf0ee}.admin-table-row.header{padding-top:8px;color:#8a9792;background:#fafbf9;font-size:7px;font-weight:700}.admin-table-row>span{font-size:8px}.admin-table-row>span:first-child{font-weight:800;letter-spacing:.05em}.table-status,.access-state{justify-self:start;padding:5px 7px;border-radius:99px;font-size:7px!important;font-weight:700}.table-status.pending{color:#966d26;background:#f5edd9}.table-status.late{color:#b4543a;background:#fae9e3}.admin-table-row>button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.publication-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.publication-toolbar>div{display:flex;gap:5px}.publication-toolbar button{display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:#71817b;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.publication-toolbar button span{display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;background:#eef1ef;font-size:7px}.publication-toolbar button.active{border-color:var(--forest);color:#fff;background:var(--forest)}.publication-toolbar>button{border-color:var(--forest);color:#fff;background:var(--forest)}.publication-list{padding:9px 13px}.publication-list article{display:grid;grid-template-columns:39px 1fr 120px 30px 30px;align-items:center;gap:10px;padding:11px 5px;border-top:1px solid #edf0ee}.publication-list article:first-child{border-top:0}.publication-type{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#3f735f;background:#e7f1eb}.publication-type.p1{color:#9a7331;background:#f4ecd8}.publication-type.p2{color:#4f6c88;background:#e8eef4}.publication-type.p3{color:#a05b45;background:#f6e9e4}.publication-list p{margin:0}.publication-list strong,.publication-list small{display:block}.publication-list strong{font-size:9px}.publication-list small{margin-top:3px;color:#899690;font-size:7px}.publication-list b{justify-self:start;padding:5px 7px;border-radius:99px;font-size:7px}.publication-list b.published{color:#3d745e;background:#e5f0ea}.publication-list b.planned{color:#8b6b2d;background:#f4ecd9}.publication-list button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.document-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.document-admin-summary>div{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;color:#42695b;background:#fff}.document-admin-summary p{margin:0;color:var(--ink)}.document-admin-summary strong,.document-admin-summary span{display:block}.document-admin-summary strong{font-size:10px}.document-admin-summary p span{margin-top:3px;color:#8a9792;font-size:7px}.admin-docs .document-list article{grid-template-columns:40px 1fr 130px auto 30px}.alert-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.alert-admin-summary article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.alert-admin-summary article.current{border-color:#efd6cc;background:#fff9f6}.alert-admin-summary>article>span{font-size:25px;font-weight:750}.alert-admin-summary .current>span{color:var(--terracotta)}.alert-admin-summary p{margin:0}.alert-admin-summary strong,.alert-admin-summary small{display:block}.alert-admin-summary strong{font-size:9px}.alert-admin-summary small{margin-top:3px;color:#8c9893;font-size:7px}.admin-alert-list{padding-bottom:10px}.admin-alert-list>.standard-panel-head>button{border:0;background:transparent}.admin-alert-list>article{display:grid;grid-template-columns:40px 1.2fr 1fr 85px 75px;align-items:center;gap:10px;margin:0 13px;padding:11px 5px;border-top:1px solid #edf0ee}.alert-priority{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--terracotta);background:var(--terracotta-soft)}.alert-priority.a1{color:#9c7732;background:#f5edd9}.alert-priority.a2{color:#44735f;background:#e7f0eb}.admin-alert-list p{margin:0}.admin-alert-list strong,.admin-alert-list small{display:block}.admin-alert-list strong{font-size:9px}.admin-alert-list small,.admin-alert-list>article>span:nth-child(3){margin-top:3px;color:#899690;font-size:7px}.alert-status{justify-self:start;padding:5px 7px;border-radius:99px;color:#b2543a;background:#f9e9e3;font-size:7px}.alert-status.s1{color:#916d2a;background:#f5edd9}.alert-status.s2{color:#44745f;background:#e7f0eb}.admin-alert-list article>button{display:flex;align-items:center;gap:5px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:7px;font-weight:700;cursor:pointer}.resident-distribution{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;margin-bottom:16px}.distribution-copy,.distribution-item{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.distribution-copy>span{color:#9b7a3d;font-size:7px;font-weight:800;text-transform:uppercase}.distribution-copy h2{margin:4px 0;font-size:14px}.distribution-copy p{margin:0;color:#84918c;font-size:7px}.distribution-item{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px}.distribution-item>span{width:7px;height:36px;border-radius:7px}.distribution-item p{margin:0}.distribution-item strong,.distribution-item small{display:block}.distribution-item strong{font-size:8px}.distribution-item small{margin-top:3px;color:#8b9792;font-size:7px}.distribution-item b{font-size:10px}.resident-table .admin-table-row{grid-template-columns:105px 1.1fr 120px 110px 130px 30px}.access-state{color:#3f765f;background:#e6f0eb}
/* Modal variants */
.modal-icon.green{color:#3f745f;background:#e5f0ea}.modal-kicker.green{color:#3f745f}.payment-summary{margin:15px 0;padding:15px;border:1px solid var(--line);border-radius:13px;background:#f7f9f6}.payment-summary>span{color:#75837e;font-size:7px;font-weight:800;letter-spacing:.08em}.payment-summary p{display:flex;align-items:end;justify-content:space-between;margin:10px 0}.payment-summary small,.payment-summary strong{display:block}.payment-summary small{color:#6f8079;font-size:8px}.payment-summary strong{font-size:24px}.payment-summary>b{display:block;padding-top:9px;border-top:1px solid #e3e8e4;color:#8c6b36;font-size:8px}.payment-choice{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;padding:11px!important;border:1px solid var(--line);border-radius:11px}.payment-choice>input{width:15px!important}.payment-choice>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.payment-choice small{grid-column:2;color:#87938e;font-size:7px;font-weight:400}.compose-modal{width:min(620px,100%)}.document-modal{width:min(650px,100%)}.document-preview-head{display:flex;align-items:center;gap:12px;padding-right:40px}.document-preview-head>div>span{color:#9a7a40;font-size:7px;font-weight:800;text-transform:uppercase}.document-preview-head h2{margin:4px 0 0}.document-sheet{margin:20px 0;padding:24px;border:1px solid #dde3df;border-radius:8px;background:#fff;box-shadow:0 8px 25px rgba(39,62,54,.07)}.sheet-brand{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.sheet-brand p{margin:0}.sheet-brand strong,.sheet-brand small{display:block}.sheet-brand strong{font-size:9px}.sheet-brand small{margin-top:3px;color:#899690;font-size:7px}.document-sheet h3{margin:25px 0 5px;text-align:center;font-size:16px}.sheet-date{text-align:center;color:#8c9893;font-size:7px}.sheet-lines{margin:25px 0}.sheet-lines i{display:block;width:100%;height:6px;margin:8px 0;border-radius:4px;background:#edf0ee}.sheet-lines i:nth-child(2),.sheet-lines i:nth-child(5){width:82%}.sheet-lines i:nth-child(3){width:91%}.sheet-lines i:nth-child(6){width:65%}.sheet-note{margin:0;padding:10px;border-radius:8px;color:#6f7e78;background:#f4f6f3;font-size:7px;line-height:1.55}

/* Connexion et comptes */
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(470px,.95fr);background:#f7f5ef}.login-brand-panel{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:42px 48px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#0e332a,#1c4c3e 58%,#2c6652)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:16px}.login-brand small{margin-top:4px;color:#a9c1b7;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.login-message{position:relative;z-index:2;margin:auto 0;max-width:610px}.login-message>span{color:#e2bd72;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-message h1{margin:12px 0 18px;font-size:48px;line-height:1.06;letter-spacing:-.055em}.login-message p{max-width:520px;margin:0;color:#bed0c9;font-size:13px;line-height:1.75}.login-avenues{position:relative;z-index:2;display:flex;gap:8px}.login-avenues span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:99px;color:#d8e3df;background:rgba(255,255,255,.05);font-size:8px}.login-roads{position:absolute;right:-80px;bottom:-110px;width:560px;height:560px;opacity:.15}.login-roads i{position:absolute;bottom:0;left:50%;width:10px;height:520px;border-radius:10px;background:#f0c677;transform-origin:bottom}.login-roads i:first-child{transform:rotate(-48deg)}.login-roads i:nth-child(2){transform:rotate(-6deg)}.login-roads i:last-child{transform:rotate(39deg)}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px}.login-box{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 24px 75px rgba(28,57,47,.1)}.login-kicker{color:#9d7838;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.login-box h2{margin:8px 0 8px;font-size:25px;letter-spacing:-.045em}.login-box>p{margin:0 0 23px;color:#74827d;font-size:10px;line-height:1.65}.login-main-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 15px;border-radius:12px;color:#fff;background:var(--forest);font-size:10px;font-weight:750;text-decoration:none;box-shadow:0 12px 28px rgba(22,63,53,.2)}.login-separator{display:flex;align-items:center;gap:9px;margin:21px 0 13px;color:#97a19d;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.login-separator:before,.login-separator:after{content:"";flex:1;height:1px;background:var(--line)}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-buttons button{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;color:#48635a;background:#fbfcfa;text-align:left;cursor:pointer}.demo-buttons strong,.demo-buttons small{display:block}.demo-buttons strong{font-size:8px}.demo-buttons small{margin-top:3px;color:#8b9893;font-size:7px}.login-help{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:12px;border-radius:12px;color:#547067;background:#eff4f1}.login-help p{margin:0}.login-help strong,.login-help span{display:block}.login-help strong{font-size:8px}.login-help span{margin-top:3px;color:#778680;font-size:7px;line-height:1.45}.login-privacy{display:flex;align-items:center;gap:6px;margin:18px 0 0;color:#87948f;font-size:7px}.pending-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(145deg,#eff4f0,#f8f5ed)}.pending-card{width:min(520px,100%);padding:35px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow);text-align:center}.pending-card>.brand-mark{margin:0 auto 20px}.pending-card>span{color:#9b783b;font-size:8px;font-weight:800;text-transform:uppercase}.pending-card h1{margin:8px 0 10px;font-size:25px}.pending-card p{margin:0;color:#72817b;font-size:10px;line-height:1.7}.pending-card a{display:inline-block;margin-top:20px;padding:10px 13px;border-radius:10px;color:#fff;background:var(--forest);font-size:9px;font-weight:700;text-decoration:none}.account-popover{position:absolute;top:62px;right:38px;width:280px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 20px 55px rgba(31,54,46,.16)}.account-head{display:flex;align-items:center;gap:10px;padding:5px}.account-head p{margin:0}.account-head strong,.account-head small{display:block}.account-head strong{font-size:10px}.account-head small{margin-top:3px;color:#83908b;font-size:7px}.account-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;padding:9px;border-radius:10px;background:#f4f6f3}.account-meta span{color:#7c8984;font-size:7px}.account-meta b{display:block;margin-top:3px;color:#334b43;font-size:8px}.account-popover>a,.account-popover>button{width:100%;display:block;padding:9px;border:0;border-radius:9px;color:#a3513a;background:#fff1ec;font-size:8px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-bottom:16px;padding:20px 22px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#143d33,#2d6753)}.profile-large-avatar{width:65px;height:65px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.09);font-size:18px;font-weight:800}.profile-hero>div:nth-child(2)>span{color:#e1bd74;font-size:7px;font-weight:800;text-transform:uppercase}.profile-hero h2{margin:4px 0;font-size:18px}.profile-hero p{margin:0;color:#b7cbc3;font-size:8px}.profile-hero>b{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#f2d18f;background:rgba(255,255,255,.06);font-size:9px;letter-spacing:.06em}.profile-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.profile-details dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0 17px 17px}.profile-details dl>div{padding:12px 3px;border-top:1px solid #edf0ee}.profile-details dt{color:#83908b;font-size:7px}.profile-details dd{margin:4px 0 0;font-size:9px;font-weight:700}.profile-security{padding-bottom:14px}.security-check{display:flex;align-items:center;gap:10px;margin:0 15px;padding:12px 2px;border-top:1px solid #edf0ee;color:#3f755f}.security-check p{margin:0;color:var(--ink)}.security-check strong,.security-check small{display:block}.security-check strong{font-size:8px}.security-check small{margin-top:3px;color:#899690;font-size:7px}.profile-security>button{width:calc(100% - 30px);margin:5px 15px 0;padding:9px;border:1px solid var(--line);border-radius:9px;color:#48645a;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.empty-history{padding:18px;color:#84918c;font-size:8px;text-align:center}
/* Base des colotis et pointage */
.table-loading{min-width:740px;padding:28px;color:#7d8b86;font-size:9px;text-align:center}.dues-admin-table .admin-table-row{grid-template-columns:1.35fr 85px 85px 100px 95px 70px}.dues-admin-table .admin-table-row>span:first-child b,.dues-admin-table .admin-table-row>span:first-child small,.resident-table .admin-table-row>span:nth-child(2) b,.resident-table .admin-table-row>span:nth-child(2) small{display:block}.dues-admin-table .admin-table-row>span:first-child b,.resident-table .admin-table-row>span:nth-child(2) b{font-size:8px}.dues-admin-table .admin-table-row>span:first-child small,.resident-table .admin-table-row>span:nth-child(2) small{margin-top:3px;color:#899690;font-size:7px}.table-status.paid{color:#3f765f;background:#e5f0ea}.table-status.partial{color:#8d6b2d;background:#f5edd9}.record-button{width:auto!important;height:auto!important;padding:7px 9px!important;border-color:#bdd1c8!important;color:#356753;background:#edf5f1!important;font-size:7px;font-weight:750}.reminder-config{margin-top:16px;padding-bottom:13px}.reminder-config>.standard-panel-head>b{color:#3f765f;font-size:8px}.reminder-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 15px}.reminder-rule-grid article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.reminder-channel{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#3f735f;background:#e5f0ea}.reminder-channel.email{color:#9a7131;background:#f5edd9}.reminder-rule-grid p{margin:0}.reminder-rule-grid strong,.reminder-rule-grid small{display:block}.reminder-rule-grid strong{font-size:8px}.reminder-rule-grid small{margin-top:3px;color:#899690;font-size:7px}.reminder-rule-grid em{color:#a6762d;font-size:6px;font-style:normal}.toggle{position:relative;width:31px;height:18px;border:0;border-radius:99px;background:#ccd5d1;cursor:pointer}.toggle i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.toggle.active{background:#39725d}.toggle.active i{left:16px}.reminder-note{display:flex;align-items:center;gap:7px;margin:10px 15px 0;padding:9px 10px;border-radius:9px;color:#687973;background:#f1f4f2;font-size:7px}.resident-table .admin-table-row{grid-template-columns:90px 1.3fr 1.15fr 90px 70px 30px}.access-state.invited{color:#8d6b2d;background:#f5edd9}.access-state.suspended{color:#a84f37;background:#fae9e3}.access-state.pending{color:#64756f;background:#edf1ef}.member-modal{width:min(650px,100%)}.member-detail-head{display:flex;align-items:center;gap:12px;padding-right:40px}.member-detail-head>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--forest);font-size:14px;font-weight:800}.member-detail-head>div>small{color:#9b783b;font-size:7px;font-weight:800;letter-spacing:.08em}.member-detail-head h2{margin:3px 0}.member-detail-head p{margin:0;color:#7e8b86;font-size:8px}.member-detail-list{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 15px;padding:4px 14px;border-radius:13px;background:#f6f8f5}.member-detail-list>div{padding:11px 3px;border-bottom:1px solid #e5e9e6}.member-detail-list dt{color:#84918c;font-size:7px}.member-detail-list dd{margin:4px 0 0;font-size:8px;font-weight:700}.member-detail-actions{display:flex;justify-content:flex-end;gap:7px}.member-detail-actions button{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:#48655b;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.member-detail-actions button:last-child{color:#a45038;background:#fff1ec}.record-payment-modal{width:min(560px,100%)}

@media (max-width:1100px){.content-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card:last-child{grid-column:span 2}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions>div{grid-column:1/-1;padding-bottom:0}.news-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}.resident-distribution{grid-template-columns:repeat(2,1fr)}.useful-contacts{grid-template-columns:repeat(2,1fr)}.useful-contacts>div{grid-column:1/-1}}
@media (max-width:820px){.sidebar{transform:translateX(-102%);transition:transform .28s ease}.sidebar.is-open{transform:translateX(0)}.menu-scrim{position:fixed;z-index:35;inset:0;display:block;border:0;background:rgba(11,33,27,.48)}.main-panel{margin-left:0}.topbar{height:65px;justify-content:space-between;padding:0 18px}.mobile-menu{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.mini-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;color:#fff;background:var(--forest);font-size:8px}.profile-copy,.profile-chevron{display:none}.profile-button{padding:0}.avatar{width:36px;height:36px}.notifications-popover{right:16px;top:57px}.content-wrap{padding:25px 18px 100px}.welcome-row{align-items:flex-start}.welcome-row h1,.section-heading h1{font-size:27px}.primary-action{position:fixed;z-index:34;right:18px;bottom:76px;width:48px;height:48px;justify-content:center;padding:0;border-radius:16px}.primary-action svg{width:21px}.primary-action{font-size:0}.dashboard-grid,.two-col-layout,.meeting-layout,.alerts-layout,.community-grid,.admin-grid{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;z-index:33;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:7px 7px 5px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(15px);box-shadow:0 -8px 30px rgba(42,62,55,.07)}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;color:#84928d;background:transparent;font-size:7px}.mobile-bottom-nav button.active{color:var(--forest);background:#edf3ef}.mobile-bottom-nav button.active svg{stroke-width:2.2}.featured-news{grid-template-columns:200px 1fr}.dues-hero{grid-template-columns:1fr}.dues-side{border-top:1px solid var(--line);border-left:0}.community-hero{grid-template-columns:1fr 200px}.admin-stats.compact{grid-template-columns:repeat(3,1fr)}.document-list{overflow-x:auto}.document-list article{min-width:650px}.publication-list{overflow-x:auto}.publication-list article{min-width:650px}.admin-alert-list{overflow-x:auto}.admin-alert-list>article{min-width:700px}}
@media (max-width:620px){.topbar-actions{gap:7px}.notification-button{width:36px;height:36px}.welcome-row,.section-heading{align-items:flex-start;margin-bottom:18px}.section-heading{flex-direction:column}.welcome-row>div>p{font-size:10px}.urgent-banner{grid-template-columns:auto 1fr;padding:12px}.urgent-banner button{grid-column:2;justify-self:start;padding:3px 0}.urgent-banner p{line-height:1.5}.summary-grid,.news-grid,.admin-stats,.admin-stats.compact,.document-admin-summary,.alert-admin-summary,.avenue-cards,.good-practices,.resident-distribution{grid-template-columns:1fr}.summary-card:last-child{grid-column:auto}.quick-actions{grid-template-columns:1fr}.quick-actions>div{grid-column:auto}.quick-actions>button{padding:13px}.filter-row{flex-wrap:wrap}.filter-row label{width:100%;margin:4px 0 0}.filter-row input{width:100%}.featured-news{grid-template-columns:1fr}.featured-visual{min-height:130px}.featured-news>div:last-child{padding:20px}.featured-news h2{font-size:17px}.dues-amount{align-items:flex-start;flex-direction:column}.dues-amount>span{text-align:left}.dues-actions{flex-direction:column}.dues-actions button{justify-content:center}.payment-history>div{grid-template-columns:42px 1fr auto}.paid-badge,.payment-history>div>button{display:none}.meeting-hero{grid-template-columns:auto 1fr;padding:15px}.meeting-hero>aside{grid-column:1/-1;padding:11px 0 0;border-top:1px solid rgba(255,255,255,.16);border-left:0}.meeting-copy>div{flex-direction:column}.meeting-copy button{justify-content:center}.safety-rule{grid-template-columns:auto 1fr}.safety-rule button{grid-column:2;justify-self:start}.community-hero{grid-template-columns:1fr}.roads-visual{min-height:130px}.useful-contacts{grid-template-columns:1fr}.useful-contacts>div{grid-column:auto}.publication-toolbar{align-items:stretch;flex-direction:column;gap:8px;overflow-x:auto}.publication-toolbar>div{min-width:max-content}.publication-toolbar>button{align-self:flex-start}.standard-panel-head{align-items:flex-start;flex-direction:column}.table-actions{width:100%;flex-wrap:wrap}.table-actions label{flex:1}.table-actions input{width:100%}.collection-body{gap:20px}.field-row{grid-template-columns:1fr}.modal{padding:23px 19px}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center}.notifications-popover{left:12px;right:12px;width:auto}.toast{bottom:76px;width:calc(100% - 24px);justify-content:center;text-align:center}.notice-list article{grid-template-columns:43px 1fr}.notice-list article>button{display:none}.document-sheet{padding:17px}.document-preview-head h2{font-size:17px}.compose-modal .field-row{grid-template-columns:1fr}}
@media (max-width:900px){.login-screen{grid-template-columns:1fr}.login-brand-panel{min-height:42vh;padding:28px 32px}.login-message{margin:55px 0}.login-message h1{font-size:38px}.login-roads{right:-170px;bottom:-270px}.login-form-panel{padding:35px 22px}.profile-layout{grid-template-columns:1fr}.reminder-rule-grid{grid-template-columns:1fr}}
@media (max-width:620px){.login-brand-panel{min-height:390px;padding:23px}.login-message{margin:45px 0}.login-message h1{font-size:33px}.login-message p{font-size:10px}.login-form-panel{padding:22px 14px}.login-box{padding:24px 19px}.login-box h2{font-size:22px}.demo-buttons{grid-template-columns:1fr}.account-popover{top:57px;right:12px;width:min(290px,calc(100vw - 24px))}.profile-hero{grid-template-columns:auto 1fr;padding:16px}.profile-hero>b{grid-column:1/-1;justify-self:start}.profile-details dl,.member-detail-list{grid-template-columns:1fr}.reminder-rule-grid article{grid-template-columns:auto 1fr auto}.reminder-rule-grid em{grid-column:2}.reminder-note{align-items:flex-start}.member-detail-actions{flex-direction:column}.member-detail-actions button{justify-content:center}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}