:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182c40;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;background:#1769aa;color:#fff;padding:10px 16px}button:hover{filter:brightness(.92)}input,select{border:1px solid #d1dbe6;border-radius:6px;padding:10px;min-width:140px;width:100%}.shell{display:flex;min-height:100vh}aside{width:230px;background:#142c44;color:#fff;padding:26px 15px;flex-shrink:0}aside h2{margin:0 10px}aside p{opacity:.7;margin:4px 10px 32px}aside button{background:transparent;display:block;width:100%;text-align:left;margin:4px 0}aside button.active,aside button:hover{background:#28577c}main{padding:28px 38px;min-width:0;flex:1}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e2e9;margin-bottom:20px}h1{font-size:25px}h3{margin-top:26px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card{background:#fff;border:1px solid #e1e8ee;border-radius:12px;padding:22px}.card span{display:block;color:#60768a;margin-bottom:18px}.card strong{font-size:26px}.form{background:#fff;border:1px solid #e0e9ef;border-radius:12px;padding:16px;display:flex;flex-wrap:wrap;align-items:end;gap:12px}.form label{display:flex;flex-direction:column;gap:6px;min-width:180px;flex:1;color:#41566b;font-size:13px}.form button{height:42px}.overflow{overflow:auto;background:#fff;border-radius:10px;border:1px solid #e3eaf0}table{border-collapse:collapse;min-width:800px;width:100%;font-size:13px}td,th{padding:11px;text-align:left;border-bottom:1px solid #e7ecf1;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{background:#eff4f8}.muted{color:#708397}.message{padding:12px;background:#e8f2fc;border-radius:7px}.setting{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd}.search{display:block;margin:24px 0;max-width:400px}.login{max-width:550px;margin:12vh auto;background:#fff;border:1px solid #e4ecf3;border-radius:12px;padding:35px}.login form{display:flex;gap:10px}.warning{color:#9b5631;font-size:13px}@media(max-width:750px){.shell{flex-direction:column}aside{width:100%}aside button{display:inline-block;width:auto}main{padding:16px}.form{display:block}.form label{margin:10px 0}.login{margin:12px}}aside{width:clamp(145px,10vw,200px);padding:18px 8px}main{width:90%;padding:22px 28px}aside button{font-size:13px}.toolrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.toolrow input{flex:1;min-width:230px}.toolrow select{width:auto}.toolrow button{white-space:nowrap}.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px;background:#fff;padding:18px;border-radius:10px;border:1px solid #e0e9ef}.states label{display:flex;align-items:center;gap:7px}.states input{width:auto;min-width:0}.catalog .detail{background:#fff;padding:18px;margin-top:24px;border:1px solid #d9e2e9;border-radius:12px}.catalog .card strong{display:block;margin-bottom:8px}.catalog h4{margin-bottom:8px}@media(max-width:750px){aside{width:100%}main{width:100%}}.catalog-search{display:flex;align-items:center;gap:12px;margin:5px 0 16px}.catalog-search>input{flex:1;min-width:160px}.catalog-search label{display:flex;align-items:center;gap:8px;white-space:nowrap}.catalog-search select{width:135px}.catalog-search button{flex-shrink:0}.hoa-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:650px;border:1px solid #6f8295}.hoa-table th,.hoa-table td{border:1px solid #8797a7;padding:10px 12px;white-space:normal;overflow-wrap:anywhere;max-width:none;vertical-align:middle}.hoa-table th{background:#e3eaf1;font-weight:700}.hoa-table tbody tr:nth-child(2n){background:#f7f9fc}.small-button{font-size:12px;padding:6px 10px}.empty-cell{text-align:center;color:#687d92;padding:24px!important}.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0;padding:12px;background:#fff;border:1px solid #ccd7e2;border-radius:8px;font-size:13px}.pagination button{padding:7px 9px;font-size:12px}.pagination button:disabled{opacity:.4;cursor:default}.pagination label{display:flex;align-items:center;gap:5px;white-space:nowrap}.pagination select{width:75px;min-width:75px;padding:6px}.pagination form{display:flex;gap:6px;align-items:center}.pagination input{width:74px;min-width:74px;padding:6px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-bottom:20px}.detail-field{background:#f4f7fa;padding:11px;border:1px solid #dbe3ea;min-width:0;overflow-wrap:anywhere}.detail-field span{display:block;color:#63798c;font-size:12px;margin-bottom:4px}.detail-field strong{font-size:13px}.catalog .detail .hoa-table th{width:auto}.error{border:1px solid #bd6868;background:#fff0f0;color:#8a2929}@media(max-width:850px){.catalog-search{flex-wrap:wrap}.catalog-search>input{flex-basis:100%}.pagination{gap:5px}}.user-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid #d9e2e9;padding-bottom:14px}.user-list-toolbar h1{margin:0;font-size:25px}.user-list-search{display:flex;align-items:center;gap:9px;margin:0}.user-list-search label{font-size:14px;white-space:nowrap;color:#33475c}.user-list-search input{width:min(300px,36vw);min-width:160px}.user-list-search button{white-space:nowrap}.user-list-overflow{border:1px solid #8294a6;border-radius:0}.user-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:700px;border:1px solid #8294a6}.user-table th,.user-table td{border:1px solid #8d9fac;padding:11px 12px;max-width:none;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}.user-table th{background:#dfe7ed;font-weight:700;color:#23374b}.user-table tbody tr{background:#f1f3f6}.user-table tbody tr:nth-child(2n){background:#e8edf1}.user-table tbody tr:hover{background:#dee8f0}.user-table td:nth-child(3){text-align:center}.user-table td button{padding:7px 11px;font-size:12px;white-space:nowrap}.hoa-list-table{table-layout:fixed;min-width:780px;width:100%}.hoa-list-table th,.hoa-list-table td{border:1px solid #8797a7;max-width:none;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.hoa-list-table tbody tr{background:#f1f3f6}.hoa-list-table tbody tr:nth-child(2n){background:#e8edf1}.hoa-list-table td.hoa-details-action{text-align:center;padding:7px 2px}.hoa-list-table td.hoa-details-action button{padding:6px 7px;white-space:nowrap}@media(max-width:700px){.user-list-search{width:100%;flex-wrap:wrap}.user-list-search input{width:100%;flex:1}}.hoa-detail-page{max-width:1320px;margin:0 auto}.detail-page-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:15px;border-bottom:1px solid #dbe5ec}.detail-page-header h2{font-size:26px;margin:10px 0 4px}.detail-page-header .back-link{background:transparent;color:#1769aa;border:0;padding:5px 0;font-weight:700}.hoa-detail-section{margin:20px 0;background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:22px}.hoa-detail-section h3{margin:0 0 15px;font-size:21px}.hoa-detail-section>p{color:#61788a;font-size:13px;line-height:1.7}.hoa-approved{padding:12px;border:1px solid #b7dcc5;background:#effaf3;border-radius:8px;color:#185f36!important}.hoa-info-form{padding:0;border:0;margin:10px 0 18px}.hoa-unit-table{min-width:980px}.hoa-unit-table th,.hoa-unit-table td{border:1px solid #c8d5de;max-width:none}.hoa-unit-table tbody tr:nth-child(2n){background:#f0f3f6}.unit-claims{padding:16px;margin:16px 0;border:1px solid #ccdbe4;border-radius:9px;background:#f7fafc}.unit-claims h4{margin:0}.unit-claims table{min-width:800px}@media(max-width:700px){.detail-page-header{align-items:flex-start;flex-direction:column}.hoa-detail-section{padding:15px}}.hoa-unit-add{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:end;background:#f6f9fc;border:1px solid #e0eaf0;padding:16px;border-radius:10px;margin-bottom:17px}.hoa-unit-add label{display:grid;gap:5px;font-size:12px;color:#435d71}.hoa-unit-add input,.hoa-unit-add textarea{width:100%;min-width:0}.hoa-unit-add textarea{font:inherit;resize:vertical;border:1px solid #d1dbe6;border-radius:6px;padding:10px}@media(max-width:1000px){.hoa-unit-add{grid-template-columns:1fr 1fr}.hoa-unit-numbers{grid-column:1 / -1}}