*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#f0f2f5;color:#16324a}.hidden{display:none!important}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#102e48}.login-card{width:440px;background:white;border-radius:10px;padding:34px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.brand-row{display:flex;gap:14px;align-items:center;margin-bottom:28px}.sbi-mark{font-weight:800;font-size:28px;letter-spacing:-1px}.brand-title{font-weight:800;font-size:18px}.brand-company{font-size:11px;color:#6b7d8b;margin-top:2px}.login-card h1{margin:0 0 6px;font-size:26px}.muted{color:#6b7d8b}.login-card label{display:block;font-size:12px;font-weight:700;margin:18px 0 6px;text-transform:uppercase}.login-card input{width:100%;padding:12px;border:1px solid #ccd5dc;border-radius:5px;font-size:15px}.primary{border:0;border-radius:5px;padding:11px 18px;background:#0d6fa8;color:#fff;font-weight:700;cursor:pointer}.primary:hover{background:#0a5d8d}.full{width:100%;margin-top:22px}.error{color:#b42318;margin-top:12px;min-height:20px;font-size:13px}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:205px;background:#102e48;color:#fff;display:flex;flex-direction:column;height:100vh;min-height:100vh;flex:0 0 205px}.sidebar-brand{padding:25px 18px 24px;display:flex;gap:10px;align-items:center}.sidebar-brand .sbi-mark{font-size:25px}.sidebar-title{font-weight:800;font-size:15px}.workspace-label{font-size:11px;color:#83a9c0;font-weight:700;padding:0 18px 12px}.nav{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:13px 18px;font-size:14px;font-weight:600;cursor:pointer}.nav:hover,.nav.active{background:#1677ad}.sidebar-bottom{margin-top:auto}.manager-name{padding:18px;font-size:13px;border-top:1px solid rgba(255,255,255,.15)}.copyright{font-size:10px;color:#a9c0cf;padding:24px 18px;line-height:1.5}.main{flex:1;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden}.topbar{height:64px;background:#fff;border-bottom:1px solid #dce3e8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-weight:800;font-size:14px}.topbar #companyName{font-size:11px;color:#6b7d8b;font-weight:600}.page{padding:26px;max-width:1500px;margin:auto}.hero{background:#102e48;color:#fff;border-radius:4px;padding:28px;margin-bottom:18px;display:flex;justify-content:space-between}.hero h1{margin:0 0 8px;font-size:27px}.hero p{margin:0;color:#bcd7e7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.card{background:#fff;border:1px solid #e1e6ea;padding:20px;border-radius:4px}.card .label{font-size:11px;color:#526a79;font-weight:800}.card .value{font-size:27px;font-weight:800;margin-top:10px}.table-card{background:#fff;border:1px solid #e1e6ea;border-radius:4px;overflow:auto}.table-head{padding:18px 20px;font-size:18px;font-weight:800}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{flex:1;padding:11px;border:1px solid #ccd5dc;border-radius:5px}.table{width:100%;border-collapse:collapse}.table th{background:#e6eef4;text-align:left;padding:10px 12px;font-size:12px}.table td{padding:10px 12px;border-top:1px solid #edf0f2;font-size:13px}.table tr:hover{background:#f5f9fc;cursor:pointer}.status{font-weight:700}.property-header{background:#102e48;color:#fff;padding:20px;border-radius:4px;margin-bottom:16px}.property-header h1{margin:0 0 5px}.property-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{background:#fff;border:1px solid #e1e6ea;padding:18px;border-radius:4px}.detail-card h3{margin:0 0 15px}.kv{display:grid;grid-template-columns:180px 1fr;gap:9px;font-size:13px}.kv .k{font-weight:700;color:#607582}.section-title{font-size:22px;margin:0 0 16px}.back{margin-bottom:14px;border:0;background:none;color:#0d6fa8;font-weight:700;cursor:pointer;padding:0}.empty{padding:30px;text-align:center;color:#6b7d8b}@media(max-width:900px){.sidebar{width:170px}.cards{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{display:none}.page{padding:16px}.topbar{padding:0 16px}}
.hero-logo{font-size:38px;font-weight:900;letter-spacing:-2px;color:#fff;align-self:flex-start;line-height:1;padding:4px 2px}.hero-logo::after{content:"";display:block;width:42px;height:3px;background:#fff;margin-top:5px;border-radius:2px}

.hero-full-logo{width:165px;height:105px;object-fit:contain;object-position:center;display:block;flex:0 0 auto;margin:0 0 0 18px}.hero{align-items:center;min-height:125px;padding:18px 24px}.property-header{display:none}@media(max-width:650px){.hero-full-logo{width:105px;height:72px;margin-left:10px}.hero{min-height:100px;padding:14px 16px}.hero h1{font-size:22px}.hero p{font-size:13px}}

.property-toolbar{display:flex;align-items:end;gap:14px;margin-bottom:12px;flex-wrap:wrap}.property-count{font-size:13px;font-weight:800;color:#526a79;min-width:85px}.property-search{display:flex;align-items:end;gap:8px;flex:1;min-width:300px}.property-search label{font-size:11px;font-weight:800;color:#526a79}.property-search input{flex:1;padding:11px;border:1px solid #ccd5dc;border-radius:5px}.property-actions{display:flex;gap:8px}.secondary{border:0;border-radius:5px;padding:11px 16px;background:#e7eff6;color:#164c72;font-weight:700;cursor:pointer}.secondary:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.property-list-card{max-height:450px;overflow:auto}.properties-table th,.properties-table td{text-align:center}.properties-table td:nth-child(4){text-align:left}.property-thumb{width:72px;height:50px;object-fit:cover;border-radius:3px;border:1px solid #d8e0e6}.empty-photo{display:inline-flex;align-items:center;justify-content:center;background:#eef3f7;color:#9aaab6}.selected-row{background:#dbeaf5!important}.workspace-caption{font-size:13px;font-weight:800;color:#526a79;margin:10px 0 8px}.tabs-card{background:#fff;border:1px solid #dfe6eb;border-radius:4px;overflow:hidden}.tabs-nav{display:flex;background:#e7eff6;border-bottom:1px solid #ccd8e1}.tab{border:0;background:transparent;padding:12px 18px;font-weight:800;color:#334d63;cursor:pointer}.tab.active{background:#0b679b;color:#fff}.property-tab{padding:20px}.detail-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e7edf1;border:1px solid #e0e6eb}.kv-item{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:5px}.kv-item span{font-size:11px;font-weight:800;color:#607582;text-transform:uppercase}.kv-item strong{font-size:14px;color:#183b59}.notes-box{margin-top:16px;border:1px solid #e0e6eb;padding:14px;background:#fff}.notes-box div{margin-top:8px;min-height:45px}.photo-note{margin-top:12px;color:#6b7d8b;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field,.field-full{display:flex;flex-direction:column;gap:6px}.field span,.field-full{font-size:11px;font-weight:800;color:#53677c;text-transform:uppercase}.field input,.field select,.field-full textarea{padding:10px;border:1px solid #ccd5dc;border-radius:5px;font:inherit;color:#152b43;background:#fff}.field-full{margin-top:16px}.field-full textarea{min-height:90px;resize:vertical;text-transform:uppercase}.editor-card{margin-bottom:20px}@media(max-width:1000px){.detail-fields,.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.detail-fields,.form-grid{grid-template-columns:1fr}.property-actions{width:100%}.property-actions button{flex:1}.property-search{min-width:100%}}

.equity-summary{margin-top:16px;background:#e7f1f7;border:1px solid #cbdde8;border-radius:4px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.equity-summary span{font-size:12px;font-weight:800;color:#526a79;text-transform:uppercase}.equity-summary strong{font-size:22px;color:#0b679b}.property-list-card{max-height:450px}.properties-table th,.properties-table td{white-space:nowrap}.properties-table td:nth-child(4){min-width:260px}.workspace-caption{margin-top:14px}

/* Property details modal — desktop-style five-tab workspace */
.property-modal-overlay{position:fixed;inset:0;background:rgba(8,28,45,.58);z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box}
.property-modal{width:min(1180px,96vw);max-height:90vh;background:#f3f6f8;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column}
.property-modal-header{background:#123652;color:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.property-modal-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:#a9cce2;margin-bottom:4px}
.property-modal-header h2{margin:0;font-size:21px;font-weight:800}
.property-modal-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.property-modal-close:hover{background:rgba(255,255,255,.22)}
.property-modal-card{margin:0;border:0;border-radius:0;overflow:auto;background:#fff;flex:1}
.property-modal-card .tabs-nav{position:sticky;top:0;z-index:2}
.property-modal-card .property-tab{min-height:300px}
@media(max-width:800px){.property-modal-overlay{padding:10px}.property-modal{width:100%;max-height:94vh}.property-modal-header{padding:14px 16px}.property-modal-header h2{font-size:17px}.tabs-nav{overflow-x:auto;white-space:nowrap}.tab{flex:0 0 auto}}

/* V1.17 property selection/modal stability */
.properties-table tbody tr[data-id]{cursor:pointer;user-select:none}.properties-table tbody tr[data-id]:focus{outline:2px solid #1677ad;outline-offset:-2px}.property-modal-subtitle{margin-top:5px;color:#bcd7e7;font-size:12px}.property-load-error{margin:20px;background:#fff;border:1px solid #e1e6ea;border-radius:6px;padding:30px}.property-editor-modal .property-modal-card{min-height:0}


/* Property document actions */
.doc-actions{white-space:nowrap}.doc-actions a{display:inline-block;margin:0 5px;font-weight:800}.doc-view{color:#0b679b;text-decoration:none;font-weight:800}.doc-view:hover{text-decoration:underline}.doc-download{color:#0645ad}.doc-title{font-weight:700}
/* Expenses & Payments — Desktop-equivalent structure */
.expense-module{padding-top:4px}.expense-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.expense-note{margin-left:4px;flex:1}.expense-subtabs{display:flex;gap:0;background:#f2f6fa;border-bottom:1px solid #b8c4cf;margin:0 -2px 10px}.expense-subtab{border:1px solid transparent;border-bottom:none;background:#f2f6fa;padding:10px 18px;font-weight:800;color:#36536c;cursor:pointer}.expense-subtab.active{background:#fff;border-color:#b8c4cf;color:#fff;background:#0b679b}.expense-actions-row{display:flex;gap:10px;margin-bottom:14px}.expense-section-title{font-weight:800;color:#294861;margin:8px 0 6px}.expense-section-title span{font-weight:600;color:#5e7181}.expense-table-card{margin-bottom:12px;overflow:auto}.expense-table-card .table{margin:0;min-width:900px}.expense-history-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:8px}.expense-history-head>div:last-child{display:flex;gap:8px}.expense-corrections{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px}.expense-corrections label{font-size:14px}.expense-disabled{opacity:.55;cursor:not-allowed}.expense-action-disabled{opacity:.55}.expense-module .table td,.expense-module .table th{white-space:nowrap}.expense-module button{font-weight:800}

/* Property modal action buttons */
.property-modal-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.property-modal-action{
  min-width:145px;
  height:42px;
  padding:0 18px;
}
.property-modal-action:disabled{
  opacity:.55;
  cursor:not-allowed;
}
@media (max-width: 900px){
  .property-modal-header-actions{gap:6px}
  .property-modal-action{min-width:auto;padding:0 12px}
}

.editor-scroll{overflow:auto}.editor-section-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 7px;color:#294861}.editor-section-head span{font-weight:600;color:#5e7181}.editor-table-card{overflow:auto;margin-bottom:16px}.editor-table{min-width:900px}.editor-table.wide{min-width:1250px}.editor-table input,.editor-table select{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid #ccd5dc;border-radius:4px;background:#fff;font:inherit;color:#183b59}.editor-table td{padding:6px;vertical-align:middle}.editor-info-note{margin:10px 0 14px;padding:10px 12px;border:1px solid #d9e4eb;background:#f5f8fa;color:#536b7c;border-radius:4px;font-size:12px}.property-editor-modal .property-modal-card{overflow:auto}.property-editor-modal .tabs-nav{position:sticky;top:0;z-index:3}.property-editor-modal .property-tab{min-height:420px}.editor-tabs-nav{overflow-x:auto;white-space:nowrap}.editor-tabs-nav .tab{flex:0 0 auto}

.editor-pane.hidden{display:none}.editor-pane>.property-tab{min-height:420px}
.bill-selectable{cursor:pointer}
.bill-selectable:hover{background:#eef6fb}

/* Desktop-style Record Confirmed Payment dialog */
.sbi-form-modal-overlay{position:fixed;inset:0;background:rgba(8,28,45,.62);z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px}
.sbi-form-modal{width:min(760px,94vw);background:#fff;border-radius:8px;box-shadow:0 22px 70px rgba(0,0,0,.38);overflow:hidden}
.sbi-form-modal-header{background:#123652;color:#fff;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sbi-form-modal-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:#a9cce2;margin-bottom:5px}
.sbi-form-modal-header h2{margin:0;font-size:24px}
.sbi-form-modal-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:27px;cursor:pointer}
.sbi-form-modal-body{padding:26px}
.sbi-form-info{padding:12px 14px;background:#f3f7fa;border:1px solid #dbe5ec;border-radius:5px;color:#526a79;margin-bottom:22px}
.sbi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.sbi-form-field{display:flex;flex-direction:column;gap:7px}
.sbi-form-field span{font-size:12px;font-weight:800;color:#36536c;text-transform:uppercase}
.sbi-form-field input,.sbi-form-field select{width:100%;padding:11px 12px;border:1px solid #ccd5dc;border-radius:5px;font:inherit;color:#183b59;background:#fff}
.sbi-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid #e5ebef}
.sbi-form-actions button{min-width:105px}
@media(max-width:650px){.sbi-form-modal-overlay{padding:10px}.sbi-form-modal-header{padding:18px}.sbi-form-modal-body{padding:18px}.sbi-form-grid{grid-template-columns:1fr}}
.vendor-directory-modal{width:min(1100px,92vw);max-width:1100px}
.vendor-directory-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.vendor-directory-toolbar input{flex:1;min-width:220px;padding:10px 12px;border:1px solid #c8d5df;border-radius:5px;font:inherit}
.vendor-directory-modal .table-card{max-height:55vh;overflow:auto}
.vendor-directory-modal table{min-width:900px}

/* V1.35 payment/vendor actions */
.payment-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.payment-action-buttons button{white-space:nowrap}
.vendor-row{cursor:pointer}.vendor-row:hover{background:#eef5fa!important}.vendor-details-modal{width:min(820px,94vw)}
.vendor-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dfe7ed;border:1px solid #dfe7ed}
.vendor-details-grid>div{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.vendor-details-grid>div.wide{grid-column:1/-1}
.vendor-details-grid span{font-size:11px;font-weight:800;color:#607582;text-transform:uppercase}.vendor-details-grid strong{font-size:14px;color:#183b59;word-break:break-word}.vendor-notes{white-space:pre-wrap;font-weight:500!important;line-height:1.45}.vendor-portal-link{color:#0b679b;text-decoration:none}.vendor-portal-link:hover{text-decoration:underline}
@media(max-width:700px){.payment-action-buttons{justify-content:stretch}.payment-action-buttons button{flex:1}.vendor-details-grid{grid-template-columns:1fr}.vendor-details-grid>div.wide{grid-column:auto}}


/* V1.43 Desktop-equivalent Reports */
.report-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.report-tabs{display:flex;border-bottom:1px solid #b8c4cf;background:#f2f6fa;overflow-x:auto}.report-tab{border:1px solid transparent;border-bottom:none;background:#f2f6fa;padding:12px 20px;font-weight:800;color:#36536c;cursor:pointer;white-space:nowrap}.report-tab.active{background:#0b679b;color:#fff;border-color:#0b679b}.reports-body{padding-top:14px}.report-section.hidden{display:none}.report-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.report-section-head h2{margin:0 0 4px;color:#294861;font-size:18px}.report-section-head p{margin:0;color:#5e7181}.report-summary-card{min-width:230px;flex:0 0 auto}.report-summary-card .value{font-size:21px}.report-note{padding:10px 12px;background:#f5f8fa;border:1px solid #d9e4eb;border-radius:5px;color:#536b7c;margin:0 0 12px;font-size:12px}.report-chart{background:#fff;border:1px solid #dce6ed;border-radius:6px;padding:14px 16px;margin:0 0 14px;min-height:42px}.report-chart-empty{color:#65798c;padding:8px}.report-bar-row{display:grid;grid-template-columns:140px 1fr 110px;align-items:center;gap:12px;margin:8px 0}.report-bar-label{font-size:12px;font-weight:700;color:#334d63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-track{height:14px;background:#edf2f5;border-radius:3px;overflow:hidden}.report-bar{height:100%;background:#0b679b;border-radius:3px}.report-bar-row strong{text-align:right;font-size:12px;color:#173b59}.report-table-card{overflow:auto}.report-table-card .table{margin:0;min-width:650px}.report-alt{background:#eaf2f8}@media(max-width:700px){.report-section-head{flex-direction:column}.report-summary-card{width:100%;box-sizing:border-box}.report-bar-row{grid-template-columns:90px 1fr 85px}.report-tab{padding:10px 14px}}


/* V1.44 About the Company - Desktop-equivalent profile */
.section-label{font-size:13px;font-weight:900;letter-spacing:.02em;color:#36536c;margin:0 0 10px}
.about-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-edit-card{padding:18px}
.about-edit-card h3{margin:0 0 10px;color:#294861;font-size:14px}
.about-textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:118px;padding:12px 13px;border:1px solid #d8e2e9;border-radius:4px;background:#f8fafc;color:#263b50;font:15px/1.45 Arial,sans-serif;outline:none}
.about-textarea:focus{border-color:#0b679b;box-shadow:0 0 0 2px rgba(11,103,155,.08);background:#fff}
.about-story-card{margin-top:14px}.about-story-textarea{min-height:210px}
.about-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px}
.about-message{min-height:4px;margin-bottom:18px}.success-box{padding:10px 12px;border:1px solid #b8ddc5;background:#edf8f1;color:#25633b;border-radius:5px}.error-box{padding:10px 12px;border:1px solid #e6bcbc;background:#fff2f2;color:#8a3030;border-radius:5px}
@media(max-width:700px){.about-foundation-grid{grid-template-columns:1fr}.about-footer{flex-direction:column;align-items:stretch}.about-footer button{width:100%}}


/* V1.45 Our Founders */
.founders-intro{background:#fff;border:1px solid #e1e6ea;border-radius:4px;padding:16px 18px;margin:0 0 16px;color:#536b7c;line-height:1.5}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.founder-card{background:#fff;border:1px solid #e1e6ea;border-radius:5px;overflow:hidden;display:flex;min-width:0}
.founder-photo-wrap{width:220px;flex:0 0 220px;background:#eef3f7;min-height:330px}
.founder-photo{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.founder-photo-empty{display:flex;align-items:center;justify-content:center;color:#8497a5;font-weight:700;font-size:14px}
.founder-content{padding:18px;display:flex;flex-direction:column;flex:1;min-width:0}
.founder-content h2{margin:0 0 4px;color:#173b59;font-size:21px}
.founder-role{font-size:11px;font-weight:900;letter-spacing:.05em;color:#0b679b;margin-bottom:14px}
.founder-bio{width:100%;box-sizing:border-box;resize:vertical;min-height:190px;padding:12px;border:1px solid #d8e2e9;border-radius:4px;background:#f8fafc;color:#263b50;font:14px/1.45 Arial,sans-serif;outline:none}
.founder-bio:focus{border-color:#0b679b;box-shadow:0 0 0 2px rgba(11,103,155,.08);background:#fff}
.founder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.founder-photo-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}
.founder-file{display:none}
.founder-file-name{font-size:11px;color:#6b7d8b;flex:1;min-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.founder-message{margin-top:10px;min-height:4px}
@media(max-width:1050px){.founders-grid{grid-template-columns:1fr}.founder-photo-wrap{width:190px;flex-basis:190px}}
@media(max-width:650px){.founder-card{display:block}.founder-photo-wrap{width:100%;height:300px;min-height:0}.founder-photo{min-height:0}.founder-actions{align-items:stretch}.founder-actions button,.founder-actions label{flex:1}.founder-file-name{width:100%;flex-basis:100%}}


/* USER MANAGEMENT */
.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.users-table-card{overflow:auto}.users-table-card .table{min-width:760px}.users-table-card .table td:last-child{white-space:nowrap}.user-you{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:10px;background:#e5f1f8;color:#0b679b;font-size:9px;font-weight:900;vertical-align:middle}.user-status{display:inline-block;padding:4px 9px;border-radius:12px;font-size:10px;font-weight:900}.user-status.active{background:#e7f4ea;color:#24723b}.user-status.inactive{background:#f0f1f2;color:#6d7880}.modal-overlay{position:fixed;inset:0;background:rgba(15,35,52,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{width:min(520px,100%);background:#fff;border-radius:7px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.user-modal-head{display:flex;align-items:center;justify-content:space-between;background:#102e48;color:#fff;padding:18px 20px}.user-modal-head h2{margin:0;font-size:20px}.modal-close{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer}.user-form{padding:22px}.user-form label{display:block;font-size:11px;font-weight:800;color:#526a79;text-transform:uppercase;margin:0 0 6px}.user-form input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #ccd5dc;border-radius:5px;font:14px "Segoe UI",Arial,sans-serif;color:#183b59;margin:0 0 15px}.user-active-row{display:flex!important;align-items:center;gap:8px;text-transform:none!important;font-size:13px!important;color:#294861!important;margin-top:2px!important}.user-active-row input{width:16px;height:16px}.user-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.secondary{border:0;border-radius:5px;padding:11px 16px;background:#e7eff6;color:#164c72;font-weight:700;cursor:pointer}.secondary:hover{background:#d6e7f2}.user-form .error{min-height:18px;margin:0 0 5px}.about-message{min-height:4px;margin-top:12px}@media(max-width:700px){.users-toolbar{flex-direction:column;align-items:stretch}.users-toolbar button{width:100%}.user-modal-actions{flex-direction:column}.user-modal-actions button{width:100%}}