@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0";:root{--surface:#f9f9ff;--surface-dim:#cfdaf2;--surface-bright:#f9f9ff;--surface-container-lowest:#fff;--surface-container-low:#f0f3ff;--surface-container:#e7eeff;--surface-container-high:#dee8ff;--surface-container-highest:#d8e3fb;--on-surface:#111c2d;--on-surface-variant:#434651;--outline:#747783;--outline-variant:#c4c6d3;--primary:#002667;--primary-container:#123c8c;--on-primary-container:#8babff;--primary-fixed:#dae2ff;--primary-fixed-dim:#b2c5ff;--on-primary:#fff;--tertiary-container:#004b32;--tertiary-fixed:#6ffbbe;--on-tertiary-container:#005236;--on-tertiary-fixed-variant:#005236;--secondary-container:#adc3ff;--secondary:#475d92;--on-secondary:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--error:#ba1a1a;--radius-sm:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box}body{background:var(--surface);min-width:320px;color:var(--on-surface);margin:0;font:14px Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.material-symbols-rounded{font-size:22px;line-height:1}.app-shell{min-height:100vh;display:flex}.main-content{flex:1;min-width:0}.content-container{width:min(100%,1180px);margin:auto;padding:28px 16px 96px}.sidebar{display:none}.topbar{z-index:10;border-bottom:1px solid var(--outline-variant);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f9fff2;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-brand .brand small{display:none}.top-context{color:var(--primary);align-items:center;gap:8px;display:none}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button{color:var(--primary);background:0 0;position:relative}.top-actions i{background:var(--error);border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-1px}.avatar{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.brand{color:var(--primary);align-items:center;gap:10px;display:flex}.brand>b{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.brand>span{flex-direction:column;display:flex}.brand strong{letter-spacing:.04em;font-size:17px}.brand small{color:var(--on-surface-variant);font-size:10px}.bottom-nav{z-index:30;border-top:1px solid var(--outline-variant);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;justify-content:space-around;height:72px;display:flex;position:fixed;inset:auto 0 0}.bottom-nav .nav-link{min-width:58px;height:100%;color:var(--on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.bottom-nav .nav-link.active{color:var(--primary);font-weight:700}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.025em;margin:6px 0;font-size:26px;line-height:1.15}.page-header p{color:var(--on-surface-variant);margin:0;line-height:1.5}.eyebrow{color:var(--primary-container);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:700}.card{background:#fff;border:1px solid #dce1ee;border-radius:16px;margin-bottom:16px;padding:20px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:17px}.section-title a{color:var(--primary);font-size:12px;font-weight:600}.grid{gap:16px;display:grid}.grid.two,.grid.metrics{grid-template-columns:1fr}.button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.button.primary{background:var(--primary);color:#fff}.button.secondary,.button.light{background:var(--primary-fixed);color:var(--primary)}.button.full{width:100%}.ghost{color:var(--primary);background:0 0;align-items:center;gap:7px;padding:8px;font-weight:600;display:flex}.notification-fab{background:var(--primary-container);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.status{border-radius:999px;width:max-content;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status.success{color:#006b49;background:#d5f7e9}.status.warning{color:#755600;background:#fff0ca}.status.danger{color:#93000a;background:#ffdad6}.status.info{background:var(--primary-fixed);color:var(--primary)}.hero-balance,.settlement,.global-hero{color:#fff;background:linear-gradient(135deg,#002667,#0d3b8e);border:0;position:relative;overflow:hidden}.hero-balance{grid-template-columns:1fr auto;gap:16px;padding:28px;display:grid}.hero-balance>div{flex-direction:column;gap:6px;display:flex}.hero-balance>div>span,.global-hero>span{text-transform:uppercase;letter-spacing:.08em;color:#b2c5ff}.hero-balance strong,.global-hero>strong{font-size:44px;line-height:1}.hero-balance .button{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.quick{flex-direction:column;align-items:center;gap:9px;font-size:12px;display:flex}.quick>span{aspect-ratio:1.3;background:var(--primary-fixed);width:100%;max-width:120px;color:var(--primary);border-radius:16px;place-items:center;display:grid}.quick .material-symbols-rounded{font-size:29px}.list-row{border-top:1px solid #edf0f7;align-items:center;gap:12px;min-height:68px;display:flex}.section-title+.list-row{border-top:0}.row-icon{background:var(--secondary-container);width:40px;height:40px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.row-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-copy strong,.row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-copy small{color:var(--on-surface-variant);font-size:11px}.detail{border-bottom:1px solid #edf0f7;justify-content:space-between;padding:14px 0;display:flex}.detail.total{border-top:2px solid var(--primary);border-bottom:0;font-size:16px}.account-total{background:var(--surface-container-high);flex-direction:column;gap:7px;display:flex}.account-total>strong{color:var(--primary);font-size:38px}.metric-card>div{color:var(--primary);align-items:center;gap:8px;display:flex}.metric-card>strong{margin:14px 0 7px;font-size:30px;display:block}.metric-card small{color:var(--on-surface-variant)}.metric-card.green>div{color:#006b49}.metric-card.red>div{color:var(--error)}.water-card{background:var(--surface-container-high);grid-template-columns:1fr 1.5fr;min-height:230px;display:grid}.water-card>div:first-child{flex-direction:column;gap:8px;display:flex}.water-card>div>strong{color:var(--primary);font-size:25px}.water-card small{color:#007955;display:flex}.bars,.health-bars{align-items:flex-end;gap:10px;height:150px;padding:12px 10px 0;display:flex}.bars i,.health-bars i{background:var(--primary);border-radius:8px 8px 0 0;flex:1;min-width:14px}.bar-labels,.health-labels{color:var(--on-surface-variant);grid-column:2;justify-content:space-around;font-size:11px;display:flex}.form-card{border:1px solid var(--outline-variant);background:#fff;border-radius:20px;grid-template-columns:1fr;gap:18px;padding:22px;display:grid;box-shadow:0 8px 30px #0026670f}.form-card label,.auth-panel label,.form-inline label{flex-direction:column;gap:8px;font-weight:600;display:flex}.form-card input,.form-card select,.form-card textarea,.auth-panel input,.form-inline input,.form-inline select,.search input,.context-select select{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:48px;color:var(--on-surface);border-radius:10px;outline:0;padding:0 13px}.form-card textarea{resize:vertical;padding:13px}input:focus,select:focus,textarea:focus{border:2px solid var(--primary)!important}.file-drop{border:2px dashed var(--outline-variant);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:210px;display:flex;position:relative}.file-drop .material-symbols-rounded{background:var(--secondary-container);width:55px;height:55px;color:var(--primary);border-radius:50%;place-items:center;font-size:29px;display:grid}.file-drop small{color:var(--on-surface-variant);font-weight:400}.file-drop input{opacity:0;height:100%;position:absolute;inset:0}.form-error{color:var(--error);margin:12px 0;font-size:12px}.form-success{color:#007955;margin:12px 0;font-size:12px;font-weight:700}.info-box{border-left:4px solid var(--primary);background:var(--primary-fixed);border-radius:10px;gap:12px;padding:16px;display:flex}.info-box span{flex-direction:column;gap:4px;display:flex}.success-card,.empty{text-align:center}.success-card{max-width:600px;margin:auto;padding:50px}.success-card>.material-symbols-rounded,.empty>.material-symbols-rounded{color:#00865d;font-size:55px}.choice-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice-grid button,.role-cards button{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:90px;display:flex}.choice-grid button.active,.role-cards button.active{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.form-inline{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.toggle-row{justify-content:space-between;align-items:center;padding:10px;display:flex}.toggle-row span{flex-direction:column;display:flex}.toggle-row small{color:var(--on-surface-variant);font-weight:400}.context-select{flex-direction:column;gap:8px;max-width:430px;margin-bottom:20px;font-weight:700;display:flex}.search{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:0 13px;display:flex}.search input{background:0 0;border:0}.tabs{gap:8px;margin-bottom:16px;display:flex;overflow:auto}.tabs button{background:var(--surface-container);white-space:nowrap;border-radius:999px;padding:9px 14px}.tabs button.active{background:var(--primary);color:#fff}.payment-row{border-bottom:1px solid #edf0f7;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.payment-row>div:not(.row-actions){flex-direction:column;gap:4px;min-width:0;display:flex}.payment-row small{color:var(--on-surface-variant)}.row-actions{grid-column:2/-1;gap:8px;display:flex}.row-actions button{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.row-actions button:first-child{color:#006b49;background:#d5f7e9}.row-actions button:last-child{color:#93000a;background:#ffdad6}.list-button{text-align:left;background:0 0;width:100%;padding:0;display:block}.list-button+.list-button{border-top:1px solid #edf0f7}.list-button .list-row{border:0}.announcement-body{color:var(--on-surface-variant);margin:0;padding:0 8px 18px 52px;line-height:1.6}.settlement{justify-content:space-between;align-items:center;display:flex}.settlement>div{flex-direction:column;gap:7px;display:flex}.settlement strong{font-size:20px}.settlement em{color:#b2c5ff}.timeline{gap:13px;min-height:68px;display:flex}.timeline i{background:var(--primary);border-radius:50%;width:12px;height:12px;margin-top:5px;position:relative}.timeline i:after{content:"";background:var(--primary-fixed);width:2px;height:58px;position:absolute;top:12px;left:5px}.timeline span{flex-direction:column;gap:6px;display:flex}.timeline small{color:var(--on-surface-variant)}.building-grid{grid-template-columns:1fr;gap:16px;display:grid}.building-card .building-icon{background:var(--primary-fixed);width:48px;height:48px;color:var(--primary);border-radius:13px;place-items:center;display:grid}.building-card h3{margin:15px 0 5px}.global-hero{flex-direction:column;justify-content:center;gap:9px;min-height:170px;display:flex}.global-hero>strong{font-size:52px}.health-bars{height:180px}.health-labels{grid-column:auto}.platform-health>div:last-child{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.platform-health .detail{background:var(--surface-container-low);border:0;border-radius:10px;flex-direction:column;align-items:center}.welcome{color:#fff;background:linear-gradient(135deg,#001848,#123c8c);align-items:center;min-height:100vh;padding:35px;display:flex;position:relative;overflow:hidden}.welcome-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.welcome-copy{z-index:2;max-width:620px;position:relative}.welcome .brand{color:#fff;margin-bottom:70px}.welcome .brand b{color:var(--primary);background:#fff}.welcome .eyebrow{color:#b2c5ff}.welcome h1{margin:16px 0;font-size:clamp(42px,8vw,76px);line-height:1}.welcome h1 em{color:#6ffbbe;font-style:normal}.welcome p{color:#dae2ff;max-width:480px;font-size:17px;line-height:1.6}.welcome .button{margin-top:22px}.welcome-orb{background:#6ffbbe1a;border-radius:50%;place-items:center;width:360px;height:360px;display:grid;position:absolute;bottom:-80px;right:-80px}.welcome-orb .material-symbols-rounded{color:#6ffbbe;font-size:140px}.auth-page{grid-template-columns:1fr;min-height:100vh;display:grid}.auth-panel{flex-direction:column;justify-content:center;width:min(100%,520px);margin:auto;padding:36px 24px;display:flex}.auth-panel>.brand{margin-bottom:55px}.auth-panel h1{margin:9px 0;font-size:36px}.auth-panel>p{color:var(--on-surface-variant);margin-bottom:28px}.auth-panel form{flex-direction:column;gap:16px;display:flex}.auth-panel fieldset{border:0;padding:0}.auth-panel legend{margin-bottom:8px;font-size:12px;font-weight:700}.role-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role-cards button{min-height:78px;font-size:11px}.auth-visual{color:#fff;background:linear-gradient(#0026674d,#002667e6),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1400&q=80) 50%/cover;flex-direction:column;justify-content:flex-end;padding:60px;display:none}.auth-visual strong{font-size:34px}.auth-visual span{color:#dae2ff;margin-top:10px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found>.material-symbols-rounded{color:var(--primary);font-size:72px}@media (width>=680px){.bottom-nav{display:none}.sidebar{border-right:1px solid var(--outline-variant);background:#fff;flex-direction:column;flex:0 0 72px;width:72px;height:100vh;padding:20px 10px;display:flex;position:sticky;top:0}.sidebar .brand{justify-content:center}.sidebar .brand>span,.sidebar .nav-link span,.sidebar footer>small,.sidebar .ghost span{display:none}.sidebar nav{flex-direction:column;flex:1;gap:7px;margin-top:38px;display:flex}.sidebar .nav-link{height:48px;color:var(--on-surface-variant);border-radius:11px;justify-content:center;align-items:center;display:flex}.sidebar .nav-link.active{background:var(--primary-fixed);color:var(--primary)}.sidebar footer{flex-direction:column;align-items:center;gap:10px;display:flex}.role-switcher{flex-direction:column;gap:5px;display:flex}.role-switcher button{background:var(--surface-container);border-radius:50%;width:28px;height:28px;font-size:10px}.role-switcher button.active{background:var(--primary);color:#fff}.top-context{display:flex}.content-container{padding:38px 32px 55px}.page-header h1{font-size:34px}.grid.two{grid-template-columns:1fr 1fr}.grid.metrics{grid-template-columns:repeat(2,1fr)}.form-card{grid-template-columns:1fr 1fr;padding:32px}.form-card .wide{grid-column:1/-1}.building-grid{grid-template-columns:repeat(2,1fr)}.payment-row{grid-template-columns:auto 1fr auto auto}.row-actions{grid-column:auto}.auth-page{grid-template-columns:1.05fr .95fr}.auth-visual{display:flex}}@media (width>=1000px){.sidebar{flex-basis:256px;width:256px;padding:25px 16px}.sidebar .brand{justify-content:flex-start}.sidebar .brand>span,.sidebar .nav-link span,.sidebar footer>small,.sidebar .ghost span{display:flex}.sidebar nav{gap:5px;margin-top:35px}.sidebar .nav-link{justify-content:flex-start;gap:12px;padding:0 14px;font-weight:600}.sidebar footer{border-top:1px solid var(--outline-variant);align-items:stretch;padding-top:14px}.role-switcher{flex-direction:row}.topbar{height:72px;padding:0 36px}.mobile-brand{display:none}.content-container{padding:44px 36px}.hero-balance{min-height:230px;padding:35px}.hero-balance strong{font-size:54px}.building-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=680px){.sidebar nav{overflow-y:auto}.sidebar .nav-link{min-height:48px}.sidebar .nav-link .material-symbols-rounded{display:inline-flex}}@media (width<=420px){.hero-balance{grid-template-columns:1fr}.hero-balance .status{grid-area:1/1;justify-self:end}.water-card{grid-template-columns:1fr}.bar-labels{grid-column:1}.choice-grid,.form-inline,.platform-health>div:last-child{grid-template-columns:1fr}.role-cards button{font-size:9px}.card{padding:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.hero-balance>.status{place-self:start end}.material-symbols-rounded{white-space:nowrap;width:1em;display:inline-block;overflow:hidden}.context-controls{min-width:0}.context-controls select{border:1px solid var(--outline-variant);max-width:220px;color:var(--primary);background:#fff;border-radius:9px;padding:7px 9px}.notification-wrap{position:relative}.popover{z-index:60;border:1px solid var(--outline-variant);background:#fff;border-radius:16px;width:min(360px,100vw - 32px);padding:18px;position:absolute;top:46px;right:38px;box-shadow:0 18px 50px #00266726}.popover>a{border-top:1px solid var(--outline-variant);flex-direction:column;gap:4px;padding:12px 0;display:flex}.popover small{color:var(--on-surface-variant)}.text-button{color:var(--primary);background:0 0;padding:6px;font-weight:700}.mobile-more{z-index:50;border:1px solid var(--outline-variant);background:#fff;border-radius:18px;max-height:65vh;padding:16px;position:fixed;inset:auto 12px 82px;overflow:auto;box-shadow:0 18px 60px #00266738}.mobile-more-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mobile-more-head button{background:var(--surface-container);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.mobile-more>a{border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.mobile-more>a:hover,.mobile-more>a:focus-visible{background:var(--primary-fixed)}.modal-backdrop{z-index:100;background:#001b3f99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fff;border:0;border-radius:20px;width:min(100%,460px);padding:26px;box-shadow:0 24px 70px #001b3f66}.confirm-modal>h2{margin-bottom:10px}.confirm-modal>.material-symbols-rounded{color:var(--error);font-size:40px}.confirm-modal>div{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm-modal label{flex-direction:column;gap:8px;font-weight:700;display:flex}.confirm-modal textarea{border:1px solid var(--outline-variant);border-radius:10px;width:100%;padding:12px}.button.small{min-height:36px;padding:7px 11px}.success-button{color:#006b49;background:#d5f7e9}.danger-button{color:#93000a;background:#ffdad6}.danger-text{color:var(--error)!important}.settlement-publish{margin:16px 0}.date-tile{background:var(--primary-fixed);width:44px;height:48px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.date-tile strong{font-size:18px}.date-tile small{margin-top:-8px}.receipt-preview{border:1px solid var(--outline-variant);object-fit:contain;border-radius:12px;max-width:320px;max-height:240px;margin:14px auto 0;display:block}.form-card select[multiple]{min-height:130px;padding:8px}.detail span{flex-direction:column;gap:4px;display:flex}.detail small{color:var(--on-surface-variant)}.compact-tabs{margin:0}.building-card>small{color:var(--on-surface-variant);margin:8px 0;display:block}.account-menu-wrap{position:relative}.top-actions .avatar{background:var(--primary);color:#fff;border:0}.top-actions .avatar.active,.top-actions .avatar:hover,.top-actions .avatar:focus-visible{outline:3px solid var(--primary-fixed);background:var(--primary-container)}.account-menu{z-index:70;border:1px solid var(--outline-variant);background:#fff;border-radius:16px;width:min(290px,100vw - 24px);position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 18px 50px #0026672b}.account-menu header{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);align-items:center;gap:11px;padding:16px;display:flex}.account-menu header>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.account-menu header small{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-avatar{background:var(--primary);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.account-menu>a,.account-menu>button{width:100%;min-height:48px;color:var(--on-surface);text-align:left;background:#fff;align-items:center;gap:10px;padding:11px 16px;font-weight:700;display:flex}.account-menu>a:hover,.account-menu>a:focus-visible,.account-menu>button:hover,.account-menu>button:focus-visible{background:var(--primary-fixed)}.account-menu .account-logout{border-top:1px solid var(--outline-variant);color:var(--error);background:#fff}.account-menu button:disabled,.sidebar-logout:disabled,.mobile-logout:disabled{cursor:wait;opacity:.65}.mobile-more-account{border-top:1px solid var(--outline-variant);flex-direction:column;gap:10px;margin-top:10px;padding:14px 4px 2px;display:flex}.mobile-more-account>span{flex-direction:column;min-width:0;padding:0 9px;display:flex}.mobile-more-account small{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-logout{color:#93000a;background:#ffdad6;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:11px 13px;font-weight:800;display:flex}.logout-toast{z-index:180;color:#93000a;background:#ffdad6;border:1px solid #ffb4ab;border-radius:12px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);margin:0;padding:13px 14px;display:flex;position:fixed;bottom:88px;right:16px;box-shadow:0 12px 36px #001b3f30}.logout-toast button{color:#93000a;background:#fff5f3;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.logout-toast .material-symbols-rounded{font-size:18px}@media (width>=680px){.mobile-more{display:none}}@media (width<=679px){.top-context.context-controls{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;grid-template-columns:auto 1fr 1fr;padding:8px;display:grid;position:absolute;top:70px;left:16px;right:100px;box-shadow:0 5px 20px #00266714}.context-controls select{min-width:0;max-width:none;font-size:11px}.content-container{padding-top:94px}.payment-row{grid-template-columns:auto minmax(0,1fr) auto}.payment-row>.button,.payment-row>.ghost{grid-column:2/-1}.page-header{align-items:flex-start}.page-header>.tabs{max-width:100%}}.scope-filter{flex-direction:column;gap:6px;min-width:220px;font-weight:700;display:flex}.scope-filter select{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;min-height:44px;padding:0 10px}:focus-visible{outline-offset:3px;outline:3px solid #6b8cff}.button:disabled{cursor:not-allowed;opacity:.55}.payment-row{overflow-wrap:anywhere}.payment-row>strong{white-space:nowrap}.reservation-layout{align-items:start}.area-choice-grid{gap:10px;margin-bottom:18px;display:grid}.area-choice{border:1px solid var(--outline-variant);text-align:left;background:#fff;border-radius:13px;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:0;display:grid;overflow:hidden}.area-choice.active{border:2px solid var(--primary);background:var(--primary-fixed)}.area-choice>img,.area-image-placeholder{object-fit:cover;width:76px;height:72px}.area-image-placeholder{background:linear-gradient(135deg,var(--primary-fixed),var(--secondary-container));color:var(--primary);place-items:center;display:grid}.area-image-placeholder .material-symbols-rounded{font-size:30px}.area-choice>span:last-child{flex-direction:column;gap:4px;min-width:0;padding-right:9px;display:flex}.area-choice small{color:var(--on-surface-variant);line-height:1.35}.reservation-date,.attendees-field{flex-direction:column;gap:7px;margin:18px 0;font-weight:700;display:flex}.reservation-date input,.attendees-field input{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:10px;min-height:46px;padding:0 12px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.slot-grid button{border:1px solid var(--outline-variant);background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:62px;padding:10px;display:flex}.slot-grid button.active{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.slot-grid button:disabled{cursor:not-allowed;background:var(--surface-container);color:var(--on-surface-variant);opacity:.68}.slot-grid small{font-size:10px}.area-admin-layout{align-items:start;gap:16px;display:grid}.area-form{align-items:start}.area-image-upload{border:2px dashed var(--outline-variant);background:var(--surface-container-low);cursor:pointer;border-radius:14px;place-items:center;min-height:190px;margin-top:8px;display:grid;position:relative;overflow:hidden}.area-image-upload>img{object-fit:cover;width:100%;height:220px}.area-image-upload>span{color:var(--primary);flex-direction:column;align-items:center;gap:7px;display:flex}.area-image-upload>span .material-symbols-rounded{font-size:42px}.area-image-upload small{color:var(--on-surface-variant);font-weight:400}.area-image-upload>input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.weekday-field,.blackout-field{border:1px solid var(--outline-variant);border-radius:12px;min-width:0;margin:0;padding:14px}.weekday-field legend,.blackout-field legend{padding:0 6px;font-weight:700}.weekday-field>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.weekday-field label{display:block;position:relative}.weekday-field input{opacity:0;position:absolute}.weekday-field span{border:1px solid var(--outline-variant);background:#fff;border-radius:9px;place-items:center;min-height:40px;display:grid}.weekday-field input:checked+span{border-color:var(--primary);background:var(--primary);color:#fff}.weekday-field input:focus-visible+span{outline-offset:2px;outline:3px solid #6b8cff}.blackout-adder{gap:8px;display:grid}.blackout-adder input{min-width:0}.blackout-row{border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.blackout-row span{flex-direction:column;gap:3px;min-width:0;display:flex}.blackout-row small{color:var(--on-surface-variant)}.area-admin-card{border-bottom:1px solid var(--outline-variant);grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.area-admin-card>img,.area-admin-card>.area-image-placeholder{object-fit:cover;border-radius:11px;width:74px;height:74px}.area-admin-card>div:not(.area-card-actions){flex-direction:column;gap:4px;min-width:0;display:flex}.area-admin-card small{color:var(--on-surface-variant);line-height:1.35}.area-card-actions{flex-wrap:wrap;grid-column:2/-1;gap:5px;display:flex}@media (width>=680px){.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blackout-adder{grid-template-columns:150px 1fr auto}.weekday-field>div{grid-template-columns:repeat(7,1fr)}}@media (width>=1000px){.area-admin-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}}@media (width<=679px){.area-form{grid-template-columns:1fr}.area-form>*{grid-column:1}.area-admin-card{grid-template-columns:64px minmax(0,1fr)}.area-admin-card>img,.area-admin-card>.area-image-placeholder{width:64px;height:64px}.area-admin-card>.status,.area-card-actions{grid-column:2}.page-header:has(.compact-tabs){flex-direction:column}.page-header:has(.compact-tabs) .compact-tabs{width:100%}.page-header:has(.compact-tabs) .compact-tabs button{flex:1}.blackout-adder .button{width:100%}}.area-catalog{min-width:0}.area-list-toolbar{border:1px solid var(--outline-variant);background:linear-gradient(135deg,#fff,var(--primary-fixed));border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px;display:flex}.area-list-toolbar h2{margin:0 0 5px;font-size:21px}.area-list-toolbar p{color:var(--on-surface-variant);margin:0}.area-list-controls{gap:12px;margin-bottom:16px;display:grid}.area-list-controls .search,.area-list-controls .tabs{margin:0}.area-filter-tabs{padding-bottom:2px}.area-catalog-grid{grid-template-columns:1fr;gap:14px;display:grid}.area-catalog-card{border:1px solid var(--outline-variant);background:#fff;border-radius:17px;grid-template-columns:112px minmax(0,1fr) auto;min-height:132px;display:grid;position:relative;overflow:visible;box-shadow:0 5px 20px #0026670a}.area-catalog-card>img,.area-catalog-card>.area-image-placeholder{object-fit:cover;border-radius:16px 0 0 16px;width:112px;height:100%;min-height:132px}.area-card-main{flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:18px;display:flex}.area-card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.area-card-title>div{flex-direction:column;gap:4px;min-width:0;display:flex}.area-card-title>div>strong{font-size:17px}.area-card-title small{color:var(--on-surface-variant)}.area-card-facts{color:var(--on-surface-variant);flex-wrap:wrap;gap:8px 15px;font-size:11px;display:flex}.area-card-facts span{align-items:center;gap:5px;display:flex}.area-card-facts .material-symbols-rounded{color:var(--primary);font-size:17px}.area-action-menu{align-self:start;margin:12px 12px 0 0;position:relative}.area-action-menu>summary{background:var(--surface-container);width:38px;height:38px;color:var(--primary);cursor:pointer;border-radius:10px;place-items:center;list-style:none;display:grid}.area-action-menu>summary::-webkit-details-marker{display:none}.area-action-menu>div{z-index:20;border:1px solid var(--outline-variant);background:#fff;border-radius:12px;width:170px;padding:6px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 15px 40px #0026672b}.area-action-menu button{width:100%;color:var(--on-surface);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.area-action-menu button:hover,.area-action-menu button:focus-visible{background:var(--primary-fixed);color:var(--primary)}.area-action-menu button .material-symbols-rounded{font-size:19px}.area-drawer-backdrop{z-index:90;background:#001b3f70;animation:.18s ease-out area-fade;position:fixed;inset:0}.area-drawer{background:var(--surface);flex-direction:column;width:min(740px,100%);height:100%;animation:.24s ease-out area-slide;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-18px 0 60px #001b3f4d}.area-drawer>header{border-bottom:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.area-drawer>header>div{flex-direction:column;gap:3px;display:flex}.area-drawer>header span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.area-drawer>header h2{margin:0;font-size:24px}.area-drawer-close{background:var(--surface-container);width:42px;height:42px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.area-scroll-shell{flex:1;min-height:0;position:relative;overflow:hidden}.area-scroll-shell:before,.area-scroll-shell:after{z-index:4;content:"";pointer-events:none;opacity:0;height:20px;transition:opacity .18s;position:absolute;left:0;right:8px}.area-scroll-shell:before{background:linear-gradient(#00266724,#0000);top:0}.area-scroll-shell:after{background:linear-gradient(#0000,#0026672b);bottom:0}.area-scroll-shell.can-scroll-up:before,.area-scroll-shell.can-scroll-down:after{opacity:1}.area-editor-form{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--primary) var(--primary-fixed);scrollbar-gutter:stable;scrollbar-width:auto;flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;padding:20px 24px 90px;display:flex;overflow-y:scroll}.area-editor-form::-webkit-scrollbar{width:8px}.area-editor-form::-webkit-scrollbar-track{background:var(--primary-fixed);border-radius:999px}.area-editor-form::-webkit-scrollbar-thumb{border:1px solid var(--primary-fixed);background:var(--primary);border-radius:999px}.area-editor-form::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}.area-scroll-hint{z-index:6;min-height:36px;color:var(--primary);white-space:nowrap;background:#fffffff2;border:1px solid #b7c4e9;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:14px;right:50%;transform:translate(50%);box-shadow:0 7px 20px #00266728}.area-scroll-hint .material-symbols-rounded{font-size:17px}.area-drawer>footer{border-top:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;box-shadow:0 -8px 24px #0026670a}.area-form-section{border:1px solid var(--outline-variant);background:#fff;border-radius:15px;scroll-margin-block:14px 90px;overflow:hidden}.area-form-section.open{border-color:#aebde8;box-shadow:0 5px 18px #0026670a}.area-section-head{width:100%;color:var(--on-surface);text-align:left;background:#fff;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.area-section-head>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.area-section-head small{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.area-section-icon{background:var(--primary-fixed);width:42px;height:42px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.area-section-body{border-top:1px solid #edf0f7;flex-direction:column;gap:16px;padding:2px 16px 18px;display:flex}.area-section-body>label,.drawer-field-grid label,.blackout-adder label{flex-direction:column;gap:7px;font-weight:700;display:flex}.area-section-body input:not([type=checkbox]):not([type=file]),.area-section-body select,.area-section-body textarea{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:46px;color:var(--on-surface);border-radius:10px;padding:0 12px}.area-section-body textarea{resize:vertical;padding:12px}.drawer-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-type-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.booking-type-cards button{border:1px solid var(--outline-variant);min-height:92px;color:var(--on-surface);text-align:left;background:#fff;border-radius:13px;align-items:flex-start;gap:10px;padding:14px;display:flex}.booking-type-cards button.active{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.booking-type-cards button>span{flex-direction:column;gap:5px;display:flex}.booking-type-cards small{color:var(--on-surface-variant);font-size:10px;line-height:1.35}.slot-preview{background:var(--surface-container-low);border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex}.slot-preview>div{flex-wrap:wrap;gap:7px;display:flex}.slot-preview>div span{color:var(--primary);background:#fff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:700}.slot-preview>small{color:#755600;align-items:center;gap:5px;display:flex}.slot-preview>small .material-symbols-rounded{font-size:17px}.area-section-body .weekday-field{margin-top:14px}.price-free-toggle{background:var(--surface-container-low);border-radius:11px;margin-top:4px}.area-editor-error{z-index:2;background:#ffdad6;border:1px solid #ffb4ab;border-radius:10px;margin:0;padding:12px;position:sticky;bottom:0}.area-section-body .blackout-adder{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.blackout-reason,.blackout-adder>.button{grid-column:1/-1}.blackout-row>div{flex-wrap:wrap;justify-content:flex-end;display:flex}.blackout-empty{border:1px dashed var(--outline-variant);min-height:130px;color:var(--on-surface-variant);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.blackout-empty .material-symbols-rounded{color:var(--primary);font-size:34px}@keyframes area-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes area-fade{0%{opacity:0}to{opacity:1}}@media (width>=680px){.area-list-controls{grid-template-columns:minmax(260px,1fr) auto;align-items:center}.area-filter-tabs{justify-content:flex-end}.area-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-catalog-card{grid-template-columns:96px minmax(0,1fr) auto}.area-catalog-card>img,.area-catalog-card>.area-image-placeholder{width:96px}.area-card-title{flex-direction:column}.area-card-main{padding:14px 10px}.area-card-facts{gap:6px 10px}}@media (width>=1150px){.area-catalog-card{grid-template-columns:120px minmax(0,1fr) auto}.area-catalog-card>img,.area-catalog-card>.area-image-placeholder{width:120px}.area-card-main{padding:18px}.area-card-title{flex-direction:row}}@media (width<=900px){.area-drawer{width:100%}}@media (width<=679px){.area-list-toolbar{flex-direction:column;align-items:stretch}.area-list-toolbar .button{width:100%}.area-catalog-card{grid-template-columns:88px minmax(0,1fr) auto}.area-catalog-card>img,.area-catalog-card>.area-image-placeholder{width:88px}.area-card-main{padding:13px 8px}.area-card-title{flex-direction:column}.area-card-facts{gap:6px 8px}.area-drawer>header,.area-editor-form,.area-drawer>footer{padding-left:16px;padding-right:16px}.area-drawer>footer .button{flex:1}.drawer-field-grid,.booking-type-cards,.area-section-body .blackout-adder{grid-template-columns:1fr}.blackout-reason,.blackout-adder>.button{grid-column:1}.area-section-head{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.area-section-icon{width:38px;height:38px}}.area-editor-form{scrollbar-width:thin}.area-form-section{flex:none}@media (prefers-reduced-motion:reduce){.area-editor-form{scroll-behavior:auto}.area-scroll-shell:before,.area-scroll-shell:after{transition:none}}.water-progress-card{background:linear-gradient(135deg,#fff,var(--primary-fixed));border:1px solid #b8c7ec;border-radius:16px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:grid}.water-progress-card>div:first-child{flex-direction:column;gap:4px;display:flex}.water-progress-card>div:first-child span{color:var(--on-surface-variant);font-size:11px}.water-progress-card>div:first-child strong{font-size:18px}.water-progress-track,.water-mini-progress{background:#dce5ff;border-radius:999px;height:9px;overflow:hidden}.water-progress-track i,.water-mini-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#00865d);height:100%;transition:width .25s;display:block}.water-progress-card>small{color:#755600;align-items:center;gap:5px;display:flex}.water-progress-card>small .material-symbols-rounded{font-size:18px}.water-period{flex-direction:column;gap:7px;max-width:320px;margin-bottom:15px;font-weight:700;display:flex}.water-period input{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;min-height:46px;padding:0 12px}.water-floor-tabs{scrollbar-color:var(--primary) var(--primary-fixed);scrollbar-width:thin;gap:9px;margin-bottom:16px;padding:2px 2px 8px;display:flex;overflow-x:auto}.water-floor-tabs button{border:1px solid var(--outline-variant);min-width:104px;min-height:60px;color:var(--on-surface);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 13px;display:flex}.water-floor-tabs button small{color:var(--on-surface-variant)}.water-floor-tabs button.active{border:2px solid var(--primary);background:var(--primary);color:#fff}.water-floor-tabs button.active small{color:#dce5ff}.water-reading-layout{align-items:start;gap:16px;margin-bottom:18px;display:grid}.water-unit-panel,.water-entry-card{border:1px solid var(--outline-variant);background:#fff;border-radius:18px;padding:20px;box-shadow:0 7px 26px #0026670b}.water-panel-title{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:14px;margin-bottom:16px;display:grid}.water-panel-title>div:first-child{flex-direction:column;gap:4px;display:flex}.water-panel-title>div:first-child span{color:var(--on-surface-variant);font-size:11px}.water-mini-progress{height:7px}.water-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.water-unit-card{border:1px solid var(--outline-variant);min-height:112px;color:var(--on-surface);text-align:left;background:#fff;border-radius:13px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.water-unit-card:hover{border-color:#8da4dd}.water-unit-card.selected{border:2px solid var(--primary);background:var(--primary-fixed)}.water-unit-card.completed{background:#effff8;border-color:#8bd8b9}.water-unit-card.missing-meter{background:#fff9e9;border-color:#e6c66c}.water-unit-number{background:var(--primary-fixed);width:46px;height:46px;color:var(--primary);border-radius:12px;place-items:center;font-size:15px;font-weight:800;display:grid}.water-unit-card.completed .water-unit-number{color:#006b49;background:#d5f7e9}.water-unit-card.missing-meter .water-unit-number{color:#755600;background:#fff0ca}.water-unit-card>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.water-unit-card>span:nth-child(2) strong,.water-unit-card>span:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.water-unit-card>span:nth-child(2) small{color:var(--on-surface-variant);font-size:10px}.water-unit-state{color:var(--primary);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;display:flex}.water-unit-state .material-symbols-rounded{font-size:17px}.water-unit-state small{font-weight:700}.water-entry-card{flex-direction:column;gap:15px;display:flex}.water-selected-head{border-bottom:1px solid var(--outline-variant);align-items:center;gap:12px;padding-bottom:14px;display:flex}.water-selected-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.water-selected-head h2{margin:0;font-size:22px}.water-selected-head small,.water-selected-head span{color:var(--on-surface-variant)}.water-entry-card>label{flex-direction:column;gap:8px;font-weight:700;display:flex}.water-entry-card>label input{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:11px;min-height:50px;padding:0 13px}.water-entry-card>label input:disabled{cursor:not-allowed;opacity:.6}.water-warning{background:#fff5d8;border-left-color:#c28b00}.water-completed-reading{text-align:center;flex-direction:column;gap:8px;display:flex}.water-completed-reading>.material-symbols-rounded{color:#00865d;font-size:44px}.water-consumption-preview{color:#006b49;background:#d5f7e9;border-radius:10px;align-items:center;gap:7px;margin:0;padding:12px;display:flex}.water-consumption-preview .material-symbols-rounded{font-size:20px}@media (width>=760px){.water-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.water-reading-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.water-entry-card{position:sticky;top:92px}.water-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1220px){.water-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=679px){.water-progress-card{grid-template-columns:1fr}.water-progress-card>small{justify-self:start}.water-period{max-width:none}.water-floor-tabs{margin-right:-16px}.water-unit-panel,.water-entry-card{padding:14px}.water-panel-title{grid-template-columns:1fr}.water-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.water-unit-card{grid-template-columns:38px minmax(0,1fr);min-height:120px;padding:9px}.water-unit-number{width:38px;height:38px;font-size:12px}.water-unit-state{justify-content:flex-start}.water-unit-state small{font-size:9px}}body+.modal-open{overflow:hidden}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.unit-header-actions{align-items:center;gap:10px;display:flex}.unit-import-backdrop{z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001b3f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.unit-import-panel{background:var(--surface-container-low,#f7f8ff);outline:0;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(920px,100vw - 72px);height:100%;display:grid;box-shadow:-20px 0 70px #001b3f42}.unit-import-header{border-bottom:1px solid var(--outline-variant);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.unit-import-header h2{margin:4px 0 6px;font-size:27px}.unit-import-header p{color:var(--on-surface-variant);margin:0}.icon-button{background:var(--surface-container);width:42px;height:42px;color:var(--on-surface);border-radius:50%;flex:0 0 42px;place-items:center;display:grid}.unit-import-steps{border-bottom:1px solid var(--outline-variant);background:#fff;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:14px 28px;list-style:none;display:grid}.unit-import-steps li{color:var(--on-surface-variant);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.unit-import-steps li span{background:var(--surface-container);width:28px;height:28px;color:var(--on-surface-variant);border-radius:50%;place-items:center;display:grid}.unit-import-steps li.active{color:var(--primary)}.unit-import-steps li.active span{background:var(--primary);color:#fff}.unit-import-body{scrollbar-gutter:stable;min-height:0;padding:24px 28px 40px;overflow-y:auto}.unit-import-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.unit-import-drop{text-align:center;cursor:pointer;background:#fff;border:2px dashed #8b9bb8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:310px;padding:30px;display:flex;position:relative}.unit-import-drop>.material-symbols-rounded{color:var(--primary);font-size:54px}.unit-import-drop>span:not(.button){color:var(--on-surface-variant)}.unit-import-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.unit-import-message{background:#ffdad6;border-radius:10px;padding:12px 14px}.unit-import-file{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;align-items:center;gap:12px;margin:4px 0 14px;padding:13px 16px;display:flex}.unit-import-file>.material-symbols-rounded{color:var(--primary)}.unit-import-file span{flex-direction:column;min-width:0;display:flex}.unit-import-file strong,.unit-import-file small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-import-file small{color:var(--on-surface-variant)}.unit-import-alert{border-radius:12px;gap:12px;margin:10px 0;padding:14px;display:flex}.unit-import-alert span{flex-direction:column;gap:3px;display:flex}.unit-import-alert.error{color:#93000a;background:#ffdad6}.unit-import-alert.warning{color:#765800;background:#fff1c7}.unit-import-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.unit-import-summary span{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:14px;display:flex}.unit-import-summary small{color:var(--on-surface-variant)}.unit-import-summary strong{font-size:24px}.unit-import-summary .has-errors{color:#93000a;background:#fff5f3;border-color:#ff897d}.unit-import-table-wrap{border:1px solid var(--outline-variant);outline-offset:3px;background:#fff;border-radius:14px;overflow:auto}.unit-import-table{border-collapse:collapse;width:100%;min-width:840px;font-size:12px}.unit-import-table th{z-index:1;text-align:left;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;background:#edf1fb;padding:12px;font-size:11px;position:sticky;top:0}.unit-import-table td{border-top:1px solid var(--outline-variant);vertical-align:top;padding:13px 12px}.unit-import-table tr.invalid{background:#fff8f7}.unit-import-table td>strong,.unit-import-table td>small{display:block}.unit-import-table td small{max-width:240px;color:var(--on-surface-variant);margin-top:4px}.unit-import-table ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.unit-import-table li.error{color:#ba1a1a}.unit-import-table li.warning{color:#806000}.import-operation{border-radius:999px;padding:5px 8px;font-weight:800;display:inline-flex}.import-operation.create{color:#006b49;background:#d5f7e9}.import-operation.update{background:var(--primary-fixed);color:var(--primary)}.import-valid{color:#007955;align-items:center;gap:4px;font-weight:700;display:flex}.import-valid .material-symbols-rounded{font-size:17px}.unit-import-footer{border-top:1px solid var(--outline-variant);background:#fff;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex;box-shadow:0 -10px 25px #001b3f0d}.unit-import-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.unit-import-result>.material-symbols-rounded{color:#00865d;font-size:72px}.unit-import-result h3{margin:12px 0 6px;font-size:27px}.unit-import-result p{color:var(--on-surface-variant);margin:0 0 22px}@media (width<=800px){.unit-header-actions{flex-wrap:wrap;width:100%}.unit-header-actions .button{flex:1}.unit-import-panel{width:100%}.unit-import-header{padding:20px}.unit-import-steps{padding:12px 20px}.unit-import-body{padding:20px 20px 32px}.unit-import-footer{padding:14px 20px}.unit-import-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.unit-header-actions{grid-template-columns:1fr;display:grid}.unit-import-header h2{font-size:23px}.unit-import-header p{font-size:13px}.unit-import-steps{gap:3px;padding:10px 14px}.unit-import-steps li{text-align:center;flex-direction:column;gap:4px;font-size:10px}.unit-import-body{padding:16px 14px 28px}.unit-import-drop{min-height:260px;padding:22px 14px}.unit-import-toolbar{display:grid}.unit-import-toolbar .button{width:100%}.unit-import-footer{padding:12px 14px}.unit-import-footer .button{flex:1;padding-inline:10px}.unit-import-summary{gap:7px}.unit-import-summary span{padding:11px}.unit-import-summary strong{font-size:20px}}.payment-drawer-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001b3f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.payment-drawer{background:var(--surface-container-low);outline:0;flex-direction:column;width:min(660px,100%);height:100%;animation:.24s ease-out area-slide;display:flex;box-shadow:-20px 0 70px #001b3f42}.payment-drawer>header{border-bottom:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 26px 19px;display:flex}.payment-drawer>header h2{margin:4px 0 5px;font-size:27px}.payment-drawer>header p{color:var(--on-surface-variant);margin:0}.payment-drawer-form{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px 26px 42px;display:flex;overflow-y:auto}.payment-drawer-form>label,.payment-field-row label{flex-direction:column;gap:8px;font-weight:700;display:flex}.payment-drawer-form input,.payment-drawer-form select{border:1px solid var(--outline-variant);width:100%;min-height:48px;color:var(--on-surface);background:#fff;border-radius:10px;padding:0 13px}.payment-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.payment-drawer-form .file-drop{background:#fff;min-height:190px}.payment-drawer-form .form-error{background:#ffdad6;border:1px solid #ffb4ab;border-radius:10px;margin:0;padding:11px 13px}.payment-drawer>footer{border-top:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex;box-shadow:0 -8px 24px #0026670a}.payment-confirm-backdrop{z-index:2;background:#001b3fb3;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.payment-notice{color:#006b49;background:#e7fff4;border:1px solid #84ceb2;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-weight:700;display:flex}.payment-notice>span{flex:1}.payment-notice>.material-symbols-rounded{font-size:22px}.payment-notice button{width:34px;height:34px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.payment-notice button:hover{background:#d3f5e6}@media (width<=679px){.payment-drawer{width:100%}.payment-drawer>header{padding:18px 16px 15px}.payment-drawer>header h2{font-size:23px}.payment-drawer>header p{font-size:12px}.payment-drawer-form{padding:18px 16px 34px}.payment-field-row{grid-template-columns:1fr}.payment-drawer>footer{padding:12px 16px}.payment-drawer>footer .button{flex:1}.payment-drawer-form .file-drop{min-height:165px}}@media (prefers-reduced-motion:reduce){.payment-drawer{animation:none}}.payment-review-tabs{margin-bottom:12px}.payment-review-tabs button{align-items:center;gap:7px;display:flex}.payment-review-tabs button span{background:var(--surface-container);min-width:22px;height:22px;color:var(--on-surface-variant);border-radius:999px;place-items:center;padding-inline:5px;font-size:9px;display:grid}.payment-review-tabs button.active span{color:var(--primary);background:#fff}.payment-review-notice{color:#006b49;background:#e7fff4;border:1px solid #84ceb2;border-radius:11px;align-items:center;gap:8px;margin:0 0 12px;padding:11px 13px;font-weight:700;display:flex}.payment-review-toolbar{grid-template-columns:minmax(260px,1fr) 210px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.payment-review-toolbar .search{margin:0}.payment-review-toolbar>label:not(.search){color:var(--on-surface-variant);text-transform:uppercase;flex-direction:column;gap:5px;font-size:9px;font-weight:800;display:flex}.payment-review-toolbar select{border:1px solid var(--outline-variant);min-height:44px;color:var(--on-surface);background:#fff;border-radius:11px;padding:0 34px 0 11px;font-size:12px}.payment-review-layout{grid-template-columns:minmax(350px,.85fr) minmax(430px,1.15fr);align-items:start;gap:14px;display:grid}.payment-review-queue{padding:0;overflow:visible}.payment-queue-list{min-height:280px}.payment-queue-row{border-bottom:1px solid var(--outline-variant);text-align:left;background:#fff;grid-template-columns:36px minmax(120px,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px 12px;transition:background .15s;display:grid}.payment-queue-row:first-child{border-radius:14px 14px 0 0}.payment-queue-row:hover{background:var(--surface-container-low)}.payment-queue-row.active{background:var(--primary-fixed);box-shadow:inset 3px 0 var(--primary)}.payment-file-type{color:#a43c32;background:#ffebe8;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.payment-file-type .material-symbols-rounded{font-size:19px}.payment-queue-row>span:not(.status):not(.payment-file-type){flex-direction:column;gap:3px;min-width:0;display:flex}.payment-queue-row strong,.payment-queue-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-queue-row strong{font-size:12px}.payment-queue-row small{color:var(--on-surface-variant);font-size:9px}.payment-queue-row>span:nth-child(3){align-items:flex-end}.payment-queue-row>.status{font-size:8px}.payment-queue-pagination{color:var(--on-surface-variant);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:10px;display:flex}.payment-queue-pagination>div{align-items:center;gap:7px;display:flex}.payment-queue-pagination strong{min-width:42px;color:var(--on-surface);text-align:center}.payment-queue-pagination .icon-button:disabled{opacity:.35}.payment-review-viewer{border:1px solid var(--outline-variant);background:#fff;border-radius:16px;grid-template-rows:auto minmax(280px,1fr) auto auto auto;min-height:610px;max-height:calc(100vh - 110px);display:grid;position:sticky;top:88px;overflow:hidden;box-shadow:0 10px 32px #00266712}.payment-review-viewer>header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.payment-review-viewer>header h2{margin:3px 0;font-size:22px}.payment-review-viewer>header p{color:var(--on-surface-variant);margin:0;font-size:11px}.review-mobile-close{display:none}.payment-proof-stage{background:#e9ebf0;place-items:center;min-height:280px;padding:14px;display:grid;overflow:hidden}.payment-proof-stage>img{object-fit:contain;width:100%;height:100%;max-height:390px}.payment-proof-stage>iframe{background:#fff;border:0;border-radius:8px;width:100%;height:100%;min-height:390px}.payment-proof-empty{max-width:280px;color:var(--on-surface-variant);text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.payment-proof-empty>.material-symbols-rounded{color:var(--primary);font-size:48px}.payment-proof-empty small{line-height:1.4}.payment-review-data{border-top:1px solid var(--outline-variant);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:12px 18px;display:grid}.payment-review-data>div{flex-direction:column;gap:4px;min-width:0;padding-right:9px;display:flex}.payment-review-data dt{color:var(--on-surface-variant);text-transform:uppercase;font-size:8px;font-weight:800}.payment-review-data dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-weight:700;overflow:hidden}.payment-rejection-copy{color:#7a271f;background:#ffdad6;border-radius:9px;flex-direction:column;gap:3px;margin:0 18px 12px;padding:9px 11px;font-size:10px;display:flex}.payment-review-viewer>footer{border-top:1px solid var(--outline-variant);background:#fff;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.payment-review-finished{min-height:520px;color:var(--on-surface-variant);text-align:center;flex-direction:column;grid-row:1/-1;justify-content:center;align-items:center;padding:30px;display:flex}.payment-review-finished>.material-symbols-rounded{color:#00865d;font-size:60px}.payment-review-finished h2{color:var(--on-surface);margin:10px 0 4px}.payment-review-finished p{margin:0}.payment-review-mobile-backdrop{display:none}@media (width<=1079px){.payment-review-layout{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)}.payment-queue-row{grid-template-columns:34px minmax(100px,1fr) auto}.payment-queue-row>.status{display:none}.payment-review-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}@media (width<=899px){.payment-review-layout{display:block}.payment-review-layout>.payment-review-viewer{display:none}.payment-review-mobile-backdrop{z-index:145;background:#001b3f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.payment-review-mobile-backdrop .payment-review-viewer{border:0;border-radius:0;width:100%;height:100%;max-height:none;display:grid;position:static}.review-mobile-close{display:grid}.payment-proof-stage>iframe{min-height:420px}}@media (width<=599px){.payment-review-tabs{grid-template-columns:repeat(2,1fr);display:grid}.payment-review-tabs button{justify-content:center}.payment-review-toolbar{grid-template-columns:1fr}.payment-review-toolbar select{width:100%}.payment-queue-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding-inline:10px}.payment-review-data{padding:10px 14px}.payment-review-viewer>header{padding:14px}.payment-proof-stage{padding:8px}.payment-review-viewer>footer{grid-template-columns:1fr 1fr;padding:10px 14px;display:grid}.payment-review-viewer>footer .button:first-child{grid-column:1/-1}.payment-review-viewer>footer .button{width:100%}}body.modal-open{overflow:hidden}.admin-access-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.admin-access-state>.material-symbols-rounded{color:var(--primary);font-size:64px}.admin-access-state h1{margin:14px 0 8px}.admin-access-state p{max-width:520px;color:var(--on-surface-variant);margin:0}.admin-assignment-field,.building-assignment-field{border:1px solid var(--outline-variant);border-radius:14px;min-width:0;margin:0;padding:16px}.admin-assignment-field legend,.building-assignment-field legend{padding:0 7px;font-weight:800}.admin-assignment-field>p,.building-assignment-field>p{color:var(--on-surface-variant);margin:0 0 12px;font-size:12px}.admin-assignment-field>div,.building-assignment-field>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.admin-assignment-field label,.building-assignment-field label{border:1px solid var(--outline-variant);cursor:pointer;background:#fff;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:11px;display:grid}.admin-assignment-field label.selected,.building-assignment-field label.selected{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.admin-assignment-field input,.building-assignment-field input{opacity:0;position:absolute}.admin-assignment-field label>span,.building-assignment-field label>span{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-assignment-field small,.building-assignment-field small{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.admin-assignment-field label>.material-symbols-rounded,.building-assignment-field label>.material-symbols-rounded{color:var(--primary)}.super-building-card{align-items:start}.building-admins{background:var(--primary-fixed);color:var(--primary);border-radius:11px;grid-column:1/-1;align-items:center;gap:10px;margin-top:8px;padding:11px;display:flex}.building-admins.unassigned{color:#765800;background:#fff1c7}.building-admins>span{flex-direction:column;gap:3px;min-width:0;display:flex}.building-admins small{color:inherit}.building-card-actions{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.admin-management-layout{align-items:start;gap:18px;display:grid}.admin-manager-form,.admin-manager-form h2{margin:0}.assignment-warning{color:#765800;background:#fff1c7;border-radius:9px;align-items:flex-start;gap:7px;padding:10px;font-size:12px;display:flex}.assignment-warning .material-symbols-rounded{font-size:18px}.admin-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-building-summary{color:var(--primary);font-size:11px;font-weight:700}.admin-building-summary.unassigned{color:#765800}@media (width>=1000px){.admin-management-layout{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr)}.admin-manager-form{position:sticky;top:92px}.super-building-form .admin-assignment-field>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=679px){.admin-assignment-field>div,.building-assignment-field>div{grid-template-columns:1fr}.building-grid .super-building-card{flex-direction:column;align-items:stretch;display:flex}.super-building-card>.building-icon{align-self:flex-start}.building-admins,.building-card-actions{width:100%}.admin-row{grid-template-columns:auto minmax(0,1fr)}.admin-row>.status,.admin-row>.ghost{grid-column:2}.admin-access-state{min-height:340px;padding:26px}}.reservation-steps{grid-template-columns:repeat(5,minmax(86px,1fr));gap:0;margin:0 0 18px;padding:0 4px 8px;list-style:none;display:grid;overflow-x:auto}.reservation-steps li{color:var(--on-surface-variant);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.reservation-steps li:not(:last-child):after{z-index:0;background:var(--outline-variant);content:"";width:calc(100% - 40px);height:2px;position:absolute;top:16px;left:calc(50% + 20px)}.reservation-steps li.active:not(:last-child):after{background:var(--primary)}.reservation-steps li span{z-index:1;border:2px solid var(--outline-variant);background:var(--surface-container-low);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.reservation-steps li.active{color:var(--primary)}.reservation-steps li.active span{border-color:var(--primary);background:var(--primary);color:#fff}.reservation-layout{align-items:start;gap:18px;display:grid}.reservation-builder{gap:24px;display:grid}.reservation-builder>section{gap:14px;display:grid}.reservation-builder .section-title{margin:0}.area-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-choice{min-height:78px;transition:border-color .18s,transform .18s,box-shadow .18s}.area-choice:hover{border-color:#849bd5;transform:translateY(-1px);box-shadow:0 6px 18px #00266712}.area-choice:focus-visible{outline-offset:2px;outline:3px solid #6b8cff}.selected-area-hero{border:1px solid var(--outline-variant);background:linear-gradient(135deg,#f8faff,#eef3ff);border-radius:18px;display:grid;overflow:hidden;box-shadow:0 9px 28px #0026670d}.selected-area-hero>img,.selected-area-placeholder{object-fit:cover;width:100%;height:210px}.selected-area-placeholder{background:linear-gradient(135deg,var(--primary-fixed),var(--secondary-container));color:var(--primary);place-items:center;display:grid}.selected-area-placeholder .material-symbols-rounded{font-size:58px}.selected-area-hero>div{padding:20px}.selected-area-hero h2{margin:5px 0 7px;font-size:25px}.selected-area-hero p{color:var(--on-surface-variant);margin:0 0 16px;line-height:1.5}.area-facts{flex-wrap:wrap;gap:8px;display:flex}.area-facts span{color:var(--on-surface-variant);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0026670a}.area-facts .material-symbols-rounded{color:var(--primary);font-size:17px}.reservation-date-section{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:14px;padding:18px}.reservation-date{max-width:340px;margin:0}.slot-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.slot-heading h2,.attendee-section h2{margin:0 0 5px;font-size:18px}.slot-heading p,.attendee-section p{color:var(--on-surface-variant);margin:0;font-size:12px}.slot-filter{border:1px solid var(--primary);min-height:38px;color:var(--primary);background:#fff;border-radius:999px;flex:none;padding:0 13px;font-size:12px;font-weight:800}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.slot-grid .reservation-slot{text-align:left;border-width:1px;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:5px;min-height:116px;padding:14px;display:grid;position:relative}.reservation-slot .slot-time{color:var(--on-surface);grid-column:1/-1;font-size:18px;font-weight:900}.reservation-slot strong{font-size:12px}.reservation-slot small{color:var(--on-surface-variant);text-align:right;align-self:center;font-size:10px}.reservation-slot.available{background:#f2fff9;border-color:#84ceb2}.reservation-slot.limited{background:#fff9e9;border-color:#e7bd54}.slot-grid .reservation-slot.sold-out{opacity:1;background:#f1f2f5;border-color:#d1d5df}.slot-grid .reservation-slot.active{border:2px solid var(--primary);background:var(--primary-fixed);box-shadow:0 0 0 3px #dce5ff}.slot-progress{background:#dfe3eb;border-radius:999px;grid-column:1/-1;height:7px;margin-top:4px;overflow:hidden}.slot-progress i{border-radius:inherit;background:#00865d;height:100%;display:block}.reservation-slot.limited .slot-progress i{background:#c18400}.reservation-slot.sold-out .slot-progress i{background:#7b7f89}.attendee-section{border:1px solid var(--outline-variant);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex!important}.attendee-stepper{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:13px;flex:none;grid-template-columns:48px 86px 48px;align-items:stretch;display:grid;overflow:hidden}.attendee-stepper button{min-height:54px;color:var(--primary);background:#fff;place-items:center;font-size:25px;font-weight:700;display:grid}.attendee-stepper button:disabled{color:#a8adb8;background:#f2f3f6}.attendee-stepper output{border-inline:1px solid var(--outline-variant);flex-direction:column;justify-content:center;align-items:center;display:flex}.attendee-stepper output strong{font-size:20px}.attendee-stepper output small{color:var(--on-surface-variant);font-size:9px}.reservation-summary{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1f5ffed;border:1px solid #9db4ed;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;position:sticky;bottom:10px;box-shadow:0 14px 38px #00266726}.reservation-summary h2{margin:3px 0;font-size:19px}.reservation-summary p{margin:0 0 4px;font-weight:700}.reservation-summary small{color:var(--on-surface-variant)}.reservation-summary .button{flex:none}.resident-reservations .payment-row{grid-template-columns:minmax(0,1fr) auto}.resident-reservations .payment-row>.ghost{grid-column:1/-1;justify-self:start}@media (width>=720px){.selected-area-hero{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)}.selected-area-hero>img,.selected-area-placeholder{height:100%;min-height:220px}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1080px){.reservation-layout{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr)}.resident-reservations{position:sticky;top:90px}.area-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area-choice{grid-template-columns:64px minmax(0,1fr)}.area-choice>img,.area-choice>.area-image-placeholder{width:64px;height:76px}}@media (width<=719px){.reservation-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin-right:0;padding-inline:0;overflow:visible}.reservation-steps li{min-width:0}.reservation-steps li:not(:last-child):after{width:calc(100% - 34px);left:calc(50% + 17px)}.reservation-steps li strong{font-size:8px}.area-choice-grid{grid-template-columns:1fr}.selected-area-hero>img,.selected-area-placeholder{height:175px}.selected-area-hero>div{padding:16px}.slot-heading{flex-direction:column;align-items:flex-start}.slot-filter{width:100%}.slot-grid{grid-template-columns:1fr}.slot-grid .reservation-slot{min-height:104px}.attendee-section{flex-direction:column;align-items:stretch}.attendee-stepper{grid-template-columns:1fr 1.35fr 1fr;width:100%}.reservation-summary{flex-direction:column;align-items:stretch;position:static}.reservation-summary .button{width:100%}}.unit-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.unit-summary>div{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:11px 13px;display:flex}.unit-summary span{color:var(--on-surface-variant);font-size:10px;font-weight:700}.unit-summary strong{color:var(--primary);font-size:17px}.unit-list-toolbar{grid-template-columns:minmax(260px,1fr) 170px 170px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.unit-list-toolbar .search{margin:0}.unit-list-toolbar>label:not(.search){color:var(--on-surface-variant);text-transform:uppercase;flex-direction:column;gap:5px;font-size:9px;font-weight:800;display:flex}.unit-list-toolbar select{border:1px solid var(--outline-variant);min-height:44px;color:var(--on-surface);background:#fff;border-radius:11px;padding:0 34px 0 11px;font-size:12px}.unit-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.unit-compact-card{border:1px solid var(--outline-variant);background:#fff;border-radius:11px;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;min-width:0;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.unit-compact-card:hover{border-color:#aebde8;box-shadow:0 5px 15px #0026670c}.unit-compact-main{text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:68px;padding:9px 7px 9px 12px;display:grid}.unit-compact-main:focus-visible{z-index:1;outline-offset:-2px;border-radius:10px;outline:3px solid #6b8cff}.unit-compact-heading{flex-direction:column;gap:3px;min-width:0;display:flex}.unit-compact-heading strong,.unit-compact-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-compact-heading strong{font-size:13px}.unit-compact-heading small{color:var(--on-surface-variant);font-size:10px}.unit-compact-facts{flex-direction:column;align-items:flex-end;gap:4px;font-size:9px;font-weight:800;display:flex}.unit-compact-facts>span:first-child{color:var(--primary);align-items:center;gap:2px;font-size:11px;display:flex}.unit-compact-facts .material-symbols-rounded{font-size:13px}.unit-compact-facts .active,.unit-compact-facts .exempt{border-radius:999px;padding:2px 6px}.unit-compact-facts .active{color:#087553;background:#d9f7e9}.unit-compact-facts .exempt{color:#646873;background:#f0f1f5}.unit-action-menu{border-left:1px solid var(--outline-variant);place-items:center;display:grid;position:relative}.unit-action-menu summary{width:38px;height:40px;color:var(--on-surface-variant);cursor:pointer;border-radius:9px;place-items:center;list-style:none;display:grid}.unit-action-menu summary::-webkit-details-marker{display:none}.unit-action-menu summary:hover{background:var(--surface-container)}.unit-action-menu[open] summary{background:var(--primary-fixed);color:var(--primary)}.unit-action-menu>div{z-index:20;border:1px solid var(--outline-variant);background:#fff;border-radius:11px;width:max-content;min-width:170px;padding:6px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 12px 30px #001d1728}.unit-action-menu button{text-align:left;background:0 0;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.unit-action-menu button:hover{background:var(--surface-container)}.unit-action-menu button .material-symbols-rounded{font-size:18px}.unit-grid-empty{border:1px dashed var(--outline-variant);background:#fff;border-radius:14px;grid-column:1/-1;min-height:220px}.unit-pagination{color:var(--on-surface-variant);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:10px 2px;font-size:11px;display:flex}.unit-pagination>div{align-items:center;gap:10px;display:flex}.unit-pagination strong{min-width:92px;color:var(--on-surface);text-align:center;font-size:11px}.unit-pagination .icon-button:disabled{opacity:.35;cursor:not-allowed}.unit-editor-backdrop{z-index:85;background:#061b1759;justify-content:flex-end;display:flex;position:fixed;inset:0}.unit-editor-panel{background:var(--surface-container-low);grid-template-rows:auto minmax(0,1fr);width:min(740px,100%);height:100%;display:grid;box-shadow:-18px 0 50px #001d1733}.unit-editor-panel>header{border-bottom:1px solid var(--outline-variant);background:#fff;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.unit-editor-panel>header h2{margin:3px 0 0;font-size:21px}.unit-editor-panel-form{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.unit-editor-scroll{scrollbar-gutter:stable;align-content:start;gap:14px;padding:18px 22px 26px;display:grid;overflow-y:auto}.unit-editor-panel-form>footer{border-top:1px solid var(--outline-variant);background:#fff;justify-content:flex-end;gap:9px;padding:13px 22px;display:flex;box-shadow:0 -8px 22px #001d170d}.unit-editor-section{border:1px solid var(--outline-variant);background:#fff;border-radius:15px;padding:18px;box-shadow:0 6px 20px #00266708}.unit-section-heading{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:15px;display:grid}.unit-section-heading>span{background:var(--primary-fixed);width:40px;height:40px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.unit-section-heading h2{margin:0 0 3px;font-size:16px}.unit-section-heading p{color:var(--on-surface-variant);margin:0;font-size:11px;line-height:1.45}.unit-people-heading{grid-template-columns:40px minmax(0,1fr) auto}.unit-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.unit-field-grid label{flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:700;display:flex}.unit-field-grid label>small{color:var(--on-surface-variant);font-weight:500}.unit-field-grid input,.unit-field-grid select{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:44px;color:var(--on-surface);border-radius:9px;padding:0 11px}.unit-field-grid .wide{grid-column:1/-1}.unit-code-preview{background:var(--primary-fixed);color:var(--primary);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.unit-code-preview span{font-size:10px}.unit-code-preview strong{margin-left:auto}.unit-code-preview .material-symbols-rounded{font-size:18px}.unit-member-list{gap:11px;display:grid}.unit-member-card{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:13px;overflow:hidden}.unit-member-card>header{border-bottom:1px solid var(--outline-variant);background:#fff;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.unit-member-index{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.unit-member-card>.unit-field-grid{padding:12px}.unit-primary-check{border:1px solid var(--outline-variant);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-self:end;align-items:center;min-height:44px;padding:7px 10px;display:grid!important}.unit-primary-check input{width:20px;height:20px;min-height:0}.unit-primary-check>span{flex-direction:column;display:flex}.unit-primary-check small{color:var(--on-surface-variant);font-size:9px;font-weight:500}.unit-people-empty{border:1px dashed var(--outline-variant);min-height:170px;color:var(--on-surface-variant);text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex}.unit-people-empty>.material-symbols-rounded{color:var(--primary);font-size:40px}.unit-people-empty p{margin:5px 0 13px}.unit-editor-scroll>.form-error{background:#ffdad6;border:1px solid #ffb4ab;border-radius:10px;margin:0;padding:12px 14px;font-size:12px}@media (width>=1280px){.unit-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=899px){.unit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-list-toolbar{grid-template-columns:1fr 1fr}.unit-list-toolbar .search{grid-column:1/-1}.unit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-editor-panel{width:100%}}@media (width<=679px){.unit-page-header{flex-direction:column;align-items:stretch}.unit-page-header>div:first-child{width:100%}.unit-page-header .unit-header-actions{grid-template-columns:1fr;width:100%}.unit-page-header .unit-header-actions .button{width:100%}.unit-summary{gap:7px}.unit-summary>div{padding:9px 10px}.unit-list-toolbar{grid-template-columns:1fr 1fr;gap:8px}.unit-list-toolbar select{width:100%}.unit-compact-grid{grid-template-columns:1fr}.unit-compact-main{min-height:64px}.unit-pagination{flex-direction:column;align-items:stretch}.unit-pagination>div{justify-content:space-between}.unit-editor-panel>header{padding:15px 16px}.unit-editor-scroll{padding:14px 14px 22px}.unit-editor-section{padding:15px}.unit-field-grid{grid-template-columns:1fr}.unit-field-grid .wide{grid-column:1}.unit-people-heading{grid-template-columns:40px minmax(0,1fr)}.unit-people-heading>.button{grid-column:1/-1;width:100%}.unit-editor-panel-form>footer{padding:11px 14px}.unit-editor-panel-form>footer .button{flex:1}}.resident-document-list{padding:7px 18px}.resident-document-row{border-bottom:1px solid #edf0f7;grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:60px;padding:7px 0;display:grid}.resident-document-row:last-child{border-bottom:0}.document-file-icon{color:#a43c32;background:#ffebe8;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.document-file-icon .material-symbols-rounded{font-size:21px}.document-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.document-copy strong,.document-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-copy strong{font-size:13px}.document-copy small{color:var(--on-surface-variant);font-size:10px}.document-download{background:var(--primary-fixed);width:40px;height:40px;color:var(--primary);border:1px solid #0000;border-radius:10px;place-items:center;transition:background .15s,border-color .15s,transform .15s;display:grid}.document-download .material-symbols-rounded{font-size:20px}.document-download:hover{background:#dce5ff;border-color:#aebde8}.document-download:active{transform:scale(.96)}@media (width<=679px){.resident-document-list{padding:5px 12px}.resident-document-row{grid-template-columns:36px minmax(0,1fr) 44px;gap:9px;min-height:62px;padding:8px 0}.document-download{width:44px;height:44px}.document-copy strong{font-size:12px}}.resident-water-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.resident-water-summary article{border:1px solid var(--outline-variant);background:#fff;border-radius:15px;align-items:center;gap:11px;min-width:0;min-height:92px;padding:15px;display:flex}.resident-water-summary article.primary{background:linear-gradient(135deg,var(--primary-fixed),#f8faff);border-color:#aebde8}.resident-water-summary article>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-water-summary small{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.resident-water-summary strong{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:21px;overflow:hidden}.resident-water-summary em{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.resident-water-summary-icon{background:var(--primary-fixed);width:38px;height:38px;color:var(--primary);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.resident-water-summary article.primary .resident-water-summary-icon{background:var(--primary);color:#fff}.resident-water-layout{align-items:start;gap:16px;display:grid}.resident-water-chart-card,.resident-water-history{margin:0}.resident-water-chart{justify-content:space-around;align-items:stretch;gap:10px;height:175px;padding:5px 8px 0;display:flex}.resident-water-bar{text-align:center;flex:1;grid-template-rows:18px minmax(0,1fr) 18px;gap:4px;min-width:0;display:grid}.resident-water-bar>strong{color:var(--primary);font-size:10px}.resident-water-bar>span{border-bottom:1px solid var(--outline-variant);justify-content:center;align-items:flex-end;min-height:0;display:flex}.resident-water-bar i{background:linear-gradient(180deg,#3766c7,var(--primary));border-radius:7px 7px 2px 2px;width:min(34px,75%);min-height:8px;display:block}.resident-water-bar small{color:var(--on-surface-variant);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:10px;overflow:hidden}.resident-water-history{padding-top:17px;padding-bottom:8px}.resident-water-history-row{border-top:1px solid #edf0f7;justify-content:space-between;align-items:center;gap:14px;min-height:58px;display:flex}.resident-water-history .section-title+.resident-water-history-row{border-top:0}.resident-water-history-row>span{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-water-history-row span strong,.resident-water-history-row span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resident-water-history-row span small{color:var(--on-surface-variant);font-size:10px}.resident-water-history-row>strong{color:var(--primary);flex:none;font-size:13px}@media (width>=900px){.resident-water-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (width<=679px){.resident-water-summary{grid-template-columns:1fr 1fr;gap:8px}.resident-water-summary article{min-height:82px;padding:11px 9px}.resident-water-summary article.primary{grid-column:1/-1}.resident-water-summary-icon{flex-basis:32px;width:32px;height:32px}.resident-water-summary strong{font-size:18px}.resident-water-chart{height:155px;padding-inline:0}.resident-water-chart-card,.resident-water-history{padding:15px}.resident-water-history-row{min-height:55px}}.area-picker-section{order:-1}.area-mobile-actions,.slot-label-short{display:none}@media (width<=1079px){.reservation-builder{gap:16px;padding:16px}.reservation-builder>section{gap:10px}.reservation-builder>.area-picker-section{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:14px;order:0;padding:14px;display:none}.reservation-builder>.area-picker-section.open{display:grid}.area-picker-section .area-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.area-picker-section .section-title h2{font-size:16px}.selected-area-hero{min-height:106px;box-shadow:none;border-radius:14px;grid-template-columns:82px minmax(0,1fr)}.selected-area-hero>img,.selected-area-hero>.selected-area-placeholder{width:82px;height:100%;min-height:106px}.selected-area-placeholder .material-symbols-rounded{font-size:32px}.selected-area-hero>.selected-area-content{padding:12px 13px}.selected-area-hero .eyebrow{font-size:9px}.selected-area-hero h2{margin:2px 0 6px;font-size:19px}.area-rules-desktop{display:none}.selected-area-hero .area-facts{gap:4px 10px}.selected-area-hero .area-facts span{box-shadow:none;background:0 0;padding:0;font-size:10px}.selected-area-hero .area-facts .material-symbols-rounded{font-size:14px}.area-mobile-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.area-mobile-actions details{min-width:0;color:var(--primary);font-size:10px;font-weight:800;position:relative}.area-mobile-actions summary{cursor:pointer}.area-mobile-actions details p{z-index:5;border:1px solid var(--outline-variant);width:min(280px,70vw);color:var(--on-surface-variant);background:#fff;border-radius:9px;margin:0;padding:10px;font-size:10px;font-weight:500;line-height:1.45;position:absolute;top:22px;left:0;box-shadow:0 10px 24px #00266724}.change-area-button{border:1px solid var(--primary);min-height:32px;color:var(--primary);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.change-area-button .material-symbols-rounded{font-size:16px}.reservation-date-section{padding:13px}.reservation-date input{min-height:42px}.slot-heading{flex-direction:row;align-items:center}.slot-heading h2{font-size:16px}.slot-heading p{font-size:10px}.slot-filter{width:auto;min-height:34px;padding-inline:11px;font-size:10px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.slot-grid .reservation-slot{grid-template-columns:1fr;align-content:center;gap:3px;min-height:72px;padding:10px 11px;display:grid}.reservation-slot .slot-time{grid-column:1;font-size:15px}.reservation-slot strong{font-size:11px}.slot-label-long{display:none}.slot-label-short{display:inline}.reservation-slot small,.reservation-slot .slot-progress{display:none}.slot-grid .reservation-slot.active{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;min-height:88px;padding:12px}.slot-grid .reservation-slot.active .slot-time{grid-column:1/-1;font-size:17px}.slot-grid .reservation-slot.active .slot-label-long{display:inline}.slot-grid .reservation-slot.active .slot-label-short{display:none}.slot-grid .reservation-slot.active small{align-self:center;display:block}.slot-grid .reservation-slot.active .slot-progress{grid-column:1/-1;display:block}.slot-grid .reservation-slot.full-day-slot{grid-column:1/-1}.slot-grid .reservation-slot.full-day-slot small,.slot-grid .reservation-slot.full-day-slot .slot-progress{display:block}.slot-grid .reservation-slot.full-day-slot .slot-progress{grid-column:1/-1}.attendee-section{gap:12px;padding:14px}.attendee-section h2{font-size:16px}.attendee-stepper button{min-height:48px}.reservation-summary{gap:10px;padding:14px 15px}.reservation-summary h2{font-size:17px}.reservation-summary p{font-size:12px}.reservation-summary small{font-size:10px}}@media (width<=719px){.area-picker-section .area-choice-grid{grid-template-columns:1fr}.selected-area-hero{grid-template-columns:74px minmax(0,1fr)}.selected-area-hero>img,.selected-area-hero>.selected-area-placeholder{width:74px;height:100%;min-height:112px}.slot-heading{flex-direction:column;align-items:flex-start}.slot-filter{width:100%}}.reservation-steps.exclusive{grid-template-columns:repeat(4,minmax(86px,1fr))}.selected-slot-detail{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:12px;gap:8px;padding:12px 14px;display:grid}.selected-slot-detail>span:first-child{align-items:center;gap:9px;display:flex}.selected-slot-detail>span:first-child>.material-symbols-rounded{color:var(--primary)}.selected-slot-detail>span:first-child>small{color:var(--on-surface-variant);margin-left:auto}.selected-slot-detail>.slot-progress{height:6px;display:block}.capacity-mode-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capacity-mode-cards button{border:1px solid var(--outline-variant);text-align:left;background:#fff;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:12px;display:grid}.capacity-mode-cards button.active{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.capacity-mode-cards button>.material-symbols-rounded{font-size:25px}.capacity-mode-cards button>span{flex-direction:column;gap:3px;display:flex}.capacity-mode-cards small{color:var(--on-surface-variant);font-size:10px;line-height:1.35}@media (width<=1079px){.reservation-builder>.area-picker-section{background:0 0;border:0;order:-1;padding:0;display:grid}.area-picker-section .section-title{margin-bottom:0}.area-picker-section .area-choice-grid{scrollbar-width:thin;scroll-snap-type:x proximity;grid-template-columns:none;gap:8px;margin:0 -16px;padding:2px 16px 9px;display:flex;overflow-x:auto}.area-picker-section .area-choice{scroll-snap-align:center;grid-template-columns:52px minmax(0,1fr);gap:8px;width:142px;min-width:142px;min-height:64px}.area-picker-section .area-choice>img,.area-picker-section .area-image-placeholder{width:52px;height:62px}.area-picker-section .area-choice>span:last-child{gap:2px}.area-picker-section .area-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.area-picker-section .area-choice small{font-size:9px}.selected-area-hero{grid-template-columns:88px minmax(0,1fr)}.selected-area-hero>img,.selected-area-hero>.selected-area-placeholder{width:88px;min-height:132px}.selected-area-hero>.selected-area-content{padding:12px 14px}.selected-area-hero .selected-area-content>p{margin:2px 0 8px;font-size:10px;line-height:1.35;display:block}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot-grid .reservation-slot,.slot-grid .reservation-slot.active{min-height:56px;box-shadow:none;flex-direction:column;grid-column:auto;justify-content:center;align-items:flex-start;gap:2px;padding:7px 8px;display:flex}.slot-grid .reservation-slot .slot-time,.slot-grid .reservation-slot.active .slot-time{white-space:nowrap;grid-column:auto;font-size:11px}.slot-grid .reservation-slot strong,.slot-grid .reservation-slot.active strong{font-size:9px}.slot-grid .reservation-slot.full-day-slot{grid-column:1/-1}.selected-slot-detail{padding:10px 11px}.selected-slot-detail>span:first-child{grid-template-columns:auto minmax(0,1fr);gap:2px 7px;display:grid}.selected-slot-detail>span:first-child>.material-symbols-rounded{grid-row:1/3}.selected-slot-detail>span:first-child>small{margin:0;font-size:9px}.reservation-summary{margin-top:0}}@media (width<=719px){.reservation-steps.exclusive{grid-template-columns:repeat(4,minmax(0,1fr))}.selected-area-hero{grid-template-columns:78px minmax(0,1fr)}.selected-area-hero>img,.selected-area-hero>.selected-area-placeholder{width:78px;min-height:142px}.capacity-mode-cards{grid-template-columns:1fr}}.finance-tabs{margin-bottom:18px;overflow-x:auto}.finance-tabs button{white-space:nowrap}.finance-stack{gap:16px;display:grid}.finance-toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.finance-toolbar label,.account-toolbar label{color:var(--on-surface-variant);gap:6px;font-size:11px;font-weight:800;display:grid}.finance-toolbar select,.finance-toolbar input,.account-toolbar select{border:1px solid var(--outline-variant);min-height:44px;color:var(--on-surface);background:#fff;border-radius:10px;padding:0 12px}.finance-fund-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.finance-fund{padding:16px}.finance-fund header{justify-content:space-between;align-items:start;gap:8px;display:flex}.finance-fund h2{margin:0;font-size:16px}.finance-fund header span{background:var(--surface-container);color:var(--on-surface-variant);border-radius:999px;padding:4px 7px;font-size:9px}.finance-fund dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 0;display:grid}.finance-fund dl div{flex-direction:column;gap:2px;min-width:0;display:flex}.finance-fund dt{color:var(--on-surface-variant);font-size:9px}.finance-fund dd{text-overflow:ellipsis;margin:0;font-size:13px;font-weight:800;overflow:hidden}.finance-warning{color:#704f00;background:#fff7df;border:1px solid #f5ca69;border-radius:12px;gap:4px;padding:13px 15px;font-size:11px;display:grid}.finance-forms .form-card{margin:0}.finance-forms h2,.finance-lines h2,.finance-preview h2,.settlement-checklist h2,.billing-settings h2,.account-ledger h2,.budget-execution h2{margin:0 0 12px;font-size:17px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.finance-line{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.finance-line:last-child{border-bottom:0}.finance-line>span{flex-direction:column;gap:3px;min-width:0;display:flex}.finance-line>span:last-child{text-align:right}.finance-line small{color:var(--on-surface-variant)}.finance-metric{min-height:100px}.finance-metric span{color:var(--on-surface-variant);font-size:11px}.finance-metric strong{font-size:22px}.settlement-checklist.valid{background:#effbf6;border-color:#8bd2b8}.settlement-checklist.invalid{background:#fff1ef;border-color:#f1a69f}.settlement-checklist p{margin:5px 0}.check-row{align-items:center;gap:9px;display:flex!important}.check-row input{width:20px!important;min-height:20px!important}.empty-finance{text-align:center}.empty-finance h2{margin-top:0}.account-empty{text-align:center;align-content:center;place-items:center;min-height:260px;display:grid}.account-empty>.material-symbols-rounded{color:var(--primary);font-size:48px}.account-toolbar{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.statement-heading{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:12px;display:grid}.statement-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.statement-heading span,.statement-summary-item span,.water-reading-grid span{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.statement-heading strong{text-overflow:ellipsis;overflow:hidden}.statement-summary{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.statement-summary-item{flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:84px;padding:13px;display:flex}.statement-summary-item strong{text-overflow:ellipsis;font-size:16px;overflow:hidden}.statement-summary-item.total{border-color:var(--primary);background:var(--primary-fixed);color:var(--primary)}.account-layout{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:16px;margin-bottom:16px;display:grid}.statement-detail{align-content:start;gap:9px;display:grid}.statement-detail>h2{margin:0 0 3px;font-size:18px}.statement-category{border:1px solid var(--outline-variant);background:#fff;border-radius:13px;overflow:hidden}.statement-category>button{text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:11px 14px;display:flex}.statement-category>button>span{align-items:center;gap:8px;min-width:0;display:flex}.statement-category>button>span:first-child{flex-direction:column;align-items:flex-start;gap:2px}.statement-category small{color:var(--on-surface-variant);font-size:9px}.statement-category .material-symbols-rounded{transition:transform .2s}.statement-category.open .material-symbols-rounded{transform:rotate(180deg)}.statement-lines{border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}.statement-lines>div{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:15px;padding:11px 14px;display:flex}.statement-lines>div:last-child{border-bottom:0}.statement-lines>div>span{flex-direction:column;gap:3px;min-width:0;display:flex}.account-side{align-content:start;gap:12px;display:grid}.account-side h2{margin:0 0 12px;font-size:16px}.water-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.water-reading-grid>div{flex-direction:column;gap:3px;display:flex}.water-statement img{object-fit:cover;border-radius:10px;width:100%;max-height:180px;margin-top:12px}.payment-instructions{flex-direction:column;gap:8px;display:flex}.payment-instructions p{color:var(--on-surface-variant);margin:0;font-size:11px}.payment-instructions img{object-fit:contain;align-self:center;width:110px;height:110px}.budget-table{overflow-x:auto}.budget-table>div{border-bottom:1px solid var(--outline-variant);grid-template-columns:1.5fr repeat(5,1fr);gap:10px;min-width:760px;padding:10px 4px;display:grid}.budget-table-head{color:var(--on-surface-variant);font-size:10px;font-weight:800}.account-ledger{margin-top:16px}.credit{color:#08775b}.muted{color:var(--on-surface-variant)}.adjustment-box summary{cursor:pointer;color:var(--primary);font-weight:800}.adjustment-box>p{color:var(--on-surface-variant);font-size:11px}.adjustment-box form{margin-top:12px}.billing-qr-preview{border:1px solid var(--outline-variant);object-fit:contain;border-radius:10px;width:120px;height:120px}.water-evidence-preview{object-fit:cover;border-radius:10px;width:100%;max-height:180px}@media (width<=1079px){.finance-fund-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.account-layout{grid-template-columns:1fr}.account-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.finance-toolbar{flex-direction:column;align-items:stretch}.finance-toolbar>*{width:100%}.finance-fund-grid,.finance-forms,.form-grid{grid-template-columns:1fr}.finance-fund dl{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-heading{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.statement-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.statement-summary-item{min-height:70px;padding:10px}.statement-summary-item.total{grid-column:1/-1}.account-side{grid-template-columns:1fr}.statement-category>button{min-height:56px;padding:10px 12px}.statement-lines>div{align-items:flex-start;padding:10px 12px}.account-toolbar{flex-direction:column;align-items:stretch}.account-toolbar .status{align-self:flex-start}}.budget-toolbar{justify-content:space-between}.budget-toolbar-actions{gap:8px;display:flex}.annual-budget-table-card{padding:0;overflow:hidden}.annual-budget-table-card>header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.annual-budget-table-card>header h2,.fund-summary-table h2{margin:0 0 4px;font-size:18px}.annual-budget-table-card>header p{color:var(--on-surface-variant);margin:0;font-size:11px}.annual-budget-table-card>header>div:last-child{gap:8px;display:flex}.annual-budget-table{overflow-x:auto}.annual-budget-row{border-bottom:1px solid var(--outline-variant);grid-template-columns:1.1fr 1.15fr 1.45fr .8fr 1fr .85fr .65fr;align-items:center;gap:12px;min-width:980px;padding:12px 18px;font-size:12px;display:grid}.annual-budget-row:not(.annual-budget-head):hover{background:var(--surface-container-low)}.annual-budget-head{background:var(--surface-container);min-height:42px;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;padding-block:9px;font-size:9px;font-weight:800}.annual-budget-row>span,.annual-budget-row>strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.annual-amount{text-align:right;color:var(--primary);font-size:13px}.annual-actions{text-align:right}.annual-actions .ghost{min-height:34px;padding:0 10px}.annual-budget-total{background:var(--primary-fixed);color:var(--primary);justify-content:flex-end;gap:30px;padding:15px 20px;display:flex}.annual-budget-total strong{text-align:right;min-width:120px;font-size:17px}.budget-table-empty{min-height:150px;color:var(--on-surface-variant);align-content:center;place-items:center;gap:4px;display:grid}.fund-summary-table{overflow-x:auto}.fund-summary-table>div{border-bottom:1px solid var(--outline-variant);grid-template-columns:1.35fr repeat(4,1fr);gap:12px;min-width:680px;padding:11px 4px;font-size:12px;display:grid}.fund-summary-table .fund-summary-head{color:var(--on-surface-variant);text-transform:uppercase;font-size:9px;font-weight:800}.budget-activate{justify-self:end}.budget-editor-backdrop{z-index:80;background:#061b174f;justify-content:flex-end;display:flex;position:fixed;inset:0}.budget-editor-panel{background:#fff;grid-template-rows:auto minmax(0,1fr);width:min(620px,100%);height:100%;display:grid;box-shadow:-18px 0 50px #001d1733}.budget-editor-panel>header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:start;gap:12px;padding:20px 22px;display:flex}.budget-editor-panel h2{margin:3px 0 0}.budget-editor-form{scrollbar-gutter:stable;flex-direction:column;gap:14px;padding:20px 22px 100px;display:flex;overflow-y:auto}.budget-editor-form>label,.budget-editor-form .form-grid label{flex-direction:column;gap:7px;font-weight:700;display:flex}.budget-editor-form input,.budget-editor-form select{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:10px;width:100%;min-height:46px;padding:0 12px}.budget-editor-form select[multiple]{min-height:120px;padding-block:8px}.budget-editor-form>footer{border-top:1px solid var(--outline-variant);background:#fff;justify-content:flex-end;gap:9px;width:min(620px,100%);padding:14px 22px;display:flex;position:fixed;bottom:0;right:0;box-shadow:0 -8px 24px #001d1710}.grid.metrics.budget-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.budget-summary .finance-metric{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:86px;padding:14px;display:flex}.budget-summary .finance-metric strong{white-space:nowrap;font-size:19px}.budget-summary .finance-metric span{font-size:9px}.finance-panel-note{background:var(--primary-fixed);color:var(--primary);border-radius:10px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5}@media (width<=900px){.annual-budget-table{overflow:visible}.annual-budget-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;min-width:0;margin:0 12px;padding:14px 4px}.annual-budget-head{display:none}.annual-budget-row>span,.annual-budget-row>strong{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.annual-budget-row>[data-label]:before{content:attr(data-label);color:var(--on-surface-variant);text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:800}.annual-budget-row>[data-label=Concepto]{grid-area:1/1/auto/-1;font-size:14px}.annual-budget-row>[data-label=Monto\ anual]{color:var(--primary);grid-area:2/2;font-size:16px}.annual-budget-row>[data-label=Fondo]{grid-area:2/1}.annual-budget-row>[data-label=Acciones]{grid-column:2;justify-self:end}}@media (width<=600px){.budget-toolbar-actions,.annual-budget-table-card>header,.annual-budget-table-card>header>div:last-child{flex-direction:column;align-items:stretch}.budget-toolbar-actions .button,.annual-budget-table-card>header .button{width:100%}.grid.metrics.budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-summary .finance-metric{min-height:78px;padding:11px}.budget-summary .finance-metric strong{font-size:17px}.annual-budget-row{grid-template-columns:1fr 1fr}.annual-budget-total{justify-content:space-between;gap:12px}.fund-summary-table{padding:15px}.budget-editor-panel{width:100%}.budget-editor-panel>header{padding:16px}.budget-editor-form{padding:16px 16px 92px}.budget-editor-form>footer{width:100%;padding:12px 16px}.budget-editor-form>footer .button{flex:1}}.announcement-management{min-width:0}.announcement-management>.page-header .button{white-space:nowrap}.announcement-notice{color:#006b49;background:#e7fff4;border:1px solid #84ceb2;border-radius:11px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.announcement-notice>span:nth-child(2){flex:1}.announcement-notice button{width:32px;height:32px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.announcement-tabs{scrollbar-width:thin;gap:7px;margin-bottom:12px;padding-bottom:3px;display:flex;overflow-x:auto}.announcement-tabs button{border:1px solid var(--outline-variant);min-height:39px;color:var(--on-surface-variant);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.announcement-tabs button span{background:var(--surface-container);border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:9px;display:grid}.announcement-tabs button.active{border-color:var(--primary);background:var(--primary-fixed);color:var(--primary)}.announcement-tabs button.active span{background:#fff}.announcement-toolbar{grid-template-columns:minmax(260px,1fr) 210px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.announcement-toolbar>label:not(.announcement-search){color:var(--on-surface-variant);text-transform:uppercase;gap:5px;font-size:9px;font-weight:800;display:grid}.announcement-toolbar select{border:1px solid var(--outline-variant);width:100%;min-height:44px;color:var(--on-surface);background:#fff;border-radius:11px;padding:0 34px 0 11px}.announcement-search{border:1px solid var(--outline-variant);min-height:44px;color:var(--on-surface-variant);background:#fff;border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.announcement-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-fixed)}.announcement-search input{width:100%;min-width:0;color:var(--on-surface);background:0 0;border:0;outline:0}.announcement-list{padding:0;overflow:visible}.announcement-row{border-bottom:1px solid var(--outline-variant);background:#fff;grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:10px;min-height:76px;padding:7px 10px;display:grid;position:relative}.announcement-row:first-child{border-radius:15px 15px 0 0}.announcement-row:last-of-type{border-bottom:0;border-radius:0 0 15px 15px}.announcement-row:hover{background:var(--surface-container-low)}.announcement-row-main{min-width:0;color:var(--on-surface);text-align:left;background:0 0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:11px;display:grid}.announcement-row-image{object-fit:cover;border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.announcement-image-placeholder{background:linear-gradient(145deg,var(--primary-fixed),#dce5ff);color:var(--primary)}.announcement-image-placeholder .material-symbols-rounded{font-size:25px}.announcement-row-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;display:grid}.announcement-row-copy>span{flex-direction:column;gap:4px;min-width:0;display:flex}.announcement-row-copy strong,.announcement-row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-row-copy strong{font-size:13px}.announcement-row-copy small{color:var(--on-surface-variant);font-size:10px}.announcement-row-meta{align-items:flex-end}.announcement-row-meta em{background:var(--surface-container);color:var(--primary);border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.announcement-row>.status{font-size:8px}.status.neutral{background:var(--surface-container);color:var(--on-surface-variant)}.announcement-menu{position:relative}.announcement-menu-popover{z-index:20;border:1px solid var(--outline-variant);background:#fff;border-radius:11px;width:220px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 14px 35px #001b3f26}.announcement-menu-popover button{min-height:38px;color:var(--on-surface);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:flex}.announcement-menu-popover button:hover,.announcement-menu-popover button:focus-visible{background:var(--surface-container-low)}.announcement-menu-popover .material-symbols-rounded{color:var(--primary);font-size:18px}.announcement-menu-popover .danger-text,.announcement-menu-popover .danger-text .material-symbols-rounded{color:#a23228}.announcement-empty{min-height:230px;color:var(--on-surface-variant);text-align:center;align-content:center;place-items:center;gap:5px;padding:24px;display:grid}.announcement-empty>.material-symbols-rounded{color:var(--primary);font-size:43px}.announcement-empty h2,.announcement-empty p{margin:0}.announcement-empty h2{color:var(--on-surface);font-size:18px}.announcement-pagination{border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);justify-content:space-between;align-items:center;padding:10px 13px;font-size:10px;display:flex}.announcement-pagination>div{align-items:center;gap:7px;display:flex}.announcement-pagination .icon-button:disabled{opacity:.35}.announcement-drawer-backdrop{z-index:160;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001b3f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.announcement-drawer{background:var(--surface-container-low);outline:0;flex-direction:column;width:min(700px,100%);height:100%;animation:.24s ease-out area-slide;display:flex;position:relative;box-shadow:-20px 0 70px #001b3f42}.announcement-drawer>header{border-bottom:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 24px 17px;display:flex}.announcement-drawer>header h2{margin:4px 0 0;font-size:25px}.announcement-drawer>footer{border-top:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:flex-end;gap:9px;padding:14px 24px;display:flex;box-shadow:0 -8px 24px #0026670a}.announcement-editor-form,.announcement-preview{overscroll-behavior:contain;scrollbar-color:var(--primary) var(--primary-fixed);scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;padding:22px 24px 48px;overflow-y:auto}.announcement-editor-form{flex-direction:column;gap:16px;display:flex}.announcement-editor-form>label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.announcement-editor-form input:not([type=file]),.announcement-editor-form select,.announcement-editor-form textarea{border:1px solid var(--outline-variant);width:100%;min-height:46px;color:var(--on-surface);background:#fff;border-radius:10px;padding:0 12px}.announcement-editor-form textarea{resize:vertical;min-height:160px;padding:12px;line-height:1.5}.announcement-editor-form .form-error{background:#ffdad6;border:1px solid #ffb4ab;border-radius:10px;margin:0;padding:11px 13px}.field-label{justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;font-weight:800;display:flex}.field-label small{color:var(--on-surface-variant);font-size:9px;font-weight:500}.announcement-image-field{gap:8px;display:grid}.announcement-image-drop{min-height:150px;color:var(--primary);cursor:pointer;text-align:center;background:#fff;border:1px dashed #91a3d8;border-radius:12px;align-content:center;place-items:center;gap:5px;display:grid}.announcement-image-drop input,.announcement-image-preview input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.announcement-image-drop .material-symbols-rounded{font-size:35px}.announcement-image-drop small{color:var(--on-surface-variant);font-size:10px}.announcement-image-preview{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;grid-template-columns:112px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px;display:grid}.announcement-image-preview img{object-fit:cover;border-radius:9px;width:112px;height:72px}.announcement-image-preview>span{flex-direction:column;gap:4px;min-width:0;display:flex}.announcement-image-preview strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-image-preview small{color:var(--on-surface-variant)}.announcement-image-preview label{position:relative}.announcement-delivery{border:0;gap:8px;margin:0;padding:0;display:grid}.announcement-delivery legend{margin-bottom:8px;font-size:12px;font-weight:800}.announcement-delivery>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.announcement-delivery button{border:1px solid var(--outline-variant);min-height:76px;color:var(--on-surface);text-align:left;background:#fff;border-radius:11px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.announcement-delivery button.active{border:2px solid var(--primary);background:var(--primary-fixed);color:var(--primary)}.announcement-delivery button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.announcement-delivery button small{color:var(--on-surface-variant);font-size:9px}.announcement-schedule-note{background:var(--primary-fixed);color:var(--primary);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:10px;line-height:1.45;display:flex}.announcement-schedule-note .material-symbols-rounded{font-size:18px}.announcement-preview{background:#fff;flex-direction:column;gap:16px;display:flex}.announcement-preview-image{object-fit:cover;border-radius:14px;place-items:center;width:100%;min-height:220px;max-height:310px;display:grid}.announcement-preview-image.announcement-image-placeholder .material-symbols-rounded{font-size:54px}.announcement-preview-meta{color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.announcement-preview>p{color:var(--on-surface);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.announcement-confirm{z-index:4;background:#001b3fb3;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.resident-announcement-search{margin-bottom:14px}.resident-announcement-list{gap:9px;display:grid}.resident-announcement-card{border:1px solid var(--outline-variant);background:#fff;border-radius:13px;overflow:hidden}.resident-announcement-card>button{width:100%;min-height:76px;color:var(--on-surface);text-align:left;background:#fff;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:9px 13px;display:grid}.resident-announcement-card>button>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.resident-announcement-card em{color:var(--primary);text-transform:uppercase;font-size:9px;font-style:normal;font-weight:800}.resident-announcement-card strong,.resident-announcement-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resident-announcement-card small{color:var(--on-surface-variant);font-size:10px}.resident-announcement-card>button>.material-symbols-rounded{color:var(--primary);transition:transform .2s}.resident-announcement-card.open>button>.material-symbols-rounded{transform:rotate(180deg)}.resident-announcement-image{object-fit:cover;border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.resident-announcement-body{border-top:1px solid var(--outline-variant);padding:0 18px 18px}.resident-announcement-body p{white-space:pre-wrap;margin:15px 0 0;line-height:1.6}.resident-announcement-cover{object-fit:cover;border-radius:12px;place-items:center;width:100%;min-height:180px;max-height:340px;margin-top:16px;display:grid}@media (width<=719px){.announcement-management>.page-header{flex-direction:column;align-items:stretch}.announcement-management>.page-header .button{width:100%}.announcement-toolbar{grid-template-columns:1fr}.announcement-row{grid-template-columns:minmax(0,1fr) 38px;gap:5px;padding:7px 8px}.announcement-row>.status{position:absolute;bottom:11px;right:49px}.announcement-row-main{grid-template-columns:48px minmax(0,1fr);gap:9px}.announcement-row-image{width:48px;height:48px}.announcement-row-copy{display:block}.announcement-row-copy>span:first-child small{max-width:calc(100vw - 145px)}.announcement-row-meta{align-items:flex-start;margin-top:3px}.announcement-row-meta em{display:none}.announcement-row-meta small{max-width:calc(100vw - 205px)}.announcement-menu-popover{z-index:170;width:240px;position:fixed;top:auto;bottom:74px;right:12px}.announcement-drawer{width:100%}.announcement-drawer>header{padding:16px}.announcement-drawer>header h2{font-size:21px}.announcement-editor-form,.announcement-preview{padding:16px 16px 34px}.announcement-drawer>footer{padding:11px 16px}.announcement-drawer>footer .button{flex:1;min-width:0;padding-inline:10px}.announcement-image-preview{grid-template-columns:78px minmax(0,1fr) auto}.announcement-image-preview img{width:78px;height:62px}.announcement-image-preview .ghost{grid-column:2/-1;justify-self:start}.announcement-delivery>div{grid-template-columns:1fr}.announcement-delivery button{min-height:62px}.field-label{flex-direction:column;align-items:flex-start}.announcement-preview-image{min-height:170px}.resident-announcement-card>button{grid-template-columns:48px minmax(0,1fr) 24px;padding:8px 10px}.resident-announcement-image{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.announcement-drawer{animation:none}.resident-announcement-card>button>.material-symbols-rounded{transition:none}}.document-management{min-width:0}.document-header-actions{gap:8px;display:flex}.document-notice{background:var(--primary-fixed);color:var(--primary);border:1px solid #b7c4e9;border-radius:11px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.document-notice>span:nth-child(2){flex:1}.document-notice button{width:32px;height:32px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.document-tabs{gap:7px;margin-bottom:12px;padding-bottom:3px;display:flex;overflow-x:auto}.document-tabs button{border:1px solid var(--outline-variant);min-height:39px;color:var(--on-surface-variant);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.document-tabs button span{background:var(--surface-container);border-radius:999px;place-items:center;min-width:21px;height:21px;padding-inline:5px;font-size:9px;display:grid}.document-tabs button.active{border-color:var(--primary);background:var(--primary-fixed);color:var(--primary)}.document-tabs button.active span{background:#fff}.document-toolbar{grid-template-columns:minmax(260px,1fr) 220px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.document-toolbar>label:not(.document-search){color:var(--on-surface-variant);text-transform:uppercase;gap:5px;font-size:9px;font-weight:800;display:grid}.document-toolbar select{border:1px solid var(--outline-variant);background:#fff;border-radius:11px;width:100%;min-height:44px;padding:0 34px 0 11px}.document-search{border:1px solid var(--outline-variant);min-height:44px;color:var(--on-surface-variant);background:#fff;border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.document-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-fixed)}.document-search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.document-admin-list{padding:0;overflow:visible}.document-admin-row{border-bottom:1px solid var(--outline-variant);background:#fff;grid-template-columns:42px minmax(180px,1fr) 80px 90px auto 42px;align-items:center;gap:11px;min-height:66px;padding:7px 10px;display:grid;position:relative}.document-admin-row:first-child{border-radius:15px 15px 0 0}.document-admin-row:last-of-type{border-bottom:0;border-radius:0 0 15px 15px}.document-admin-row:hover{background:var(--surface-container-low)}.document-type-icon{color:#a43c32;background:#ffebe8;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.document-type-icon.word,.document-file-icon.word{color:#185abd;background:#e6efff}.document-type-icon.excel,.document-file-icon.excel{color:#217346;background:#e5f5eb}.document-type-icon .material-symbols-rounded{font-size:21px}.document-admin-copy,.document-admin-file,.document-admin-date{flex-direction:column;gap:3px;min-width:0;display:flex}.document-admin-copy strong,.document-admin-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-admin-copy strong{font-size:12px}.document-admin-copy small,.document-admin-file small,.document-admin-date small{color:var(--on-surface-variant);font-size:9px}.document-admin-file strong,.document-admin-date strong{font-size:10px}.document-admin-row>.status{font-size:8px}.document-action-menu{position:relative}.document-menu-popover{z-index:20;border:1px solid var(--outline-variant);background:#fff;border-radius:11px;width:210px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 14px 35px #001b3f26}.document-menu-popover button{min-height:38px;color:var(--on-surface);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:flex}.document-menu-popover button:hover,.document-menu-popover button:focus-visible{background:var(--surface-container-low)}.document-menu-popover button:disabled{cursor:not-allowed;opacity:.5}.document-menu-popover .material-symbols-rounded{color:var(--primary);font-size:18px}.document-empty{min-height:220px;color:var(--on-surface-variant);text-align:center;align-content:center;place-items:center;gap:5px;padding:24px;display:grid}.document-empty>.material-symbols-rounded{color:var(--primary);font-size:43px}.document-empty h2,.document-empty p{margin:0}.document-empty h2{color:var(--on-surface);font-size:18px}.document-pagination{border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);justify-content:space-between;align-items:center;padding:10px 13px;font-size:10px;display:flex}.document-pagination>div{align-items:center;gap:7px;display:flex}.document-pagination .icon-button:disabled{opacity:.35}.document-drawer-backdrop{z-index:160;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#001b3f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.document-drawer{background:var(--surface-container-low);outline:0;flex-direction:column;width:min(680px,100%);height:100%;animation:.24s ease-out area-slide;display:flex;position:relative;box-shadow:-20px 0 70px #001b3f42}.document-drawer>header{border-bottom:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 24px 17px;display:flex}.document-drawer>header h2{margin:4px 0 0;font-size:25px}.document-drawer>footer{border-top:1px solid var(--outline-variant);background:#fff;flex:none;justify-content:flex-end;gap:9px;padding:14px 24px;display:flex;box-shadow:0 -8px 24px #0026670a}.document-editor-form,.document-category-manager{overscroll-behavior:contain;scrollbar-color:var(--primary) var(--primary-fixed);scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;padding:24px;overflow-y:auto}.document-editor-form{flex-direction:column;gap:18px;display:flex}.document-editor-form>label,.document-category-field>label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.document-editor-form input:not([type=file]),.document-editor-form select,.document-category-manager input{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;width:100%;min-height:46px;padding:0 12px}.document-category-field{gap:7px;display:grid}.document-category-field .text-button{justify-self:start;align-items:center;gap:5px;display:flex}.document-category-field .material-symbols-rounded{font-size:17px}.document-file-field{gap:8px;display:grid}.document-file-field>span{justify-content:space-between;gap:10px;font-size:12px;font-weight:800;display:flex}.document-file-field>span small{color:var(--on-surface-variant);font-size:9px;font-weight:500}.document-file-drop{min-height:180px;color:var(--primary);cursor:pointer;text-align:center;background:#fff;border:1px dashed #91a3d8;border-radius:12px;align-content:center;place-items:center;gap:6px;display:grid}.document-file-drop input,.document-file-selected input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.document-file-drop .material-symbols-rounded{font-size:38px}.document-file-drop small{color:var(--on-surface-variant);font-size:10px}.document-file-selected{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.document-file-selected>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.document-file-selected>span:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-file-selected>span:nth-child(2) small{color:var(--on-surface-variant)}.document-file-selected label{position:relative}.document-editor-form .form-error{background:#ffdad6;border:1px solid #ffb4ab;border-radius:10px;margin:0;padding:11px 13px}.document-confirm{z-index:4;background:#001b3fb3;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.document-category-manager{flex-direction:column;gap:14px;display:flex}.category-create{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.category-create label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.category-message{background:var(--primary-fixed);color:var(--primary);border-radius:9px;margin:0;padding:10px 12px;font-size:10px}.category-list{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;display:grid;overflow:hidden}.category-row{border-bottom:1px solid var(--outline-variant);grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:8px 10px;display:grid}.category-row:last-child{border-bottom:0}.category-grip{background:var(--surface-container);width:34px;height:34px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.category-row>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.category-row>span:nth-child(2) small{color:var(--on-surface-variant);font-size:9px}.category-row>div{gap:2px;display:flex}.category-row .icon-button{width:34px;height:34px}.category-row .icon-button:disabled{opacity:.3}.resident-document-search{margin-bottom:14px}.document-resident-notice{background:var(--primary-fixed);color:var(--primary);border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:11px}.document-download:disabled{cursor:not-allowed;opacity:.5}@media (width<=719px){.document-management>.page-header{flex-direction:column;align-items:stretch}.document-header-actions{grid-template-columns:1fr;display:grid}.document-header-actions .button{width:100%}.document-toolbar{grid-template-columns:1fr}.document-admin-row{grid-template-columns:40px minmax(0,1fr) auto 38px;gap:8px;min-height:64px;padding:7px 8px}.document-admin-file,.document-admin-date{display:none}.document-admin-copy small{max-width:calc(100vw - 190px)}.document-admin-row>.status{font-size:7px}.document-menu-popover{z-index:170;width:230px;position:fixed;top:auto;bottom:74px;right:12px}.document-drawer{width:100%}.document-drawer>header{padding:16px}.document-drawer>header h2{font-size:21px}.document-editor-form,.document-category-manager{padding:16px}.document-drawer>footer{padding:11px 16px}.document-drawer>footer .button{flex:1}.document-file-field>span{flex-direction:column;align-items:flex-start}.document-file-selected{grid-template-columns:43px minmax(0,1fr)}.document-file-selected label{grid-column:1/-1;width:100%}.document-file-selected label.button{justify-content:center}.category-create{grid-template-columns:1fr}.category-create .button{width:100%}.category-row{grid-template-columns:32px minmax(0,1fr)}.category-row>div{grid-column:1/-1;justify-content:flex-end}.category-row>input{grid-column:2}.resident-document-search{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.document-drawer{animation:none}}.reservation-settings-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding:15px 17px;display:grid}.reservation-settings-card>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.reservation-settings-card>div:first-child>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.reservation-settings-card small{color:var(--on-surface-variant)}.reservation-settings-card>form{border-top:1px solid var(--outline-variant);grid-column:1/-1;grid-template-columns:minmax(200px,320px) minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:14px;display:grid}.reservation-settings-card>form label{flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.reservation-settings-card>form input{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;width:100%;min-height:44px;padding:0 11px}.reservation-settings-card>form>div{gap:8px;display:flex}.reservation-settings-card>.form-success,.reservation-settings-card>.form-error{grid-column:1/-1;margin:0}.global-governance-metrics{margin-bottom:18px}.global-scope-detail{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);align-items:center;gap:20px;margin-bottom:18px;display:grid}.global-scope-detail>div:first-child{align-items:center;gap:12px;display:flex}.global-scope-detail>div:first-child>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.global-scope-detail em{color:var(--on-surface-variant);font-size:11px;font-style:normal}.global-scope-detail>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.global-scope-detail .detail,.platform-health .detail,.global-building-list{min-width:0}.global-building-row{border-top:1px solid var(--outline-variant);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;display:grid}.section-title+.global-building-row{border-top:0}.global-building-row>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.global-building-row strong,.global-building-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-building-row small{color:var(--on-surface-variant);font-size:10px}.global-footer-grid{align-items:start}.platform-settings-form{max-width:850px}.platform-settings-form label small{color:var(--on-surface-variant);font-weight:400}@media (width<=899px){.global-scope-detail{grid-template-columns:1fr}.global-scope-detail>div:last-child{grid-template-columns:1fr 1fr}.reservation-settings-card>form{grid-template-columns:1fr}.reservation-settings-card>form>div{justify-content:flex-end}}@media (width<=599px){.reservation-settings-card{grid-template-columns:1fr}.reservation-settings-card>.button{width:100%}.reservation-settings-card>form>div{grid-template-columns:1fr 1fr;display:grid}.global-scope-detail>div:last-child{grid-template-columns:1fr}.global-building-row{grid-template-columns:auto minmax(0,1fr)}.global-building-row>.status{grid-column:2;justify-self:start}}.top-context.context-controls{display:none!important}.topbar{justify-content:space-between}.account-menu{width:min(340px,100vw - 24px)}.account-context-menu{border-bottom:1px solid var(--outline-variant);background:#fff;gap:10px;padding:13px 16px;display:grid}.account-context-menu>span{align-items:center;gap:9px;min-width:0;display:flex}.account-context-menu>span>.material-symbols-rounded{color:var(--primary)}.account-context-menu>span>span{flex-direction:column;gap:2px;min-width:0;display:flex}.account-context-menu>span small{color:var(--on-surface-variant);text-transform:uppercase;font-size:9px}.account-context-menu>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-context-menu label{color:var(--on-surface-variant);text-transform:uppercase;gap:5px;font-size:9px;font-weight:800;display:grid}.account-context-menu select{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:40px;color:var(--on-surface);text-transform:none;border-radius:9px;padding:0 10px;font-size:11px}.reservation-layout{grid-template-columns:1fr!important}.reservation-builder{gap:18px}.reservation-area-form{gap:18px;padding-top:2px;animation:.2s ease-out reservation-reveal;display:grid}.reservation-area-form>section{gap:12px;display:grid}.reservation-area-form .selected-area-hero{margin:0}.resident-reservations{top:auto;position:static!important}.resident-reservations .payment-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;min-height:64px}.resident-reservations .payment-row>.ghost{white-space:nowrap;grid-column:auto;justify-self:end}.resident-reservations .payment-row>.status{justify-self:end}.area-choice.active{box-shadow:0 0 0 3px var(--primary-fixed)}@keyframes reservation-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width>=1280px){.area-picker-section .area-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=679px){.content-container{padding-top:28px}.resident-reservations{padding:12px}.resident-reservations .payment-row{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:9px 0}.resident-reservations .payment-row small{font-size:9px}.resident-reservations .payment-row>.status{font-size:7px}.resident-reservations .payment-row>.ghost{min-width:36px;color:var(--error);padding:6px;font-size:10px}.reservation-area-form{gap:13px}.reservation-area-form .reservation-date-section{margin:0}}@media (prefers-reduced-motion:reduce){.reservation-area-form{animation:none}}.reservation-builder.reservation-complete{display:block}.reservation-result{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.reservation-result>.material-symbols-rounded{color:#00865d;font-size:58px}.reservation-result h2{margin:0;font-size:25px}.reservation-result p{color:var(--on-surface-variant);margin:0}.reservation-result-details{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.reservation-result-details span{background:var(--surface-container-low);border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.reservation-result-details .material-symbols-rounded{color:var(--primary);font-size:18px}.fund-summary-table>summary{cursor:pointer;color:var(--primary);font-size:18px;font-weight:800}.fund-summary-table[open]>summary{margin-bottom:12px}.annual-budget-row>[data-label=Monto\ restante]{color:var(--primary)}.global-scope-detail>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.global-platform-health{width:100%}.global-platform-health>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=899px){.global-platform-health>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.global-scope-detail>div:last-child,.global-platform-health>div:last-child{grid-template-columns:1fr}}.admin-mobile-editor-toggle{display:none}.admin-row-actions{flex-wrap:wrap;gap:4px;display:flex}.admin-assignment-field label,.building-assignment-field label{position:relative}.admin-assignment-field input[type=checkbox],.building-assignment-field input[type=checkbox]{width:1px;height:1px;min-height:0;padding:0;top:0;left:0}.admin-assignment-field label:focus-within,.building-assignment-field label:focus-within{outline:2px solid var(--primary);outline-offset:2px}.platform-settings-form .toggle-row input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--primary);flex:0 0 24px;margin:0;padding:0}@media (width<=679px){.super-global-header,.super-admin-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.super-global-header>div:first-child,.super-admin-page-header>div:first-child{min-width:0}.super-global-header .scope-filter{width:100%;min-width:0}.super-admin-page-header>.button{width:100%}.grid.metrics.global-governance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.global-governance-metrics>.metric-card{min-width:0;margin:0;padding:13px}.global-governance-metrics .metric-card>div{align-items:flex-start;font-size:11px;line-height:1.25}.global-governance-metrics .metric-card strong{margin:9px 0 4px;font-size:27px}.global-governance-metrics .metric-card small{font-size:10px;line-height:1.3}.grid.two.global-governance-grid{grid-template-columns:minmax(0,1fr)}.global-governance-grid>.card,.global-governance-grid .list-row{min-width:0}.admin-mobile-editor-toggle{display:inline-flex}.admin-manager-form:not(.is-open){display:none}.admin-management-layout>section{min-width:0}.admin-management-layout>section>.card{padding:14px}.admin-row{grid-template-columns:36px minmax(0,1fr);gap:7px 10px;padding:12px 0}.admin-row>div:not(.admin-row-actions){grid-column:2;min-width:0}.admin-row>div>strong,.admin-row>div>small,.admin-building-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-row>.status{grid-column:2;justify-self:start}.admin-row>div.admin-row-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-row-actions .ghost{background:var(--surface-container-low);border-radius:8px;justify-content:center;min-height:40px}.building-grid .super-building-card{gap:8px;padding:16px}.super-building-card .building-icon{width:42px;height:42px}.super-building-card h3{margin:0;font-size:17px}.super-building-card p{color:var(--on-surface-variant);margin:0;font-size:12px}.super-building-card .building-admins{margin-top:2px}.super-building-card .building-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.super-building-card .building-card-actions .ghost{background:var(--surface-container-low);border-radius:8px;justify-content:center;min-height:42px}.platform-settings-form .toggle-row{gap:16px;padding:10px 0}.global-governance-grid .list-row{grid-template-columns:40px minmax(0,1fr);gap:4px 10px;padding:10px 0;display:grid}.global-governance-grid .list-row>.row-icon{grid-area:1/1}.global-governance-grid .list-row>.row-copy{grid-area:1/2}.global-governance-grid .list-row>.row-copy strong,.global-governance-grid .list-row>.row-copy small{white-space:normal}.global-governance-grid .list-row>.status{grid-area:2/2;justify-self:start}body{min-width:0}}@media (width<=350px){.role-superadmin .bottom-nav .nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}}@media (width<=999px){.grid.two.global-governance-grid{grid-template-columns:minmax(0,1fr)}.admin-mobile-editor-toggle{display:inline-flex}.admin-manager-form:not(.is-open){display:none}}@media (width>=1000px){.grid.two.global-governance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=680px) and (width<=999px){.admin-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px 12px}.admin-row>div:not(.admin-row-actions){grid-area:1/2}.admin-row>.status{grid-area:1/3}.admin-row>div.admin-row-actions{flex-direction:row;grid-area:2/2/auto/-1;justify-content:flex-end;display:flex}.admin-row-actions .ghost{background:var(--surface-container-low);border-radius:8px;min-height:40px;padding-inline:16px}}@media (width<=679px){.global-scope-detail .detail{flex-direction:column;align-items:flex-start;gap:4px}}.global-building-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:11px;min-height:76px;padding:12px 0}.global-building-row>.global-building-info{flex-direction:column;gap:5px;min-width:0;display:flex}.global-building-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.global-building-heading strong{min-width:0;line-height:1.3}.global-building-heading .status,.water-readings-header>.button{white-space:nowrap;flex:none}@media (width<=679px){.water-readings-header{flex-direction:column}.water-readings-header>.button{white-space:normal;width:100%}}.water-save-status{color:#006b49;background:#e7fff4;border:1px solid #84ceb2;border-radius:10px;margin:0 0 14px;padding:11px 14px;font-weight:700}.water-floor-list{gap:11px;margin-bottom:18px;display:grid}.water-floor-section{border:1px solid var(--outline-variant);background:#fff;border-radius:15px;overflow:hidden}.water-floor-section.open{border-color:#9cb2e2;box-shadow:0 7px 26px #0026670b}.water-floor-toggle{width:100%;min-height:68px;color:var(--on-surface);text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.water-floor-toggle:hover{background:var(--surface-container-low)}.water-floor-name,.water-floor-progress{align-items:center;gap:10px;display:flex}.water-floor-name>.material-symbols-rounded{color:var(--primary)}.water-floor-name small{color:var(--on-surface-variant)}.water-floor-progress{color:var(--on-surface-variant);white-space:nowrap;font-size:12px}.water-floor-progress>.material-symbols-rounded{color:var(--primary)}.water-inline-row{border-top:1px solid var(--outline-variant);padding:15px 0}.water-inline-identity{align-items:center;gap:11px;min-width:0;display:flex}.water-inline-identity strong,.water-inline-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.water-inline-identity small{color:var(--on-surface-variant);font-size:11px}.water-inline-done,.water-inline-warning{color:#006b49;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.water-inline-done .material-symbols-rounded,.water-inline-warning .material-symbols-rounded{font-size:18px}.water-inline-warning{color:#755600;margin:10px 0 0}.water-inline-form{grid-template-columns:minmax(90px,.7fr) minmax(180px,1.3fr) auto;align-items:end;gap:10px;margin:12px 0 0 57px;display:grid}.water-inline-previous,.water-inline-form>label{flex-direction:column;gap:5px;min-width:0;font-size:11px;font-weight:700;display:flex}.water-inline-previous{color:var(--on-surface-variant);padding-bottom:12px}.water-inline-previous strong{color:var(--on-surface);font-size:14px}.water-inline-form input:not([type=file]){border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:44px;color:var(--on-surface);border-radius:9px;padding:0 12px;font-size:14px}.water-inline-form>.button{white-space:nowrap}.water-inline-photo,.water-inline-form>.water-evidence-preview,.water-inline-consumption,.water-inline-form>.form-error{grid-column:1/-1}.water-inline-photo{font-size:11px}.water-inline-photo summary{width:max-content;color:var(--primary);cursor:pointer;font-weight:700}.water-inline-photo label{gap:6px;margin-top:8px;font-weight:700;display:grid}.water-inline-photo input{max-width:100%}.water-inline-form>.water-evidence-preview{object-fit:contain;max-width:150px;max-height:100px}.water-inline-consumption{color:#006b49;font-weight:700}.water-inline-form>.form-error{margin:0}.water-inline-result{flex-wrap:wrap;gap:9px;margin:10px 0 0 57px;display:flex}.water-inline-result span{min-width:100px;color:var(--on-surface-variant);background:#effff8;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11px;display:flex}.water-inline-result strong{color:var(--on-surface);font-size:13px}@media (width<=679px){.water-floor-toggle{padding:12px 14px}.water-floor-name{gap:7px}.water-floor-name small{display:none}.water-floor-progress{gap:5px;font-size:10px}.water-floor-content{padding:0 14px 5px}.water-inline-form{grid-template-columns:minmax(0,1fr) auto;margin-left:0}.water-inline-previous{grid-column:1/-1;padding-bottom:0}.water-inline-form>label:not(.water-inline-photo){grid-column:1}.water-inline-form>.button{grid-column:2}.water-inline-result{margin-left:0}.water-inline-done{font-size:0}.water-inline-done .material-symbols-rounded{font-size:20px}}.water-progress-totals{flex-wrap:wrap;gap:8px;display:flex}.water-progress-totals span{color:var(--on-surface-variant);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:11px;display:inline-flex}.water-progress-totals strong{color:var(--primary)}.water-progress-totals .material-symbols-rounded{color:#755600;font-size:16px}.water-period{flex-direction:row;gap:10px;max-width:440px;display:flex}.water-period label{flex-direction:column;flex:1;gap:6px;min-width:0;font-size:11px;font-weight:700;display:flex}.water-period label:first-child{flex:1.5}.water-period select{border:1px solid var(--outline-variant);width:100%;min-height:46px;color:var(--on-surface);font:inherit;background:#fff;border-radius:10px;padding:0 12px}.water-status-filters{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.water-status-filters button{border:1px solid var(--outline-variant);min-height:38px;color:var(--on-surface-variant);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.water-status-filters button.active{border-color:var(--primary);background:var(--primary);color:#fff}.water-status-filters strong{font-size:12px}@media (width<=679px){.water-period{max-width:none}.water-progress-totals{justify-content:flex-start}.water-status-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.water-status-filters button{justify-content:space-between}}.water-floor-content{padding:0 12px 5px}.water-floor-content>.water-mini-progress{margin-bottom:5px}.water-inline-row{min-width:0;padding:9px 0}.water-inline-identity{gap:7px}.water-inline-identity .water-unit-number{flex:none;width:34px;height:34px;font-size:11px}.water-inline-identity>span:nth-child(2){gap:1px}.water-inline-identity small{font-size:10px;line-height:1.2}.water-inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 8px;margin:5px 0 0}.water-inline-form>label:not(.water-inline-photo){grid-column:1;gap:3px}.water-inline-form>.button{grid-column:2;min-height:44px;padding:0 13px}.water-inline-form input:not([type=file]){min-height:44px}.water-inline-field-label{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;font-size:10px;display:flex}.water-inline-previous{color:var(--on-surface-variant);flex-direction:row;flex:none;align-items:baseline;gap:3px;padding:0;font-size:10px;font-weight:500;display:inline-flex}.water-inline-previous strong{font-size:10px}.water-inline-photo{margin:0;line-height:1.2}.water-inline-photo summary{align-items:center;min-height:32px;font-size:10px;display:flex}.water-inline-photo label{margin-top:4px}.water-inline-result{gap:5px;margin:6px 0 0}.water-inline-result span{flex:1;min-width:0;padding:6px 7px;font-size:10px}.water-inline-result strong{font-size:11px}.water-inline-warning{margin:5px 0 0}@media (width>=1100px){.water-floor-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:0 12px 12px;display:grid}.water-floor-content>.water-mini-progress{grid-column:1/-1;margin-bottom:0}.water-inline-row{border:1px solid var(--outline-variant);border-radius:11px;padding:10px}.water-inline-row.completed{background:#f8fffb;border-color:#8bd8b9}}@media (width<=679px){.water-floor-content{padding:0 12px 5px}.water-inline-form{grid-template-columns:minmax(0,1fr) auto}.water-inline-form>label:not(.water-inline-photo){grid-column:1}.water-inline-form>.button{grid-column:2}.water-inline-result{margin-left:0}}@media (width<=350px){.water-inline-field-label{white-space:normal;flex-wrap:wrap}}.settlement-summary{padding:20px;overflow:hidden}.settlement-summary>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.settlement-summary h2,.scalable-preview h2{margin:2px 0 0}.settlement-summary-grid{border:1px solid var(--outline-variant);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.settlement-summary-grid>div{border-right:1px solid var(--outline-variant);background:var(--surface-container-low);flex-direction:column;gap:5px;min-width:0;padding:14px 16px;display:flex}.settlement-summary-grid>div:last-child{border-right:0}.settlement-summary-grid span{color:var(--on-surface-variant);font-size:11px;font-weight:700}.settlement-summary-grid strong{font-size:18px}.settlement-summary-grid .settlement-summary-total{background:var(--primary);color:#fff}.settlement-summary-grid .settlement-summary-total span{color:#ffffffc9}.settlement-summary>footer{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.settlement-summary>footer span{background:var(--surface-container-low);color:var(--on-surface-variant);border-radius:999px;padding:6px 10px;font-size:11px}.settlement-summary>footer strong{color:var(--on-surface)}.scalable-preview{padding:0;overflow:hidden}.scalable-preview>header{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.scalable-preview>header p{color:var(--on-surface-variant);margin:5px 0 0;font-size:12px}.preview-search{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:11px;align-items:center;gap:7px;width:min(360px,42%);min-height:44px;padding:0 12px;display:flex}.preview-search .material-symbols-rounded{color:var(--on-surface-variant);font-size:20px}.preview-search input{width:100%;min-width:0;color:var(--on-surface);font:inherit;background:0 0;border:0;outline:0}.preview-controls{justify-content:space-between;align-items:center;gap:12px;padding:0 20px 14px;display:flex}.preview-filters{flex-wrap:wrap;gap:7px;display:flex}.preview-filters button{border:1px solid var(--outline-variant);min-height:36px;color:var(--on-surface-variant);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.preview-filters button.active{border-color:var(--primary);background:var(--primary);color:#fff}.preview-filters button span{background:#00000012;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.preview-controls>label{color:var(--on-surface-variant);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.preview-controls select{border:1px solid var(--outline-variant);min-height:36px;color:var(--on-surface);background:#fff;border-radius:9px;padding:0 28px 0 9px}.preview-table-head,.preview-unit-row>summary{grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(90px,.75fr)) minmax(105px,.8fr) 24px;align-items:center;gap:12px;display:grid}.preview-table-head{background:var(--surface-container-low);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;padding:9px 20px;font-size:10px;font-weight:800}.preview-unit-row{border-top:1px solid var(--outline-variant)}.preview-unit-row>summary{cursor:pointer;min-height:64px;padding:9px 20px;list-style:none}.preview-unit-row>summary::-webkit-details-marker{display:none}.preview-unit-row>summary:hover{background:var(--surface-container-low)}.preview-unit-row>summary>span:not(.preview-unit-identity):not(.preview-chevron),.preview-unit-row>summary>strong[data-label]{text-align:right;font-size:12px}.preview-unit-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.preview-unit-identity strong,.preview-unit-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-unit-identity small{color:var(--on-surface-variant);font-size:10px}.preview-chevron{color:var(--on-surface-variant);transition:transform .2s}.preview-unit-row[open] .preview-chevron{transform:rotate(180deg)}.preview-unit-detail{background:var(--surface-container-low);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 20px 18px;display:grid}.preview-unit-detail>div:not(.preview-line-items){background:#fff;border-radius:9px;flex-direction:column;gap:3px;padding:9px;display:flex}.preview-unit-detail span{color:var(--on-surface-variant);font-size:10px}.preview-unit-detail strong{font-size:12px}.preview-observation{color:#725400;background:#fff4d6;border-radius:8px;grid-column:1/-1;margin:0;padding:8px 10px;font-size:11px;font-weight:700}.preview-line-items{grid-column:1/-1;gap:5px;padding-top:5px;display:grid}.preview-line-items>span{border-top:1px solid var(--outline-variant);justify-content:space-between;gap:12px;padding-top:6px;display:flex}.preview-empty{min-height:130px;color:var(--on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.preview-pagination{border-top:1px solid var(--outline-variant);min-height:64px;color:var(--on-surface-variant);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:11px;display:flex}.preview-pagination>div{gap:7px;display:flex}.preview-pagination .button{min-height:40px}@media (width<=760px){.settlement-summary{padding:14px}.settlement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-summary-grid>div{border-bottom:1px solid var(--outline-variant);padding:12px}.settlement-summary-grid>div:nth-child(2){border-right:0}.settlement-summary-grid>div:nth-child(n+3){border-bottom:0}.scalable-preview>header{flex-direction:column;align-items:stretch;padding:16px}.preview-search{width:100%}.preview-controls{flex-direction:column;align-items:flex-start;padding:0 16px 12px}.preview-controls>label{align-self:flex-end}.preview-table-head{display:none}.preview-unit-row>summary{grid-template-columns:minmax(0,1fr) minmax(100px,auto) 22px;gap:8px;padding:11px 16px}.preview-unit-row>summary>span[data-label],.preview-unit-row>summary>strong[data-label]{grid-column:1/3;justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-unit-row>summary>span[data-label]:before,.preview-unit-row>summary>strong[data-label]:before{content:attr(data-label);color:var(--on-surface-variant);font-size:10px;font-weight:600}.preview-unit-identity{grid-column:1}.preview-unit-row>summary>.preview-chevron{grid-area:1/3}.preview-unit-detail{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.preview-pagination{padding:10px 16px}}@media (width<=420px){.settlement-summary>header{flex-direction:column;align-items:flex-start}.settlement-summary-grid strong{font-size:15px}.preview-filters{grid-template-columns:1fr;width:100%;display:grid}.preview-filters button{justify-content:space-between}.preview-pagination{flex-direction:column;align-items:stretch}.preview-pagination>div{grid-template-columns:repeat(2,1fr);display:grid}}.finance-list-card>header,.billing-settings-summary>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.finance-list-card>header h2,.billing-settings-summary>header h2{margin:0}.finance-list-card>header p,.billing-settings-summary>header p{color:var(--on-surface-variant);margin:4px 0 0;font-size:12px}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.settings-summary-grid>div{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:11px;flex-direction:column;gap:5px;min-width:0;min-height:86px;padding:13px;display:flex}.settings-summary-grid span,.settings-summary-grid small{color:var(--on-surface-variant);font-size:10px}.settings-summary-grid strong{overflow-wrap:anywhere;font-size:13px}@media (width<=900px){.settings-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.finance-list-card>header,.billing-settings-summary>header{flex-direction:column;align-items:stretch}.finance-list-card>header .button,.billing-settings-summary>header .button{width:100%}.settings-summary-grid{grid-template-columns:1fr}.settings-summary-grid>div{min-height:auto}}@media (width>=680px){.water-inline-row{grid-template-columns:minmax(180px,1fr) auto;align-items:center;column-gap:12px;display:grid}.water-inline-identity{grid-area:1/1;min-width:0}.water-inline-form,.water-inline-result,.water-inline-warning{grid-area:1/2;margin:0}.water-inline-form{grid-template-columns:minmax(0,145px) 78px;width:230px}.water-inline-form>.water-inline-photo,.water-inline-form>.water-evidence-preview,.water-inline-form>.water-inline-consumption,.water-inline-form>.form-error{grid-column:1/-1}.water-inline-result{align-self:center}}@media (width>=1100px){.water-inline-row{grid-template-columns:minmax(120px,1fr) auto;column-gap:9px}.water-inline-identity{gap:6px}.water-inline-identity .water-unit-number{width:32px;height:32px}.water-inline-form{grid-template-columns:minmax(0,128px) 76px;column-gap:6px;width:210px}.water-inline-form>.button{padding-inline:8px;font-size:11px}}@media (width<=679px){.water-inline-form{grid-template-columns:minmax(0,1fr) 76px;width:min(100%,240px);margin-left:auto}.water-inline-form>.button{padding-inline:8px;font-size:11px}}.water-inline-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:58px;display:grid}.water-inline-identity{grid-area:1/1;align-items:center;gap:6px;min-width:0;display:flex}.water-inline-identity>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.water-inline-identity strong{font-size:11px;line-height:1.15}.water-inline-identity small{white-space:normal;font-size:9px;line-height:1.15;overflow:visible}.water-inline-identity .water-unit-number{flex:none;width:32px;height:32px}.water-inline-form,.water-inline-result,.water-inline-warning{grid-area:1/2;margin:0}.water-inline-form{grid-template-columns:minmax(0,128px) 76px;column-gap:6px;width:210px}.water-inline-form>.button{min-height:44px;padding-inline:7px;font-size:11px}.water-inline-field-label{font-size:8px;line-height:1.1}.water-inline-previous,.water-inline-previous strong{font-size:8px}.water-inline-form>.water-inline-photo,.water-inline-form>.water-evidence-preview,.water-inline-form>.water-inline-consumption,.water-inline-form>.form-error{grid-column:1/-1}@media (width<=520px){.water-inline-row{grid-template-columns:minmax(112px,1fr) 184px;column-gap:6px;padding-block:8px}.water-inline-form{grid-template-columns:minmax(0,112px) 66px;column-gap:6px;width:184px}.water-inline-form>.button{padding-inline:4px;font-size:10px}.water-inline-identity{gap:4px}.water-inline-identity .water-unit-number{width:29px;height:29px;font-size:10px}.water-inline-identity strong{font-size:10px}.water-inline-identity small{font-size:8px}.water-inline-field-label,.water-inline-previous,.water-inline-previous strong{font-size:7px}}@media (width<=350px){.water-inline-row{grid-template-columns:minmax(96px,1fr) 174px}.water-inline-form{grid-template-columns:minmax(0,106px) 62px;width:174px}}.water-inline-row{position:relative}.water-inline-row:has(details.water-inline-photo:not([open])){padding-bottom:25px}.water-inline-form>details.water-inline-photo:not([open]){width:max-content;max-width:calc(100% - 42px);margin:0;position:absolute;bottom:4px;left:38px}.water-inline-form>details.water-inline-photo:not([open]) summary{min-height:20px;padding:0;font-size:9px;line-height:20px}@media (width<=520px){.water-inline-form>details.water-inline-photo:not([open]){left:33px}.water-inline-row:has(details.water-inline-photo:not([open])){padding-bottom:23px}}.invitation-state{color:#3156a3;background:#eef2ff;border-radius:999px;width:max-content;margin-top:4px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.invitation-state.sent{color:#725400;background:#fff4d6}.invitation-state.accepted{color:#006b49;background:#e7fff4}.invitation-state.failed{color:#a51d2d;background:#ffebee}