@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#151515;font-synthesis:none;--black:#111;--charcoal:#242424;--paper:#fff;--muted:#737373;--line:#e6e6e1;--soft:#f6f6f3;--green:#247a4b;--amber:#ae6b13;--blue:#2e5f8b;background:#f4f4f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}.eyebrow{letter-spacing:.15em;color:#777;margin-bottom:10px;font-size:11px;font-weight:800}.muted{color:var(--muted)}.brand-mark{color:#fff;background:#171717;border:1px solid #444;flex:none;place-items:center;width:42px;height:42px;display:grid;transform:rotate(45deg)}.brand-mark span{font-family:Manrope;font-size:13px;font-weight:800;transform:rotate(-45deg)}.brand-mark.large{width:64px;height:64px;margin-bottom:50px}.brand-mark.large span{font-size:18px}.primary-btn,.secondary-btn,.light-btn{border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 17px;font-weight:700;display:inline-flex}.primary-btn{background:var(--black);color:#fff}.primary-btn:hover{background:#2a2a2a}.primary-btn:disabled{opacity:.35;cursor:not-allowed}.secondary-btn{border:1px solid var(--line);color:#222;background:#fff}.light-btn{color:#111;background:#fff}.full{width:100%}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid;position:relative}.text-btn{color:#333;background:0 0;border:0;align-items:center;font-size:13px;font-weight:700;display:flex}.badge{white-space:nowrap;border-radius:99px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.success{color:#246c45;background:#e8f4ed}.badge.warning{color:#95601c;background:#fff2dd}.badge.neutral{color:#666;background:#eee}.login-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:#111;flex-direction:column;justify-content:space-between;padding:70px;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";border:1px solid #303030;width:500px;height:500px;position:absolute;bottom:-180px;right:-240px;transform:rotate(45deg)}.login-brand-panel h1{letter-spacing:-.04em;max-width:580px;margin-bottom:26px;font-size:52px;line-height:1.06}.login-brand-panel .eyebrow{color:#bbb}.login-copy{color:#aaa;max-width:530px;font-size:17px;line-height:1.7}.login-footer{color:#888;font-size:13px}.login-form-panel{background:#f2f2ee;place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(440px,100%);padding:42px;box-shadow:0 24px 70px #00000012}.login-card h2{letter-spacing:-.03em;margin-bottom:9px;font-size:32px}.login-card label,.form-grid label,.reading-result label{gap:8px;margin-top:18px;font-size:13px;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select,.reading-result input{background:#fff;border:1px solid #ddd;border-radius:9px;outline:none;height:45px;padding:0 13px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.reading-result input:focus{border-color:#777;box-shadow:0 0 0 3px #eee}.role-switch{background:#f1f1ee;border-radius:11px;grid-template-columns:1fr 1fr;margin:26px 0 4px;padding:4px;display:grid}.role-switch button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;font-weight:700;display:flex}.role-switch button.active{background:#fff;box-shadow:0 2px 8px #00000014}.login-btn{width:100%;margin-top:24px}.demo-note{text-align:center;color:#888;margin:16px 0 0;font-size:11px}.mobile-brand{display:none}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#121212;flex-direction:column;width:255px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #292929;align-items:center;gap:14px;height:82px;padding:0 24px;display:flex}.sidebar-brand strong{font-size:15px;display:block}.sidebar-brand small,.brand-inline small{color:#858585;margin-top:3px;font-size:11px;display:block}.sidebar nav{gap:4px;padding:18px 12px;display:grid}.sidebar nav button{color:#929292;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.sidebar nav button:hover{color:#ddd;background:#1d1d1d}.sidebar nav button.active{color:#111;background:#fff}.sidebar nav button i{color:#fff;background:#c77828;border-radius:99px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.sidebar-footer{border-top:1px solid #292929;margin-top:auto;padding:15px}.admin-card{align-items:center;gap:10px;padding:8px;display:flex}.admin-card strong{font-size:12px;display:block}.admin-card small{color:#777;font-size:10px}.avatar{color:#222;background:#e6e6e1;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.logout-btn{color:#888;background:0 0;border:0;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.sidebar-footer>small{color:#555;padding:0 10px;font-size:9px}.main-area{min-height:100vh;margin-left:255px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-left small,.topbar-left strong{display:block}.topbar-left small{color:#888;font-size:10px}.topbar-left strong{font-size:14px}.menu-btn,.mobile-close{background:0 0;border:0;display:none}.topbar-actions{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);color:#888;border-radius:10px;align-items:center;gap:8px;width:245px;height:39px;padding:0 12px;display:flex}.search-box input{border:0;outline:none;width:100%}.topbar-actions .icon-btn i{background:#c96f23;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.page-content{padding:30px}.page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px;display:flex}.page-heading h1{letter-spacing:-.035em;margin-bottom:7px;font-size:30px}.page-heading p:last-child{color:#777;margin:0;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:19px}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:23px;display:grid}.stat-icon.dark{color:#fff;background:#1c1c1c}.stat-icon.green{color:#2a7149;background:#e7f3eb}.stat-icon.amber{color:#a86a17;background:#fff0db}.stat-icon.blue{color:#315f87;background:#e6eef5}.stat-top{color:#777;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-card>strong{margin:8px 0 3px;font-size:25px;display:block}.stat-card small{color:#888;font-size:11px}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.lower{grid-template-columns:1.7fr .8fr}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-heading h3{margin-bottom:5px;font-size:15px}.panel-heading p{color:#888;margin:0;font-size:11px}.collection-main{grid-template-columns:180px 1fr;align-items:center;gap:25px;display:grid}.donut{background:conic-gradient(#151515 0 79%,#e8e8e3 79% 100%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:102px;height:102px;position:absolute}.donut div{z-index:1;text-align:center;position:relative}.donut strong{font-size:26px;display:block}.donut span{color:#888;font-size:10px}.legend-list{gap:15px;display:grid}.legend-list>div{align-items:center;gap:10px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-dot.dark{background:#151515}.legend-dot.light{background:#ddd}.legend-list p{flex-direction:column;margin:0;display:flex}.legend-list small{color:#888;font-size:10px}.legend-list strong{font-size:14px}.progress-wrap{margin-top:4px;display:block!important}.progress-wrap>div:first-child{color:#777;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.progress{background:#eee;border-radius:99px;height:7px;overflow:hidden}.progress i{background:#222;border-radius:99px;height:100%;display:block}.meter-summary{gap:10px;margin-bottom:18px;display:grid}.meter-item{border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.meter-item>div:nth-child(2){flex:1;min-width:0}.meter-item strong,.meter-item span{display:block}.meter-item strong{font-size:12px}.meter-item span{color:#888;margin-top:3px;font-size:10px}.utility-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.utility-icon.electric{color:#a7650a;background:#fff0d7}.utility-icon.water{color:#326c88;background:#e5f2f8}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:570px}.table-wrap th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 10px;font-size:9px}.table-wrap td{border-top:1px solid #eee;padding:13px 10px;font-size:11px}.table-wrap td strong{font-size:11px}.balance-due{color:#a35d18;font-weight:700}.activity-list{gap:17px;display:grid}.activity{grid-template-columns:12px 1fr;gap:10px;display:grid}.activity-dot{background:#aaa;border-radius:50%;width:8px;height:8px;margin-top:4px}.activity-dot.success{background:#4a946a}.activity-dot.info{background:#4f7d9e}.activity-dot.warning{background:#c47b29}.activity strong{font-size:11px}.activity p{color:#666;margin:3px 0;font-size:10px}.activity small{color:#aaa;font-size:9px}.meter-reader-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.upload-zone{color:#777;cursor:pointer;background:#fafaf8;border:1.5px dashed #bbb;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:210px;display:flex}.upload-zone:hover{border-color:#555}.upload-zone strong{color:#333;font-size:13px}.upload-zone span{font-size:10px}.upload-zone.uploaded{color:#2c7a4d;background:#f1f8f4;border-style:solid}.form-grid{grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:20px;display:grid}.empty-result{color:#aaa;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:410px;display:flex}.empty-result strong{color:#555;font-size:13px}.empty-result span{font-size:10px}.reading-result{gap:18px;display:grid}.confidence{color:#fff;background:#151515;border-radius:14px;padding:24px}.confidence span,.confidence small{color:#aaa;font-size:10px;display:block}.confidence strong{margin:6px 0;font-size:38px;display:block}.reading-math{border:1px solid var(--line);border-radius:11px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:15px;display:grid}.reading-math div{text-align:center}.reading-math span,.reading-math strong{display:block}.reading-math span{color:#888;margin-bottom:4px;font-size:9px}.reading-math strong{font-size:12px}.notice{color:#8c5b1d;background:#fff4df;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;font-size:10px;display:flex}.placeholder-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.placeholder-icon{background:#eee;border-radius:18px;place-items:center;width:66px;height:66px;margin-bottom:20px;display:grid}.placeholder-panel h2{margin-bottom:9px;font-size:23px}.placeholder-panel p{color:#777;max-width:550px;font-size:13px;line-height:1.7}.placeholder-actions{gap:10px;margin-top:15px;display:flex}.tenant-shell{background:#f3f3ef;min-height:100vh}.tenant-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 max(28px,50vw - 560px);display:flex}.brand-inline,.tenant-user{align-items:center;gap:13px;display:flex}.brand-inline strong,.tenant-user strong,.tenant-user small{display:block}.tenant-user strong{font-size:12px}.tenant-user small{color:#888;margin-top:2px;font-size:10px}.tenant-content{max-width:1120px;margin:auto;padding:36px 28px}.tenant-welcome{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.tenant-welcome h1{margin-bottom:6px;font-size:32px}.tenant-welcome p:last-child{color:#777;font-size:13px}.tenant-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tenant-bill-card{color:#fff;background:#151515;border-radius:16px;flex-direction:column;align-items:flex-start;padding:27px;display:flex}.tenant-bill-card span,.tenant-bill-card small{color:#aaa;font-size:11px}.tenant-bill-card strong{margin:11px 0 3px;font-size:40px}.tenant-bill-card .light-btn{margin-top:auto}.bill-breakdown{display:grid}.bill-row{border-bottom:1px solid #eee;justify-content:space-between;padding:11px 0;font-size:12px;display:flex}.bill-row.total{border-bottom:0;padding-bottom:0;font-size:14px}.tenant-utilities{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tenant-utilities>div{border:1px solid var(--line);border-radius:12px;padding:14px}.tenant-utilities span,.tenant-utilities strong{display:block}.tenant-utilities span{color:#888;margin-top:14px;font-size:10px}.tenant-utilities strong{margin-top:4px;font-size:17px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions button{border:1px solid var(--line);color:#333;background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;height:74px;padding:12px;display:flex}.quick-actions button span{font-size:10px;font-weight:700}.overlay{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower,.meter-reader-grid{grid-template-columns:1fr}.activity-panel{min-height:auto}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:22px}.mobile-brand{align-items:center;gap:15px;margin-bottom:40px;display:flex}.sidebar{transition:all .2s;transform:translate(-105%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000040}.main-area{margin-left:0}.menu-btn,.mobile-close{place-items:center;display:grid}.mobile-close{color:#fff;margin-left:auto}.overlay{z-index:15;background:#00000073;display:block;position:fixed;inset:0}.search-box{display:none}.page-content{padding:22px 16px}.page-heading{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.tenant-grid{grid-template-columns:1fr}.tenant-header{padding:0 18px}.tenant-content{padding:26px 16px}.tenant-user>div:nth-child(2){display:none}}@media (width<=520px){.login-card{padding:28px 22px}.stats-grid{grid-template-columns:1fr}.collection-main{grid-template-columns:1fr;justify-items:center}.legend-list{width:100%}.form-grid{grid-template-columns:1fr}.tenant-welcome{flex-direction:column;align-items:flex-start;gap:10px}.tenant-utilities{grid-template-columns:1fr}.placeholder-actions{flex-direction:column;width:100%}.placeholder-actions button,.page-heading .primary-btn,.page-heading .secondary-btn{width:100%}}.badge.info{color:#315f87;background:#e8f0f7}.units-heading{align-items:center}.unit-stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.page-alert{border-radius:11px;align-items:center;gap:10px;margin:-8px 0 16px;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.page-alert span{flex:1}.page-alert button{background:0 0;border:0;place-items:center;display:grid}.page-alert.error{color:#9c3028;background:#fff0ef;border:1px solid #f3d3cf}.page-alert.success{color:#246c45;background:#edf8f1;border:1px solid #d4eadc}.units-management-panel{padding:0;overflow:hidden}.units-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:17px 18px;display:flex}.units-search{border:1px solid var(--line);color:#888;background:#fff;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:260px;max-width:480px;height:41px;padding:0 12px;display:flex}.units-search input{background:0 0;border:0;outline:0;width:100%}.units-toolbar-actions{gap:10px;display:flex}.units-toolbar-actions select{border:1px solid var(--line);color:#444;background:#fff;border-radius:10px;outline:0;height:41px;padding:0 34px 0 12px}.secondary-btn.compact{height:41px;padding:0 13px}.units-table-wrap{min-height:180px}.units-table{min-width:760px!important}.units-table th{background:#fafaf8;padding-top:15px!important;padding-bottom:12px!important}.units-table td{padding-top:15px!important;padding-bottom:15px!important}.unit-code-cell{align-items:center;gap:10px;display:flex}.unit-code-icon{color:#555;background:#f0f0ed;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.unit-code-cell strong,.unit-code-cell small{display:block}.unit-code-cell strong{font-size:12px!important}.unit-code-cell small{color:#aaa;margin-top:2px;font-size:8px}.muted-cell{color:#999}.row-actions{gap:6px;display:flex}.row-actions button{border:1px solid var(--line);color:#444;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.row-actions button:hover{background:#f3f3ef}.row-actions button.danger{color:#a83d34}.row-actions button.danger:hover{background:#fff0ef;border-color:#f1d4d1}.units-state{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:320px;padding:30px;display:flex}.units-state strong{color:#444;font-size:15px}.units-state span{max-width:390px;font-size:11px;line-height:1.6}.units-state .primary-btn{margin-top:8px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#0a0a0a94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:17px;width:min(620px,100%);max-height:calc(100vh - 44px);padding:26px;overflow:auto;box-shadow:0 30px 90px #00000040}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.modal-header .eyebrow{margin-bottom:7px}.modal-header h2{margin-bottom:6px;font-size:24px}.modal-header p:last-child{color:#777;margin:0;font-size:12px}.modal-close{border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;place-items:center;width:37px;height:37px;display:grid}.unit-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin:21px 0;display:grid}.unit-form-grid label{gap:8px;font-size:12px;font-weight:700;display:grid}.unit-form-grid input,.unit-form-grid select{background:#fff;border:1px solid #ddd;border-radius:9px;outline:0;height:44px;padding:0 12px}.unit-form-grid input:focus,.unit-form-grid select:focus{border-color:#777;box-shadow:0 0 0 3px #eee}.modal-note{color:#666;background:#f5f5f1;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;font-size:10px;line-height:1.5;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=1100px){.unit-stats-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.units-toolbar{flex-direction:column}.units-search{width:100%;min-width:0;max-width:none}.units-toolbar-actions{width:100%}.units-toolbar-actions select{flex:1}.units-heading{align-items:flex-start}.unit-form-grid{grid-template-columns:1fr}}@media (width<=520px){.unit-stats-grid{grid-template-columns:1fr}.units-toolbar-actions{flex-direction:column}.units-toolbar-actions select,.secondary-btn.compact{width:100%}.modal-backdrop{padding:10px}.modal-card{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.tenants-table{min-width:1120px!important}.tenant-name-cell{align-items:center;gap:10px;display:flex}.tenant-initials,.profile-avatar{color:#fff;background:#171717;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;display:grid}.tenant-name-cell strong,.tenant-name-cell small,.contact-cell span,.contact-cell small,.table-subtext{display:block}.tenant-name-cell strong{font-size:12px!important}.tenant-name-cell small,.contact-cell small,.table-subtext{color:#999;margin-top:3px;font-size:9px}.contact-cell span{font-size:11px}.tenant-modal{width:min(880px,100%)}.form-section{border-bottom:1px solid var(--line);padding:20px 0}.form-section:last-of-type{border-bottom:0}.form-section-title{align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.form-section-title>svg{color:#555;margin-top:1px}.form-section-title strong,.form-section-title span{display:block}.form-section-title strong{font-size:13px}.form-section-title span{color:#888;margin-top:3px;font-size:10px}.tenant-form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.tenant-form-grid.three-cols{grid-template-columns:repeat(3,1fr)}.tenant-form-grid label{gap:7px;font-size:11px;font-weight:700;display:grid}.tenant-form-grid label.span-2{grid-column:span 2}.tenant-form-grid input,.tenant-form-grid select,.tenant-form-grid textarea{background:#fff;border:1px solid #ddd;border-radius:9px;outline:0;width:100%;padding:0 12px}.tenant-form-grid input,.tenant-form-grid select{height:43px}.tenant-form-grid textarea{resize:vertical;min-height:82px;padding-top:11px}.tenant-form-grid input:focus,.tenant-form-grid select:focus,.tenant-form-grid textarea:focus{border-color:#777;box-shadow:0 0 0 3px #eee}.tenant-form-grid label>small{color:#999;font-size:9px;font-weight:500;line-height:1.4}.tenant-profile-modal{width:min(760px,100%)}.profile-heading{align-items:center;gap:14px;display:flex}.profile-avatar{border-radius:14px;width:52px;height:52px;font-size:14px}.profile-heading .eyebrow{margin-bottom:4px}.profile-heading h2{margin-bottom:3px}.profile-status-row{color:#999;justify-content:space-between;align-items:center;padding:17px 0;font-size:10px;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-block{border:1px solid var(--line);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px;display:grid}.profile-block svg{color:#666;grid-row:1/span 2}.profile-block span,.profile-block strong{display:block}.profile-block span{color:#999;font-size:9px}.profile-block strong{overflow-wrap:anywhere;margin-top:3px;font-size:11px}.profile-financials{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.profile-financials>div{background:#f6f6f3;border-radius:11px;padding:14px}.profile-financials span,.profile-financials strong{display:block}.profile-financials span{color:#888;font-size:9px}.profile-financials strong{margin-top:6px;font-size:14px}.profile-detail-list{border:1px solid var(--line);border-radius:11px;margin-top:12px;padding:0 14px}.profile-detail-list>div{border-bottom:1px solid #eee;grid-template-columns:145px 1fr;gap:16px;padding:13px 0;display:grid}.profile-detail-list>div:last-child{border-bottom:0}.profile-detail-list span{color:#888;font-size:10px}.profile-detail-list strong{overflow-wrap:anywhere;font-size:11px;line-height:1.5}@media (width<=800px){.tenant-form-grid,.tenant-form-grid.three-cols{grid-template-columns:1fr}.tenant-form-grid label.span-2{grid-column:span 1}.profile-grid,.profile-financials{grid-template-columns:1fr}.profile-detail-list>div{grid-template-columns:1fr;gap:5px}.profile-status-row{flex-direction:column;align-items:flex-start;gap:8px}}