:root{font-family:"Arial","Noto Sans Hebrew",sans-serif;color:#1b2b28;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#1b2b28;--muted:#81908c;--line:#e8eeeb;--green:#1b6c58;--deep:#102e2a;--surface:#fff}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:#f5f7f6}
button,input,select{font:inherit}
button{cursor:pointer}
.app-shell{display:none;min-height:100vh}.app-shell.authenticated{display:block}
.security-gate{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 0,#e8f3ec,#f5f7f6 60%)}
.security-card{width:min(100%,430px);background:#fff;border:1px solid #e5ece8;border-radius:16px;padding:28px;box-shadow:0 10px 40px #173d2a0c}
.security-brand{color:var(--ink);padding:0 0 22px}.security-brand small{color:#87948e}
.security-icon{width:45px;height:45px;border-radius:13px;background:#fbf1df;color:#a67c35;display:grid;place-items:center;font-size:22px;margin:4px 0 17px}
.security-card h1{font-size:20px;color:#213a30;margin:0 0 8px}.security-card>p{font-size:12px;line-height:1.8;color:#75847c;margin:0 0 15px}
.security-footnote{border-top:1px solid #edf1ef;padding-top:13px;margin-top:17px;font-size:10px;color:#9a6b4e;line-height:1.7}
.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;font-size:11px;color:#65746d;font-weight:600}.login-form input{height:40px;border:1px solid #dfe8e3;border-radius:7px;padding:0 10px;outline-color:#70aa8a;font-size:12px}
.password-control{display:block;position:relative}.login-form .password-control input{width:100%;padding-left:43px}.password-toggle{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:34px;height:32px;border:0;border-radius:6px;background:transparent;color:#6f8278;display:grid;place-items:center}.password-toggle:hover,.password-toggle:focus-visible{background:#edf4ef;color:#235c47}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle[aria-pressed="true"] svg{color:#1b6c58}
.login-error{color:#a04437!important;background:#fff0ee;border-radius:7px;padding:9px;font-size:10px!important;margin:0!important}
.empty-state{padding:22px 12px;color:#8c9993;font-size:11px;text-align:center;border-radius:8px;background:#fafcfb}
.sidebar{width:258px;position:fixed;inset:0 0 0 auto;background:var(--deep);color:#fff;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:5}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 10px 31px}
.brand-mark{width:41px;height:41px;border-radius:13px;background:#d4eddf;color:#145444;display:grid;place-items:center;font-size:14px;font-weight:800;letter-spacing:-1px}
.brand strong,.brand small{display:block}.brand strong{font-size:15px;font-weight:700}.brand small{font-size:11px;color:#a7bdb6;margin-top:2px}
.workspace-label{padding:0 12px 10px;color:#7e9a91;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.main-nav{display:grid;gap:5px}
.nav-item{display:flex;align-items:center;gap:12px;border:0;text-align:right;width:100%;background:transparent;color:#b1c3bd;padding:11px 12px;border-radius:9px;font-size:13px;transition:.18s}
.nav-item:hover{background:#183c36;color:white}.nav-item.active{background:#1e4a41;color:#fff;font-weight:600;box-shadow:inset -3px 0 #80c6a6}
.nav-icon{width:18px;text-align:center;font-size:17px;color:#91b2a5}.nav-count{margin-right:auto;background:#d7efe1;color:#185544;border-radius:20px;font-size:10px;padding:1px 7px}
.sidebar-spacer{flex:1}
.sync-card{padding:13px;border:1px solid #315149;background:#153731;border-radius:11px;margin:12px 2px 16px}
.sync-title{display:flex;align-items:center;gap:8px;font-size:12px}.sync-dot{width:8px;height:8px;border-radius:99px;background:#dfb45d;box-shadow:0 0 0 3px #dfb45d1e}.sync-dot[data-state="offline"]{background:#df795e}.sync-dot[data-state="online"]{background:#63bf8d}.sync-card p{font-size:11px;line-height:1.65;color:#a9c0b7;margin:9px 0 11px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 16px;font-weight:600;font-size:12px;transition:.18s}
.button-primary{border:1px solid var(--green);background:var(--green);color:white}.button-primary:hover{background:#155644}
.button-outline{border:1px solid #dce7e1;background:white;color:#33584c}.sidebar .button-outline{background:transparent;border-color:#49685f;color:#d1e3dc}
.button-small{padding:7px 10px;font-size:11px}
.pdf-download-link{margin-inline-start:8px}
.profile-button{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-top:1px solid #29463f;padding:16px 8px 2px;color:white;text-align:right}
.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dbece3;color:#295b4d;font-weight:700}
.profile-copy{display:grid;gap:2px}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px;color:#9db5ad}.profile-more{margin-right:auto;color:#9db5ad;font-size:18px}
.main-content{margin-right:258px;min-height:100vh;padding:0 35px 24px}
.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#8b9894}.breadcrumb b{font-weight:400;color:#c8d1cd}.breadcrumb strong{color:#384a45;font-weight:600}
.topbar-actions{display:flex;align-items:center;gap:20px}.today{font-size:11px;color:#7f8e89}
.icon-button{position:relative;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#52645e;font-size:19px}.notification-button i{width:6px;height:6px;position:absolute;top:7px;right:7px;border-radius:50%;background:#db795e}.icon-button.subtle{border:0;background:transparent;font-size:21px}
.mobile-menu{display:none;background:none;border:0;font-size:20px;color:var(--ink)}
.page{display:none;max-width:1430px;margin:0 auto}.page.active{display:block}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 22px}
.eyebrow{font-size:11px;color:#709286;font-weight:600;margin-bottom:5px}
h1,h2,p{margin-top:0}.page-heading h1{font-size:27px;letter-spacing:-.4px;margin:0 0 4px;font-weight:700;color:#1c312c}.page-heading p{font-size:12px;color:#87948f;margin:0}
.notice{display:flex;align-items:flex-start;gap:12px;border-radius:10px;padding:12px 15px;margin:0 0 19px;font-size:12px}.notice>span{font-size:17px}.notice strong{font-size:12px}.notice p{margin:3px 0 0;line-height:1.6}
.notice-preview{background:#fff8e8;border:1px solid #f2e7c7;color:#766032}.notice-info{background:#eef7f2;border:1px solid #dbece2;color:#315b48}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}
.stat-card,.panel{background:var(--surface);border:1px solid #e9efec;border-radius:12px;box-shadow:0 2px 10px #213c2c04}
.stat-card{padding:16px 17px;min-height:121px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#798782;font-size:11px}
.stat-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:15px}.stat-icon.green{background:#e5f3eb;color:#32835d}.stat-icon.blue{background:#e8f0fa;color:#5884b3}.stat-icon.amber{background:#fbf1df;color:#be8c33}.stat-icon.violet{background:#f0ebfa;color:#8c73b8}
.stat-value{display:block;font-size:25px;line-height:1.15;margin:7px 0 4px;color:#1d332d;font-weight:700}.stat-card small{font-size:10px;color:#99a49f}.positive{color:#388568;font-weight:700}
.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:16px}
.panel{padding:17px 19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px}.panel-heading h2,.settings-card h2{font-size:14px;margin:0 0 3px;color:#273c35}.panel-heading p{font-size:10px;margin:0;color:#95a09b}
.text-button{border:0;background:transparent;color:#347360;font-size:11px;font-weight:600;padding:6px}.text-button:hover{color:#174d3e}
.project-row{display:grid;grid-template-columns:37px minmax(120px,1fr) minmax(130px,1.2fr) 38px;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f3f1}
.project-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e9f3ed;color:#367a5d;font-weight:700;font-size:13px;flex-shrink:0}.project-symbol.peach{background:#fbefea;color:#ba7659}.project-symbol.lilac{background:#f1ecf9;color:#8974ac}.project-symbol.sand{background:#f5f0e5;color:#a88850}
.project-info{min-width:0}.project-info strong,.project-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-info strong{font-size:12px;color:#354840}.project-info span{font-size:10px;color:#9aa59f;margin-top:2px}
.project-progress{min-width:80px}.project-progress small{display:block;margin-top:4px;font-size:8px;color:#9aa59f}.progress-label{display:flex;justify-content:space-between;gap:5px;margin-bottom:5px;font-size:9px;color:#9aa59f}.progress-label strong{color:#52645c;font-weight:600}.progress-track{display:block;width:100%;height:5px;border:0;border-radius:5px;background:#edf1ef;overflow:hidden;appearance:none}.progress-track::-webkit-progress-bar{border-radius:5px;background:#edf1ef}.progress-track::-webkit-progress-value{border-radius:5px;background:#65a985}.progress-track::-moz-progress-bar{border-radius:5px;background:#65a985}.table-progress span{display:block;height:100%;background:#65a985;border-radius:inherit}
.percent{font-size:11px;text-align:left;color:#5b7769}
.activity-list{display:grid}.activity-item{display:flex;gap:10px;padding:12px 0;border-top:1px solid #f0f3f1}.activity-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;flex:none;font-size:13px}.activity-icon.mint{background:#e5f3eb;color:#388464}.activity-icon.blue{background:#e8f0fa;color:#5c83ad}.activity-icon.amber{background:#fbf1df;color:#b88b3d}.activity-icon.lilac-bg{background:#f0ebfa;color:#8871b3}
.activity-item strong{display:block;font-size:11px;color:#40534b}.activity-item p{font-size:10px;color:#8e9b95;margin:2px 0}.activity-item time{font-size:9px;color:#a7b0ac}
.approval-queue{display:grid;gap:10px;padding:15px}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #edf1ef;border-radius:8px}.approval-item strong{font-size:12px;color:#40534b}.approval-item p{font-size:10px;color:#8e9b95;margin:4px 0 0}.approval-item .approval-actions{margin-top:0;flex-wrap:wrap}
.system-readiness-panel{grid-column:1/-1;padding:16px}.system-readiness-panel .panel-heading p{margin:4px 0 0;font-size:10px;color:#8e9b95}.readiness-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.readiness-item{position:relative;border:1px solid #edf1ef;border-radius:8px;padding:12px}.readiness-item>strong{display:block;padding-left:88px;font-size:11px;color:#40534b}.readiness-item p{font-size:9px;color:#8e9b95;margin:7px 0 0}.readiness-status{position:absolute;top:11px;left:11px;font-size:9px;font-weight:700}.readiness-status.ready{color:#347a56}.readiness-status.missing{color:#a47b32}.readiness-item.missing{border-color:#f0e7d3}
.page-footer{display:flex;justify-content:space-between;color:#a0aaa5;font-size:10px;padding:19px 2px}
.toolbar{display:flex;gap:10px;margin-bottom:15px}.search-box{height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;background:white;border:1px solid #e4ebe7;border-radius:8px;flex:1;max-width:390px;color:#899891}.search-box span{font-size:20px}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.toolbar select,.panel-heading select{height:38px;border:1px solid #e4ebe7;border-radius:8px;background:white;padding:0 11px;color:#687770;font-size:11px}
.table-panel{padding:12px 17px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px;text-align:right}th{font-size:10px;color:#8b9992;font-weight:500;padding:11px 9px;border-bottom:1px solid #edf1ef;white-space:nowrap}td{font-size:11px;color:#687870;padding:13px 9px;border-bottom:1px solid #f0f3f1;white-space:nowrap}td strong{color:#374b43;font-weight:600}tbody tr:last-child td{border:0}.table-progress{display:inline-block;width:54px;height:5px;background:#edf1ef;border-radius:5px;vertical-align:middle;margin-left:7px;overflow:hidden}
.project-detail{margin-top:15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-form{display:grid;gap:9px;padding:13px;border:1px solid #edf1ef;border-radius:9px}.detail-form h3,.building-section-heading{font-size:12px;margin:0 0 3px;color:#40534b}.detail-form label{display:grid;gap:5px;color:#718079;font-size:10px}.detail-form input,.note-form textarea,.building-event select,.apartment-row select{border:1px solid #dfe8e3;border-radius:7px;padding:9px;font:inherit;font-size:11px;min-width:0}.detail-form .button{justify-self:start}.form-feedback{font-size:10px;color:#347360;margin:0}.building-section-heading{margin:17px 0 9px}.building-list{display:grid;gap:10px}.building-card{border:1px solid #edf1ef;border-radius:9px;padding:13px}.building-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.building-card-heading strong{font-size:12px}.building-card-heading span{font-size:10px;color:#86948d}.note-form{display:flex;gap:7px;margin-top:10px}.note-form textarea{flex:1;min-height:42px;resize:vertical}.note-form button,.building-event button{flex:none}.building-events{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.building-event{display:flex;gap:6px}.building-event select{max-width:220px;padding:6px}.note-list{display:grid;gap:5px;margin-top:10px}.note-line{font-size:10px;color:#596a61;background:#f7f9f8;border-radius:6px;padding:7px}.note-line time{color:#9aa49f;margin-right:7px;font-size:9px}.apartment-section{margin-top:10px}.apartment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:6px;margin-top:8px}.apartment-row{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:7px;border:1px solid #edf1ef;border-radius:7px;padding:6px}.apartment-row strong{font-size:10px}.apartment-floor{font-size:9px;color:#89968f}.apartment-row select{padding:6px;font-size:10px}.apartment-row .button{padding:6px 8px;font-size:9px}
.subproject-form{margin:0 13px 12px;grid-template-columns:1fr 1fr auto;align-items:end;background:#f8fbf9}.subproject-form h3,.subproject-form .form-feedback{grid-column:1/-1}.subproject-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 13px 14px}.subproject-chip{display:grid;gap:3px;padding:8px 11px;border:1px solid #e1ebe5;border-radius:8px;background:#f5faf6}.subproject-chip strong{font-size:10px;color:#40534b}.subproject-chip span{font-size:9px;color:#84938c}.building-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.building-card-heading strong{font-size:12px}.building-card-heading span{font-size:10px;color:#86948d}.note-form{display:flex;gap:7px;margin-top:10px}.note-form textarea{flex:1;min-height:42px;resize:vertical}.note-form button,.building-event button{flex:none}.building-events{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.building-event{display:flex;gap:6px}.building-event select{max-width:220px;padding:6px}.note-list{display:grid;gap:5px;margin-top:10px}.note-line{font-size:10px;color:#596a61;background:#f7f9f8;border-radius:6px;padding:7px}.note-line time{color:#9aa49f;margin-right:7px;font-size:9px}.apartment-section{margin-top:10px}.apartment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:6px;margin-top:8px}.apartment-row{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:7px;border:1px solid #edf1ef;border-radius:7px;padding:6px}.apartment-row strong{font-size:10px}.apartment-floor{font-size:9px;color:#89968f}.apartment-row select{padding:6px;font-size:10px}.apartment-row .button{padding:6px 8px;font-size:9px}
.building-subproject-form{display:flex;gap:7px;align-items:center;margin-top:10px}.building-subproject-form select{max-width:360px;min-width:190px;border:1px solid #dfe8e3;border-radius:7px;padding:8px;font:inherit;font-size:10px}.building-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.building-card-heading strong{font-size:12px}.building-card-heading span{font-size:10px;color:#86948d}.note-form{display:flex;gap:7px;margin-top:10px}.note-form textarea{flex:1;min-height:42px;resize:vertical}.note-form button,.building-event button{flex:none}.building-events{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.building-event{display:flex;gap:6px}.building-event select{max-width:220px;padding:6px}.note-list{display:grid;gap:5px;margin-top:10px}.note-line{font-size:10px;color:#596a61;background:#f7f9f8;border-radius:6px;padding:7px}.note-line time{color:#9aa49f;margin-right:7px;font-size:9px}.apartment-section{margin-top:10px}.apartment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:6px;margin-top:8px}.apartment-row{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:7px;border:1px solid #edf1ef;border-radius:7px;padding:6px}.apartment-row strong{font-size:10px}.apartment-floor{font-size:9px;color:#89968f}.apartment-row select{padding:6px;font-size:10px}.apartment-row .button{padding:6px 8px;font-size:9px}
.status-pill{display:inline-flex;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:600;white-space:nowrap}.status-active{background:#eaf4ed;color:#38805b}.status-signed{background:#e5f3eb;color:#347a56}.status-follow{background:#fff3dd;color:#a47b32}.status-neutral{background:#edf1ef;color:#7e8a84}.status-no-gas{background:#f0ebfa;color:#8069a7}
.compact-stats{margin-top:3px}.approval-card{margin:0 0 14px;padding:17px 19px}.approval-head{display:flex;align-items:center;gap:11px}.approval-head>div:nth-child(2){flex:1}.approval-head strong{font-size:13px}.approval-head p{font-size:10px;margin:3px 0 0;color:#8c9993}.approval-meta{display:flex;gap:35px;padding:14px 0;margin:14px 0 0;border-top:1px solid #eef2ef;border-bottom:1px solid #eef2ef;font-size:10px;color:#87938d}.approval-meta strong{color:#52635b;margin-right:5px;font-weight:600}.approval-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:13px}.approval-actions .button{font-size:10px;padding:8px 12px}
.message-list{padding:4px 19px}.message-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eff2f0}.message-item:last-child{border:0}.message-item>div{flex:1}.message-item strong{font-size:12px}.message-item p{font-size:10px;color:#8e9b95;margin:3px 0 0}.message-item time{font-size:10px;color:#9ba6a0}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-card{display:flex;align-items:flex-start;gap:12px;padding:16px}.settings-card>div{flex:1}.settings-card h2{font-size:12px}.settings-card p{font-size:10px;color:#8d9993;margin:0;line-height:1.6}.settings-icon{width:34px;height:34px;border-radius:9px;background:#eaf3ed;display:grid;place-items:center;color:#4b8267;flex:none}
.system-settings-panel{grid-column:1/-1;padding:17px}.system-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-settings-form>label:not(.settings-checkbox){display:grid;gap:5px;font-size:11px;color:#65746d;font-weight:600}.system-settings-form input:not([type="checkbox"]){width:100%;height:39px;border:1px solid #dfe8e3;border-radius:7px;padding:0 10px;outline-color:#70aa8a;font:inherit;font-size:11px}.system-settings-form small,.settings-form-divider span{font-size:10px;color:#8d9993;font-weight:400}.settings-form-divider{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ef;padding:8px 0 5px;color:#40534b;font-size:12px}.settings-checkbox{display:flex;align-items:center;gap:8px;color:#65746d;font-size:10px}.settings-checkbox input{accent-color:#297253}.settings-warning{grid-column:1/-1;margin:0;padding:10px;border-radius:7px;background:#fff8e9;color:#85662c;font-size:10px;line-height:1.7}.settings-form-actions{grid-column:1/-1;display:flex;justify-content:flex-start;gap:9px}.system-settings-form .form-feedback{grid-column:1/-1}
.legal-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-settings-form label{display:grid;gap:5px;font-size:11px;color:#65746d;font-weight:600}.legal-settings-form label.wide{grid-column:1/-1}.legal-settings-form input,.legal-settings-form textarea{width:100%;border:1px solid #dfe8e3;border-radius:7px;padding:10px;outline-color:#70aa8a;font:inherit;font-size:11px;line-height:1.7;resize:vertical}.legal-settings-form .form-feedback{grid-column:1/-1}.deleted-items-list{display:grid;gap:8px}.deleted-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf1ef;padding:10px 2px}.deleted-item>div{min-width:0}.deleted-item strong{font-size:11px;color:#40534b}.deleted-item p{font-size:10px;color:#87958e;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.delete-confirm-dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:12px;padding:20px;box-shadow:0 20px 70px #102e2a44;color:#40534b}.delete-confirm-dialog::backdrop{background:#102e2a88}.delete-confirm-dialog form{display:grid;gap:12px}.delete-confirm-dialog h2{margin:0;font-size:18px}.delete-confirm-dialog form>p:not(.settings-warning){font-size:12px;line-height:1.7}.delete-confirm-dialog label{display:grid;gap:6px;font-size:11px}.delete-confirm-dialog input,.delete-confirm-dialog textarea{border:1px solid #dfe8e3;border-radius:7px;padding:10px;font:inherit}.button-danger{border:1px solid #e9c9c4;background:#fff2f0;color:#a84639}.button-danger:hover{background:#fbe2de}
.email-outbox-panel{grid-column:1/-1;padding:16px}.email-config-status{display:block;margin-top:4px;font-size:10px;color:#87958e}.email-config-status[data-state="ready"]{color:#347a56}.email-config-status[data-state="missing"]{color:#a47b32}.email-outbox-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.email-outbox-summary>div{display:grid;gap:4px;border:1px solid #edf1ef;border-radius:8px;padding:11px}.email-outbox-summary strong{font-size:17px;color:#40534b}.email-outbox-summary span,.email-outbox-item{font-size:10px;color:#687870}.email-outbox-list{border-top:1px solid #edf1ef}.email-outbox-item{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid #f0f3f1}.email-outbox-item time{color:#8d9993;white-space:nowrap}#smtpConnectionTestResult[data-state="ready"]{color:#347a56}#smtpConnectionTestResult[data-state="missing"]{color:#a04e42}
.staff-admin{margin-top:14px;padding:16px}.staff-admin .panel-heading span{font-size:10px;color:#8d9993}.staff-user-search{margin:12px 0;width:min(100%,360px)}.staff-user-list{display:grid;gap:8px}.staff-user-item{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #edf1ef;border-radius:8px}.staff-user-item>div{flex:1;min-width:0}.staff-user-item strong{font-size:11px;color:#40534b}.staff-user-item p{font-size:9px;color:#87958e;margin:4px 0 0;line-height:1.5}.staff-user-form{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #edf1ef}.staff-user-form h3{font-size:13px;margin:0}.staff-user-form input:not([type=checkbox]),.staff-user-form select{border:1px solid #dfe8e3;border-radius:7px;padding:9px;font:inherit;font-size:11px}.staff-fieldset{border:1px solid #e6ede9;border-radius:8px;padding:10px}.staff-fieldset legend{font-size:10px;color:#687870;padding:0 5px}.staff-fieldset select[multiple]{width:100%;min-height:110px}.staff-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.staff-capabilities label,.staff-active{display:flex;align-items:center;gap:7px;font-size:10px;color:#627269}.staff-capabilities input,.staff-active input{accent-color:#297253}.staff-form-actions{display:flex;gap:8px}
.app-activation-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0;padding:13px 0;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.app-activation-form label{display:grid;gap:5px;font-size:10px;color:#65746d;font-weight:600}.app-activation-form input,.app-activation-form select{min-width:0;height:38px;border:1px solid #dfe8e3;border-radius:7px;padding:0 9px;font:inherit;font-size:10px}.app-activation-form .form-feedback,.app-activation-form .staff-form-actions{grid-column:1/-1}.app-activation-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px solid #c6e0d0;border-radius:8px;background:#f1f8f4;color:#40534b;font-size:10px}.app-activation-code code{font-size:16px;font-weight:700;letter-spacing:2px;color:#176044;user-select:all}.app-activation-code span{color:#718178}
.password-settings-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.password-change-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding:16px}.password-change-form>label{display:grid;gap:6px;font-size:10px;color:#65746d}.password-change-form input{min-width:0;height:38px;border:1px solid #dfe8e3;border-radius:7px;padding:0 10px;font:inherit;font-size:11px}.password-change-form .staff-form-actions,.password-change-form .form-feedback{grid-column:1/-1}
.tenant-page{max-width:720px}.tenant-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tenant-brand{color:#1c332b;padding:0}.tenant-brand small{color:#87948e}.secure-note{font-size:10px;color:#6c8d7c}.tenant-card{background:white;border:1px solid #e5ece8;border-radius:15px;padding:27px 30px;box-shadow:0 4px 20px #173d2a08}.tenant-card h1{font-size:23px;margin:0 0 2px}.tenant-intro{font-size:13px;color:#668274;margin-bottom:19px}.building-address{display:grid;gap:3px;background:#f2f7f4;border:1px solid #e6efe9;border-radius:8px;padding:11px 13px;margin-bottom:17px}.building-address span{font-size:10px;color:#84938c}.building-address strong{font-size:12px}.legal-copy{font-size:11px;line-height:1.9;color:#53635c;border-bottom:1px solid #edf1ef;padding-bottom:8px;margin-bottom:16px}.legal-copy p{margin:0 0 9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.email-field,.modal label{display:grid;gap:5px;font-size:10px;color:#65746d;font-weight:600}.form-grid input,.email-field input,.modal input{height:38px;border:1px solid #dfe8e3;border-radius:7px;padding:0 10px;outline-color:#70aa8a;font-size:11px;font-weight:400}.check-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#66766e;margin-top:13px}.check-row input{accent-color:#297253}.marketing-check{align-items:flex-start;line-height:1.6}.email-field{margin-top:11px}.conditional-fields{margin-top:11px}.hidden{display:none!important}
.signature-heading{display:flex;justify-content:space-between;align-items:center;margin:19px 0 8px}.signature-heading strong,.signature-heading span{display:block}.signature-heading strong{font-size:11px}.signature-heading span{font-size:9px;color:#99a39e;margin-top:3px}#signatureCanvas{width:100%;height:125px;border:1px dashed #cad8d0;background:#fbfdfb;border-radius:8px;touch-action:none;cursor:crosshair}
.deposit-note{font-size:10px;line-height:1.75;color:#526b5e;background:#eff7f1;border:1px solid #e1eee4;border-radius:7px;padding:10px;margin-top:12px}.privacy-note{font-size:9px;line-height:1.6;color:#929e98;background:#f7f9f8;border-radius:7px;padding:9px;margin-top:9px}.submit-signature{width:100%;margin-top:13px;height:42px}
.modal-backdrop{position:fixed;inset:0;background:#102e2a77;z-index:10;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(100%,400px);background:white;border-radius:13px;padding:26px;box-shadow:0 20px 70px #0003}.modal-close{position:absolute;left:15px;top:10px;border:0;background:none;font-size:24px;color:#77867e}.modal h2{font-size:20px;margin:0 0 5px}.modal p{font-size:11px;color:#87958e;line-height:1.6;margin-bottom:17px}.modal label{margin-bottom:12px}.modal input:disabled{background:#f4f6f5;color:#939e98}.full-width{width:100%;margin-top:7px}
.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;background:#183e34;color:white;border-radius:9px;padding:11px 16px;font-size:11px;box-shadow:0 6px 20px #102e2a33;transition:.2s;pointer-events:none;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.main-content{padding-inline:48px}.stat-card{min-height:128px}}
@media(max-width:1100px){.sidebar{width:225px}.main-content{margin-right:225px;padding-inline:24px}.content-grid{grid-template-columns:1fr}.activity-panel{display:none}.stat-grid{gap:10px}.project-row{grid-template-columns:37px minmax(100px,1fr) minmax(110px,1fr) 35px}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .2s;width:270px;box-shadow:-8px 0 30px #102e2a1a}.sidebar.open{transform:translateX(0)}.main-content{margin:0;padding:0 16px 22px}.topbar{height:58px;margin-bottom:23px}.mobile-menu{display:block}.breadcrumb{margin-left:auto;margin-right:12px}.today{display:none}.topbar-actions{gap:0}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;max-width:260px}.page-heading>.button{white-space:nowrap;padding:9px 11px;font-size:10px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:110px;padding:13px}.stat-value{font-size:23px}.content-grid{display:block}.projects-panel{padding:14px 12px}.project-row{grid-template-columns:34px minmax(90px,1fr) minmax(75px,.9fr) 32px;gap:7px}.project-symbol{width:32px;height:32px}.project-info strong{font-size:10px}.project-info span{font-size:9px}.progress-label{font-size:8px}.percent{font-size:9px}.activity-panel{display:none}.page-footer{gap:10px;font-size:8px}.toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.settings-grid{grid-template-columns:1fr}.email-outbox-panel{grid-column:auto}.email-outbox-summary{grid-template-columns:1fr 1fr}.email-outbox-item{align-items:flex-start;flex-direction:column;gap:4px}.staff-user-item{align-items:flex-start;flex-wrap:wrap}.staff-user-item .button{margin-right:auto}.staff-capabilities{grid-template-columns:1fr 1fr}.password-change-form{grid-template-columns:1fr}.password-change-form .staff-form-actions,.password-change-form .form-feedback{grid-column:auto}.approval-meta{gap:8px;justify-content:space-between}.approval-head{flex-wrap:wrap}.approval-head>.status-pill{margin-right:46px}.tenant-card{padding:21px 17px}.tenant-card h1{font-size:20px}.tenant-page{padding-top:5px}.tenant-top{margin-bottom:17px}}
@media(max-width:760px){.readiness-list{grid-template-columns:1fr}.approval-item{align-items:flex-start;flex-direction:column}.approval-item .approval-actions{width:100%}}
@media(max-width:390px){.main-content{padding-inline:11px}.page-heading>.button{font-size:9px;padding-inline:8px}.project-row{grid-template-columns:30px minmax(72px,1fr) minmax(65px,.9fr) 29px;gap:5px}.project-symbol{width:29px;height:29px}.project-info strong{font-size:9px}.stat-top{font-size:10px}.tenant-card{padding:18px 13px}}
@media(max-width:760px){.subproject-form{grid-template-columns:1fr}.subproject-form h3,.subproject-form .form-feedback{grid-column:auto}}
@media(max-width:760px){.building-subproject-form{align-items:stretch;flex-direction:column}.building-subproject-form select{max-width:none;width:100%}}
.customer-access-controls{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1ef}.technician-update-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.technician-update-form label{display:grid;gap:5px;color:#718079;font-size:10px}.technician-update-form input{min-width:0;width:100%;border:1px solid #dfe8e3;border-radius:7px;padding:8px;font:inherit}.apartment-row{grid-template-columns:auto auto minmax(85px,1fr) auto auto}.customer-signatures{overflow:auto}.customer-signatures table{width:100%;border-collapse:collapse;font-size:11px}.customer-signatures th,.customer-signatures td{text-align:right;white-space:nowrap;padding:10px;border-bottom:1px solid #edf1ef}.customer-signatures th{color:#627269;background:#f8faf9}.customer-signatures a{color:#176a55}
.scanned-document-panel{margin-top:12px;padding-top:12px;border-top:1px solid #edf1ef}.scanned-document-panel>summary{cursor:pointer;font-size:14px;font-weight:700;color:#31473d}.scanned-document-content{display:grid;gap:8px;padding-top:10px}.scanned-document-summary{margin:0;color:#627269;font-size:12px}.scanned-document-panel select{width:100%;min-height:120px;border:1px solid #dfe8e3;border-radius:7px;padding:8px;font:inherit}.scanned-document-panel input[type=file]{width:100%;font:inherit}.scanned-document-panel small{color:#718079;line-height:1.5}.scanned-document-list{display:grid;gap:6px}.scanned-document-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:8px;background:#f8faf9;font-size:12px}.scanned-document-item span{overflow-wrap:anywhere}
@media(max-width:760px){.customer-access-controls{grid-template-columns:1fr}.technician-update-form{grid-template-columns:1fr}.apartment-row{grid-template-columns:auto auto minmax(70px,1fr) auto auto}.legal-settings-form{grid-template-columns:1fr}.legal-settings-form label.wide,.legal-settings-form .form-feedback{grid-column:auto}.deleted-item{align-items:flex-start;flex-direction:column}.deleted-item .button{align-self:flex-start}}
@media(max-width:760px){.scanned-document-item{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.system-settings-panel{grid-column:auto}.system-settings-form{grid-template-columns:1fr}.settings-form-divider,.settings-warning,.settings-form-actions,.system-settings-form .form-feedback{grid-column:auto}.settings-form-divider{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.app-activation-form{grid-template-columns:1fr}.app-activation-form .form-feedback,.app-activation-form .staff-form-actions{grid-column:auto}}
.workflow-panel{margin:14px 0;padding:18px}.workflow-stage-form{display:flex;gap:10px;align-items:end;margin:12px 0}.workflow-stage-form label{display:grid;gap:6px;flex:1;color:#718079;font-size:12px}.workflow-stage-form input{width:100%;border:1px solid #dfe8e3;border-radius:8px;padding:10px;font:inherit}.workflow-stage-list{display:grid;gap:8px}.workflow-stage{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #edf1ef;border-radius:8px}.workflow-stage label{display:flex;align-items:center;gap:9px;flex:1}.workflow-stage label span{font-weight:600}.workflow-stage small{color:#75837c}.workflow-stage .button{padding:6px 9px}
@media(max-width:760px){.workflow-stage-form{align-items:stretch;flex-direction:column}.workflow-stage{align-items:flex-start;flex-wrap:wrap}.workflow-stage small{width:100%}}
.detail-form{display:grid;gap:10px}.detail-form>label:not(.settings-checkbox){display:grid;gap:5px;font-size:11px;color:#65746d;font-weight:600}.detail-form input:not([type=checkbox]),.detail-form select,.detail-form textarea{width:100%;border:1px solid #dfe8e3;border-radius:7px;padding:9px;outline-color:#70aa8a;font:inherit;font-size:11px}.detail-form textarea{resize:vertical;line-height:1.6}.detail-form select[multiple]{min-height:110px}.message-attachment-image{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border:1px solid #e4ebe7;border-radius:8px;background:#fff}.notification-button .nav-count{position:absolute;top:-6px;right:-7px;margin:0;padding:1px 5px;font-size:9px;z-index:1}.notification-button i{pointer-events:none}.activity-item>div{min-width:0;flex:1}.activity-item>a{font-size:10px;color:#347360}
@media(max-width:760px){.message-composer-grid{grid-template-columns:1fr}.detail-form .settings-checkbox{align-items:flex-start}}
.archive-category-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.archive-tab{flex:none;border:1px solid #dce7e1;border-radius:999px;background:#fff;color:#54675d;padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}.archive-tab.active{background:#1d654e;border-color:#1d654e;color:#fff}.archive-filter-panel{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.archive-filter-panel label{display:grid;gap:5px;color:#718079;font-size:10px}.archive-filter-panel select,.archive-filter-panel input{min-width:0;width:100%;border:1px solid #dfe8e3;border-radius:7px;padding:8px;font:inherit}.archive-results{display:grid;gap:16px}.archive-group{display:grid;gap:8px}.archive-group h3{margin:0;color:#53675d;font-size:12px}.archive-group-items{display:grid;gap:7px}.archive-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #edf1ef;border-radius:9px;background:#fff}.archive-item>div{min-width:0}.archive-item strong{font-size:12px;color:#263b32}.archive-item p{margin:5px 0 0;color:#718079;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.archive-focus{outline:3px solid #d49a39;box-shadow:0 0 0 6px #d49a391f;transition:box-shadow .2s}
.app-update-admin{margin-top:16px;padding-top:12px;border-top:1px solid #edf1ef}.app-update-admin h3{margin:0 0 3px;color:#273c35;font-size:13px}.app-update-admin .app-activation-form{margin-bottom:4px}.app-update-admin textarea{min-width:0;border:1px solid #dfe8e3;border-radius:7px;padding:9px;font:inherit;font-size:10px;resize:vertical}.app-update-admin>small{font-size:10px;color:#718079}
@media(max-width:1000px){.archive-filter-panel{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:760px){.archive-filter-panel{grid-template-columns:1fr 1fr}.archive-filter-panel .button{grid-column:1/-1}.archive-item{align-items:flex-start;flex-direction:column}.archive-item .button{align-self:flex-start}}
.email-template-controls{display:grid;gap:12px;margin-top:14px}.email-template-controls label,.email-test-form label{display:grid;gap:6px;font-weight:600}.email-template-controls input,.email-template-controls select,.email-template-controls textarea,.email-test-form input{width:100%;min-width:0;padding:10px;border:1px solid #d8e2dc;border-radius:8px;font:inherit}.email-template-variables{color:#52645b;font-size:13px}.email-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;padding:14px;background:#f4f7f5;border-radius:8px;direction:rtl}.email-test-form{display:flex;align-items:end;gap:12px;padding-top:14px;border-top:1px solid #e6ece8}.email-test-form label{flex:1}@media(max-width:600px){.email-test-form{align-items:stretch;flex-direction:column}}