:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6f4;font-family:Segoe UI,Segoe UI Variable,Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#f3f6f4;min-height:100vh}button,input,textarea,select{font:inherit}:root{--green-950:#0d2b20;--green-900:#103426;--green-800:#174b36;--green-700:#216246;--green-600:#2f7a57;--green-100:#e7f1eb;--green-050:#f1f7f3;--ink:#17231d;--muted:#718078;--muted-2:#929d97;--line:#dce5df;--line-soft:#eaf0ec;--surface:#fff;--canvas:#f3f6f4;--danger:#a33a33;--danger-bg:#fff1f0;--amber:#8b6422;--amber-bg:#fff8e8;--shadow:0 10px 30px #1034260f}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4,p{margin-top:0}.page-eyebrow{letter-spacing:1.55px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:750;display:block}.page-eyebrow.light{color:#9bc1aa}.loading-screen{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.loading-logo{background:var(--green-900);color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 18% 20%,#5aa57738,#0000 32%),linear-gradient(145deg,#123b2a 0%,#0d2b20 70%);flex-direction:column;min-height:100vh;padding:48px 58px;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-brand-mark{width:54px;height:54px;color:var(--green-900);background:#e2eee7;border-radius:15px;place-items:center;font-weight:800;display:grid}.login-brand>div:last-child{flex-direction:column;gap:3px;display:flex}.login-brand span{letter-spacing:1.6px;color:#9eb8aa;font-size:9px}.login-brand strong{font-size:20px}.login-message{max-width:700px;margin:auto 0}.login-message>span{letter-spacing:1.7px;color:#9ec1ad;font-size:10px;font-weight:700}.login-message h1{letter-spacing:-2.6px;margin:18px 0 20px;font-size:clamp(42px,4.3vw,68px);font-weight:720;line-height:1.01}.login-message p{color:#cadbd1;max-width:600px;margin:0;font-size:16px;line-height:1.7}.login-feature-row{border-top:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:26px;display:grid}.login-feature-row div{flex-direction:column;gap:4px;display:flex}.login-feature-row strong{font-size:21px}.login-feature-row span{color:#9ab2a5;font-size:10px}.login-panel{background:#f8faf9;place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%)}.login-card h2{letter-spacing:-1.2px;margin:10px 0 6px;font-size:38px}.login-card>p{color:var(--muted);margin:0 0 30px;font-size:13px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.login-card input{background:#fff;border:1px solid #d5ded8;border-radius:10px;outline:none;height:50px;padding:0 14px}.login-card input:focus,.field-input:focus,.search-input:focus,.filter-select:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #2f7a5717}.login-submit{width:100%;height:50px}.login-security{color:var(--muted-2);margin-top:22px;font-size:10px}.portal{background:var(--canvas);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--green-900), var(--green-950));color:#fff;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;height:100vh;padding:20px 13px 32px;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;min-height:68px;padding:0 9px 20px;display:flex}.brand-mark{width:42px;height:42px;color:var(--green-900);background:#e3eee7;border-radius:11px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.sidebar-brand>div:last-child{flex-direction:column;gap:2px;display:flex}.sidebar-brand strong{font-size:14px}.sidebar-brand span{color:#8da99a;font-size:9px}.sidebar nav{padding-top:10px}.nav-heading{letter-spacing:1.5px;color:#6e9f87;padding:19px 10px 7px;font-size:8px;font-weight:750}.nav-item{color:#bfd1c7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;width:100%;min-height:40px;margin:2px 0;padding:0 10px;font-size:11px;font-weight:520;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:#275940;font-weight:680}.nav-icon{text-align:center;flex:0 0 20px;width:20px}.main-content{min-width:0;padding:0 30px 50px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:84px;display:flex}.topbar h1{letter-spacing:-.8px;margin:4px 0 0;font-size:25px;line-height:1.05}.topbar-user{align-items:center;gap:10px;display:flex}.user-avatar{color:#23563c;background:#dcebe2;border-radius:12px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.user-meta{flex-direction:column;min-width:120px;display:flex}.user-meta strong{font-size:11px}.user-meta span{color:var(--muted);margin-top:2px;font-size:9px}.signout{height:36px}.page-content{padding-top:24px}.primary-button,.secondary-button{border-radius:9px;min-height:40px;padding:0 16px;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--green-900);background:var(--green-900);color:#fff}.primary-button:hover{background:var(--green-800)}.primary-button.compact{min-height:34px;padding:0 12px;font-size:10px}.secondary-button{color:#405047;background:#fff;border:1px solid #d4ddd7}.secondary-button:hover{background:#f5f8f6}.text-button{color:var(--green-700);background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:32px}.icon-button.danger{color:var(--danger)}.top-space{margin-top:18px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-header h2{letter-spacing:-1px;margin:5px 0 6px;font-size:29px;line-height:1.05}.page-header p{max-width:760px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.page-header-action{flex:none}.project-hero{color:#fff;background:radial-gradient(circle at 8% 20%,#5aa57733,#0000 30%),linear-gradient(135deg,#17442f,#0f3021);border-radius:17px;justify-content:space-between;align-items:center;gap:26px;min-height:134px;padding:27px 30px;display:flex;box-shadow:0 12px 30px #1034260f}.project-hero h2{letter-spacing:-.8px;margin:6px 0 5px;font-size:27px}.project-hero p{color:#abc0b4;margin:0;font-size:10px}.hero-metrics{align-items:center;gap:24px;display:flex}.hero-metrics>div{flex-direction:column;gap:4px;min-width:92px;display:flex}.hero-metrics span{color:#9eb6a8;font-size:8px}.hero-metrics strong{white-space:nowrap;font-size:13px}.hero-total{border-left:1px solid #ffffff26;padding-left:24px}.hero-metrics button{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:9px;height:38px;padding:0 14px;font-size:9px;font-weight:700}.stats-grid{gap:12px;margin:14px 0;display:grid}.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;min-width:0;min-height:112px;padding:18px;display:flex;box-shadow:0 3px 12px #14372706}.stat-card.accent{border-top:3px solid var(--green-600)}.stat-card>span{color:var(--muted);font-size:9px}.stat-card>strong{letter-spacing:-.8px;overflow-wrap:anywhere;margin:7px 0 5px;font-size:22px;line-height:1.05}.stat-card small{color:var(--muted-2);font-size:8px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:14px;padding:22px;box-shadow:0 3px 12px #14372706}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-header h3{letter-spacing:-.3px;margin:5px 0 0;font-size:16px}.two-col-grid{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.dashboard-main-grid{margin-top:14px}.big-percent{color:var(--green-900);font-size:29px}.large-progress{background:#e7ede9;border-radius:999px;height:10px;margin-top:27px;overflow:hidden}.large-progress>div{border-radius:inherit;background:linear-gradient(90deg,#215e41,#3b8b61);height:100%}.progress-caption{color:var(--muted-2);justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.simple-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:10px;display:flex}.simple-row:last-child{border-bottom:0}.area-spend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.area-spend-card{text-align:left;background:#fafcfb;border:1px solid #e1e8e3;border-radius:11px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.area-spend-card:hover{background:var(--green-050);border-color:#bfd3c7}.area-spend-card span{color:var(--muted);font-size:9px}.area-spend-card strong{font-size:16px}.area-spend-card small{color:var(--green-700);font-size:8px}.transaction-list{flex-direction:column;display:flex}.transaction-item{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;min-height:55px;display:flex}.transaction-item:last-child{border-bottom:0}.transaction-item>div{flex-direction:column;gap:3px;display:flex}.transaction-item>div strong{font-size:10px}.transaction-item>div span{color:var(--muted-2);font-size:8px}.transaction-item>strong{font-size:11px}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:10px}.data-table th{text-align:left;border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;padding:10px;font-size:8px;font-weight:750}.data-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;color:#35443c;white-space:nowrap;padding:12px 10px}.data-table td:first-child{white-space:normal}.data-table td strong{color:var(--ink)}.data-table td small{color:var(--muted-2);margin-top:3px;font-size:8px;display:block}.status-pill{text-transform:uppercase;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:7px;font-weight:750;display:inline-flex}.status-pill.green{color:#2c6c4a;background:#e9f5ed}.status-pill.amber{background:var(--amber-bg);color:var(--amber)}.status-pill.red{background:var(--danger-bg);color:var(--danger)}.toolbar{align-items:center;gap:9px;display:flex}.search-input,.filter-select{background:#fff;border:1px solid #d5ded8;border-radius:8px;outline:none;height:36px;font-size:9px}.search-input{width:220px;padding:0 11px}.filter-select{padding:0 10px}.field{color:#4c5a52;flex-direction:column;gap:6px;font-size:9px;font-weight:650;display:flex}.field-input{width:100%;height:42px;color:var(--ink);background:#fff;border:1px solid #d6dfd9;border-radius:8px;outline:none;padding:0 11px;font-size:11px}.field-input.textarea{resize:vertical;height:auto;padding:10px 11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px;display:grid}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.info-box{color:#42604f;background:#f0f7f2;border:1px solid #d8e7de;border-radius:9px;margin-top:13px;padding:11px 13px;font-size:9px;line-height:1.5}.page-error{background:var(--danger-bg);color:var(--danger);border:1px solid #efcbc7;border-radius:9px;margin:12px 0;padding:11px 13px;font-size:9px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#091c139e;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.app-modal{background:#fff;border-radius:17px;width:min(720px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 30px 90px #0000003d}.app-modal.wide{width:min(1120px,100%)}.modal-header{z-index:3;border-bottom:1px solid var(--line);background:#fffffffa;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex;position:sticky;top:0}.modal-header h2{letter-spacing:-.5px;margin:4px 0 0;font-size:21px}.modal-close{color:#59675f;background:#fff;border:1px solid #d7e0da;border-radius:9px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.modal-body{padding:21px 22px 24px}.subsection-title{justify-content:space-between;align-items:flex-end;gap:15px;margin:20px 0 10px;display:flex}.subsection-title h3{margin:0 0 3px;font-size:14px}.subsection-title p{color:var(--muted);margin:0;font-size:8px}.purchase-lines{flex-direction:column;gap:9px;display:flex}.purchase-line{border:1px solid var(--line);background:#fafcfb;border-radius:10px;padding:13px 45px 13px 42px;position:relative}.line-number{background:var(--green-100);width:20px;height:20px;color:var(--green-700);border-radius:6px;place-items:center;font-size:8px;font-weight:800;display:grid;position:absolute;top:15px;left:12px}.purchase-line>.icon-button{position:absolute;top:12px;right:9px}.purchase-line-grid{grid-template-columns:1.2fr 1.4fr .55fr .55fr .75fr .75fr;gap:8px;display:grid}.purchase-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.invoice-preview{background:var(--green-050);color:var(--green-900);border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:13px 15px;font-size:10px;display:flex}.invoice-preview strong{font-size:16px}.account-grid,.room-grid,.inventory-grid,.stage-grid,.file-grid,.download-grid{gap:12px;display:grid}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px}.account-card-top{justify-content:space-between;align-items:center;display:flex}.account-card-top>span:first-child{color:var(--green-700);font-size:9px;font-weight:800}.account-card h3{margin:13px 0 4px;font-size:16px}.account-card p{color:var(--muted);margin:0 0 18px;font-size:9px}.account-card>strong{font-size:23px;display:block}.account-card>small{color:var(--muted-2);font-size:8px}.room-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-card,.inventory-card,.stage-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px}.room-card span,.inventory-card span,.stage-card-top span{color:var(--muted);font-size:8px}.room-card h3,.inventory-card h3,.stage-card h3{margin:7px 0 4px;font-size:13px}.room-card small{color:var(--muted-2);font-size:8px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-card strong{color:var(--green-900);font-size:14px}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.stage-card-top{justify-content:space-between;align-items:center;display:flex}.stage-card-top strong{color:var(--green-900);font-size:17px}.mini-progress{background:#e7ede9;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.mini-progress>div{background:var(--green-600);height:100%}.timeline{flex-direction:column;display:flex}.timeline-row{padding:0 0 20px 25px;position:relative}.timeline-row:not(:last-child):before{content:"";background:#dce6df;width:1px;position:absolute;top:13px;bottom:-3px;left:6px}.timeline-dot{background:var(--green-700);border:3px solid #dcebe2;border-radius:50%;width:13px;height:13px;position:absolute;top:4px;left:0}.timeline-row>div:last-child{flex-direction:column;gap:3px;display:flex}.timeline-row strong{font-size:10px}.timeline-row span{color:var(--muted);font-size:8px}.timeline-row p{color:#536159;margin:3px 0 0;font-size:9px}.cost-bars{flex-direction:column;gap:13px;display:flex}.cost-bar-row>div:first-child{justify-content:space-between;font-size:9px;display:flex}.cost-bar{background:#e8eeea;border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.cost-bar>div{background:linear-gradient(90deg, var(--green-700), #4b986d);height:100%}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.file-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;text-decoration:none;display:grid}.file-card:hover{background:var(--green-050)}.file-icon{background:var(--green-100);width:42px;height:42px;color:var(--green-700);border-radius:10px;place-items:center;font-size:8px;font-weight:800;display:grid}.file-card>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.file-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.file-card span{color:var(--muted);font-size:8px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card{border:1px solid var(--line);min-height:110px;color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:5px;padding:17px;text-decoration:none;display:flex}.download-card:hover{background:var(--green-050);border-color:#bfd3c7}.download-card strong{font-size:13px}.download-card span{color:var(--muted);font-size:9px}.download-card b{color:var(--green-700);margin-top:auto;font-size:9px}.inline-select{background:#fff;border:1px solid #d6dfd9;border-radius:7px;height:30px;padding:0 7px;font-size:9px}.empty-state{text-align:center;padding:38px 18px}.empty-icon{background:var(--green-100);width:46px;height:46px;color:var(--green-700);border-radius:13px;place-items:center;margin:0 auto 10px;font-size:9px;font-weight:800;display:grid}.empty-state strong{font-size:12px;display:block}.empty-state p{max-width:470px;color:var(--muted);margin:6px auto 0;font-size:9px;line-height:1.6}.loading-block,.dashboard-loader{text-align:center;color:var(--muted);padding:35px 15px;font-size:10px}@media (width<=1300px){.stats-grid.five,.purchase-line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-grid,.inventory-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.portal{grid-template-columns:215px minmax(0,1fr)}.main-content{padding-left:20px;padding-right:20px}.project-hero{flex-direction:column;align-items:flex-start}.hero-metrics{flex-wrap:wrap;width:100%}.two-col-grid{grid-template-columns:1fr}.form-grid.three-col,.purchase-summary-grid,.room-grid,.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.portal{grid-template-columns:1fr}.sidebar{height:auto;max-height:none;position:relative}.main-content{padding:0 14px 30px}.topbar{align-items:flex-start;padding:16px 0}.user-meta{display:none}.stats-grid.five,.stats-grid.three,.area-spend-grid,.account-grid,.room-grid,.inventory-grid,.stage-grid,.file-grid,.download-grid,.form-grid,.form-grid.three-col,.purchase-summary-grid,.purchase-line-grid{grid-template-columns:1fr}.hero-total{border-left:0;padding-left:0}.toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}}.header-action-row,.table-tools,.row-actions,.quick-pay-row,.invoice-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button.compact{min-height:34px;padding:0 13px}.filter-select{color:#34443b;background:#fff;border:1px solid #d9e1dc;border-radius:9px;height:38px;padding:0 34px 0 11px;font-size:12px}.practical-table td,.practical-table th{vertical-align:middle}.clickable-row{cursor:pointer;transition:background .12s}.clickable-row:hover{background:#f6faf7}.table-action{color:#315943;white-space:nowrap;background:#fff;border:1px solid #d9e2dc;border-radius:8px;min-height:31px;padding:0 10px;font-size:11px;font-weight:650}.table-action:hover{background:#edf5f0;border-color:#bdd3c5}.table-action.pay{color:#fff;background:#173e2d;border-color:#173e2d}.table-action.pay:hover{background:#20563d}.paid-text{color:#21704a!important}.outstanding-text{color:#a44f16!important}.practical-note{color:#4b6154;background:#eff7f2;border:1px solid #d6e7dc;border-radius:11px;margin-bottom:18px;padding:13px 15px;font-size:12px;line-height:1.55}.practical-note strong{color:#1f563a}.detail-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:20px 0 14px;display:flex}.detail-toolbar h3{margin:0 0 4px;font-size:15px}.detail-toolbar p{color:#7e8b84;margin:0;font-size:11px;line-height:1.5}.practical-lines{margin-bottom:18px}.line-total-box{background:#f7faf8;border:1px solid #dbe4de;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;min-height:66px;padding:9px 11px;display:flex}.line-total-box span{color:#78857e;font-size:10px}.line-total-box strong{font-size:14px}.purchase-money-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin:18px 0;display:grid}.purchase-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.live-invoice-summary{background:#f8faf9;border:1px solid #dce5df;border-radius:12px;padding:15px 16px}.live-invoice-summary>div{color:#708078;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;font-size:11px;display:flex}.live-invoice-summary strong{color:#1c2b22;font-size:13px}.live-invoice-summary .invoice-total-line{border-top:1px solid #dce5df;margin-top:5px;padding-top:12px}.live-invoice-summary .invoice-total-line span,.live-invoice-summary .invoice-total-line strong{color:#173e2d;font-size:15px;font-weight:750}.payment-entry-block{background:#fbfdfc;border:1px solid #d8e4dc;border-radius:13px;margin:18px 0;padding:17px}.payment-entry-block .detail-toolbar{margin-top:0}.important-input{background:#f7fcf9!important;border-color:#7ba98d!important;font-weight:700!important}.pay-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 4px;display:grid}.purchase-pay-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-preview>div{background:#fff;border:1px solid #dfe7e2;border-radius:10px;flex-direction:column;gap:5px;padding:12px 13px;display:flex}.pay-preview span{color:#75827b;font-size:10px}.pay-preview strong{font-size:16px}.quick-pay-row{margin-top:10px}.payment-hero{color:#fff;background:linear-gradient(135deg,#163f2d,#23563f);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:16px;display:flex}.payment-hero>div{flex-direction:column;gap:4px;display:flex}.payment-hero span,.payment-hero small{color:#b7cec0;font-size:10px}.payment-hero strong{font-size:16px}.payment-balance{text-align:right}.payment-balance strong{font-size:22px}.file-input{min-height:42px;height:auto!important;padding:8px 10px!important}.detail-top-grid{grid-template-columns:1.35fr repeat(3,minmax(0,.8fr));gap:11px;display:grid}.contact-card,.detail-money-card{background:#fafcfb;border:1px solid #dfe7e2;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;min-height:98px;padding:14px;display:flex}.contact-card span,.detail-money-card span{color:#738078;font-size:10px}.contact-card strong,.detail-money-card strong{font-size:16px}.contact-card small{color:#839089;font-size:10px}.detail-money-card.paid{background:#f0f8f3;border-color:#cfe5d6}.detail-money-card.paid strong{color:#216d48}.detail-money-card.due{background:#fff8f1;border-color:#eddac7}.detail-money-card.due strong{color:#9a4b16}.invoice-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.invoice-account-card{background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:15px}.invoice-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.invoice-card-head>div{flex-direction:column;gap:4px;display:flex}.invoice-card-head strong{font-size:13px}.invoice-card-head span:not(.status-pill){color:#839089;font-size:10px}.mini-progress{background:#edf1ee;border-radius:100px;height:6px;margin:13px 0;overflow:hidden}.mini-progress>div{border-radius:inherit;background:linear-gradient(90deg,#245f42,#52a578);height:100%}.invoice-card-values{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.invoice-card-values>div{flex-direction:column;gap:3px;display:flex}.invoice-card-values span{color:#849088;font-size:9px}.invoice-card-values strong{font-size:12px}.invoice-card-actions{border-top:1px solid #edf1ee;justify-content:space-between;margin-top:14px;padding-top:12px}.invoice-card-actions>span{color:#849088;font-size:10px}.history-block{margin-top:22px}.history-block h3{margin:0 0 10px;font-size:14px}.detail-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-list{background:#fff;border:1px solid #e0e7e2;border-radius:10px;overflow:hidden}.compact-row{min-height:52px;color:inherit;border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;text-decoration:none;display:flex}.compact-row:last-child{border-bottom:0}.compact-row>div{flex-direction:column;gap:3px;display:flex}.compact-row strong{font-size:11px}.compact-row span,.compact-row small{color:#849089;font-size:9px}.file-row:hover{background:#f6faf7}.muted-copy{color:#839089;border:1px dashed #dce4df;border-radius:9px;margin:0;padding:16px;font-size:11px}@media (width<=1180px){.detail-top-grid,.purchase-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-money-layout,.detail-two-column,.invoice-card-list{grid-template-columns:1fr}}@media (width<=760px){.purchase-extra-grid,.purchase-pay-preview,.pay-preview,.detail-top-grid,.purchase-top-grid,.invoice-card-values{grid-template-columns:1fr}.detail-toolbar,.payment-hero{flex-direction:column;align-items:stretch}.payment-balance{text-align:left}}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.stats-grid.four{grid-template-columns:1fr}}.mobile-app-home,.mobile-page-topbar,.mobile-bottom-nav,.mobile-login-logo{display:none}@media (width<=760px){html,body,#root{background:#f3f6f4;width:100%;min-width:0;min-height:100%;overflow-x:hidden}body{min-height:100dvh}.login-page{background:linear-gradient(#103628 0 175px,#f3f6f4 175px);min-height:100dvh;display:block}.login-visual{display:none!important}.login-panel{background:0 0;align-items:flex-start;min-height:100dvh;padding:92px 18px 28px}.login-card{border-radius:22px;width:100%;padding:26px 20px 22px;box-shadow:0 18px 45px #122e221f}.mobile-login-logo{color:#fff;background:#1f5b42;border:5px solid #f3f6f4;border-radius:18px;place-items:center;width:58px;height:58px;margin:-56px auto 18px;font-size:16px;font-weight:800;display:grid;box-shadow:0 10px 24px #0d2f2133}.login-card .page-eyebrow,.login-card>h2,.login-card>p{text-align:center}.login-card>h2{margin-top:6px;font-size:28px}.login-card>p{margin-bottom:24px;font-size:13px}.mobile-app-home{min-height:100dvh;padding:0 0 max(28px, env(safe-area-inset-bottom));color:#17251d;background:#f3f6f4;display:block}.mobile-home-topbar{z-index:20;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;-webkit-backdrop-filter:blur(14px);color:#fff;background:#103628f7;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-home-brand{align-items:center;gap:11px;display:flex}.mobile-home-logo{background:#ffffff21;border:1px solid #ffffff1c;border-radius:13px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.mobile-home-brand>div:last-child{flex-direction:column;gap:2px;display:flex}.mobile-home-brand strong{font-size:15px;font-weight:700}.mobile-home-brand span{color:#a8c5b6;font-size:10px}.mobile-profile-button{color:#17442f;background:#e5f0e9;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.mobile-project-summary{color:#fff;background:radial-gradient(circle at 92% 4%,#70b58b3b,#0000 28%),linear-gradient(145deg,#174b35 0%,#103426 74%);border-radius:22px;margin:16px 14px 0;padding:20px 18px 17px;box-shadow:0 16px 35px #10342621}.mobile-summary-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mobile-summary-heading span{letter-spacing:1.4px;color:#8db7a1;margin-bottom:5px;font-size:9px;font-weight:750;display:block}.mobile-summary-heading h1{letter-spacing:-.7px;margin:0;font-size:24px;font-weight:720;line-height:1.12}.mobile-summary-heading p{color:#a9c4b5;margin:5px 0 0;font-size:11px}.mobile-summary-heading>button{color:#fff;background:#ffffff14;border:1px solid #ffffff21;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.mobile-summary-heading>button svg{width:21px;height:21px}.mobile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.mobile-summary-grid>div{background:#ffffff0e;border:1px solid #ffffff17;border-radius:13px;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.mobile-summary-grid span{color:#9dbbaa;font-size:9px}.mobile-summary-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mobile-quick-section,.mobile-menu-section{margin:22px 14px 0}.mobile-section-heading{justify-content:space-between;align-items:baseline;gap:10px;min-height:28px;display:flex}.mobile-section-heading h2{letter-spacing:.15px;color:#23342b;margin:0;font-size:13px;font-weight:750}.mobile-section-heading span{color:#88958e;font-size:10px}.mobile-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.mobile-quick-grid button{color:#27382f;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:11px 4px 8px;display:flex}.mobile-quick-grid button>span{color:#1d6244;background:#fff;border:1px solid #dfe8e2;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 5px 16px #1b43300e}.mobile-quick-grid svg{width:22px;height:22px}.mobile-quick-grid strong{text-align:center;font-size:9.5px;font-weight:650;line-height:1.2}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-menu-tile{color:#21332a;text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #dee6e1;border-radius:17px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:11px;min-width:0;min-height:92px;padding:13px;display:grid;box-shadow:0 5px 18px #1b3b2b09}.mobile-menu-tile:active{background:#f8faf9;transform:scale(.98)}.mobile-menu-icon{color:#1b6847;background:#eaf3ed;border-radius:13px;grid-row:1/span 2;place-items:center;width:42px;height:42px;display:grid}.mobile-menu-tile.tone-2 .mobile-menu-icon{color:#5a6d3c;background:#eef1ea}.mobile-menu-tile.tone-3 .mobile-menu-icon{color:#38656a;background:#e9f1f2}.mobile-menu-tile.tone-4 .mobile-menu-icon{color:#725c3f;background:#f2eee8}.mobile-menu-tile.tone-5 .mobile-menu-icon{color:#645171;background:#f0edf3}.mobile-menu-icon svg{width:21px;height:21px}.mobile-menu-tile strong{align-self:end;font-size:11px;font-weight:680;line-height:1.25}.mobile-menu-tile small{color:#93a098;align-self:start;margin-top:2px;font-size:8.5px}.mobile-account-card{background:#fff;border:1px solid #dde6e0;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:24px 14px 0;padding:13px;display:grid}.mobile-account-avatar{color:#1e5b3f;background:#e5f0e9;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.mobile-account-card>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-account-card strong{font-size:11px}.mobile-account-card span{color:#8b9790;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mobile-account-card button{color:#5a665f;background:#f8faf9;border:1px solid #dde5e0;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:650}.portal.mobile-portal,.portal{background:#f3f6f4;min-height:100dvh;display:block}.sidebar,.topbar{display:none!important}.main-content{background:#f3f6f4;width:100%;min-width:0;padding:0!important}.mobile-page-topbar{z-index:40;height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;color:#fff;-webkit-backdrop-filter:blur(14px);background:#103628fa;border-bottom:1px solid #ffffff14;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;display:grid;position:sticky;top:0}.mobile-header-button{color:#fff;background:#ffffff12;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.mobile-header-button svg{width:21px;height:21px}.mobile-page-title{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.mobile-page-title span{letter-spacing:1.1px;color:#83aa95;font-size:8px;font-weight:750}.mobile-page-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:680;overflow:hidden}.page-content{width:100%;padding:15px 12px calc(88px + env(safe-area-inset-bottom))}.mobile-bottom-nav{left:10px;right:10px;bottom:max(9px, env(safe-area-inset-bottom));z-index:60;-webkit-backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #18402e1c;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;height:63px;padding:5px;display:grid;position:fixed;box-shadow:0 14px 36px #1635262b}.mobile-bottom-nav button{color:#7d8982;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:52px;display:flex}.mobile-bottom-nav button.active{color:#1e6546;background:#eaf3ed}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav span{font-size:8px;font-weight:650}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin:0 0 12px;padding:2px 2px 0}.page-header .page-eyebrow{font-size:8px}.page-header h2{letter-spacing:-.7px;margin:4px 0;font-size:23px;line-height:1.12}.page-header p{font-size:11px;line-height:1.5}.page-header-action,.page-header-action .primary-button,.header-action-row,.header-action-row .primary-button,.header-action-row .secondary-button{width:100%}.header-action-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stats-grid.five,.stats-grid.four,.stats-grid.three,.area-spend-grid,.account-grid,.room-grid,.inventory-grid,.stage-grid,.file-grid,.download-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-card{border-radius:14px;min-height:95px;padding:13px}.stat-card>span{font-size:9px}.stat-card>strong{margin:5px 0 3px;font-size:17px;line-height:1.08}.stat-card small{font-size:8px;line-height:1.3}.project-hero{border-radius:18px;margin-top:0;padding:17px}.project-hero h2{font-size:22px}.hero-metrics{gap:12px}.panel{border-radius:16px;padding:15px}.panel-header{align-items:flex-start;gap:8px}.panel-header h3{font-size:14px}.two-col-grid,.form-grid,.form-grid.three-col,.purchase-summary-grid,.purchase-line-grid,.purchase-extra-grid,.purchase-pay-preview,.pay-preview,.detail-top-grid,.purchase-top-grid,.invoice-card-values,.purchase-money-layout,.detail-two-column,.invoice-card-list{grid-template-columns:1fr!important}.toolbar,.table-tools,.detail-toolbar,.payment-hero{flex-direction:column;align-items:stretch}.search-input{width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;padding:0 15px 4px;overflow-x:auto}.data-table{min-width:680px;font-size:10px}.practical-table{min-width:760px}.data-table th,.data-table td{padding:11px 9px}.row-actions,.quick-pay-row,.invoice-card-actions{gap:7px}.table-action{min-height:34px;padding:0 11px}.primary-button,.secondary-button{border-radius:11px;min-height:44px;font-size:11px}.field-input,select.field-input,textarea.field-input,input.field-input{border-radius:11px;min-height:46px;font-size:14px}textarea.field-input{min-height:92px}.form-field label,.field-label{font-size:10px}.modal-backdrop{background:#07181194;align-items:flex-end;padding:0}.app-modal,.app-modal.wide{border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:92dvh;box-shadow:0 -18px 50px #0000002e}.modal-header{padding:16px 17px}.modal-header:before{content:"";background:#d8dfda;border-radius:10px;width:42px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.modal-header h2{margin-top:6px;font-size:19px}.modal-body{padding:16px 17px calc(22px + env(safe-area-inset-bottom))}.modal-close{border-radius:12px;width:38px;height:38px}.form-actions{bottom:calc(-16px - env(safe-area-inset-bottom));z-index:3;margin:18px -17px calc(-22px - env(safe-area-inset-bottom));padding:12px 17px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #e5ebe7;position:sticky}.form-actions .primary-button,.form-actions .secondary-button{flex:1}.invoice-card,.detail-card,.purchase-summary-card,.inventory-card,.account-card,.room-card,.file-card,.stage-card{border-radius:15px}}@media (width<=390px){.mobile-menu-grid{grid-template-columns:1fr}.mobile-menu-tile{min-height:76px}.mobile-summary-grid,.stats-grid.five,.stats-grid.four,.stats-grid.three,.area-spend-grid,.account-grid,.room-grid,.inventory-grid,.stage-grid,.file-grid,.download-grid{grid-template-columns:1fr 1fr!important}}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.photo-gallery-card{border:1px solid var(--line);min-width:0;color:inherit;text-align:left;background:#fff;border-radius:15px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden;box-shadow:0 3px 12px #173e2d09}.photo-gallery-card:hover{border-color:#b9d0c2;transform:translateY(-2px);box-shadow:0 10px 28px #173e2d1a}.photo-gallery-thumb{aspect-ratio:4/3;background:#e9efeb;position:relative;overflow:hidden}.photo-gallery-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.photo-gallery-card:hover .photo-gallery-thumb img{transform:scale(1.025)}.photo-view-badge{color:#fff;-webkit-backdrop-filter:blur(8px);background:#081d13c2;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;bottom:10px;right:10px}.photo-gallery-meta{flex-direction:column;gap:4px;min-width:0;padding:12px 13px 13px;display:flex}.photo-gallery-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.photo-gallery-meta span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;overflow:hidden}.photo-lightbox-backdrop{z-index:2500;-webkit-backdrop-filter:blur(8px);background:#040d09e6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.photo-lightbox{background:#0e1712;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(1180px,100%);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 35px 100px #00000073}.photo-lightbox-toolbar{color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:11px 14px 11px 18px;display:flex}.photo-lightbox-toolbar>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.photo-lightbox-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.photo-lightbox-toolbar span{color:#9ab0a3;font-size:10px}.photo-lightbox-actions{align-items:center;gap:8px;display:flex}.photo-lightbox-actions a,.photo-lightbox-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;justify-content:center;align-items:center;height:38px;padding:0 13px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.photo-lightbox-actions button{width:38px;padding:0;font-size:22px}.photo-lightbox-image-wrap{background:#080d0a;place-items:center;min-height:260px;max-height:calc(100vh - 130px);display:grid;overflow:auto}.photo-lightbox-image-wrap img{object-fit:contain;max-width:100%;max-height:calc(100vh - 130px);display:block}.file-card-actions{text-decoration:none}.file-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.file-action-link{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;padding:7px 9px;font-weight:700;text-decoration:none;color:var(--green-700)!important;font-size:9px!important}.file-action-link:hover{background:var(--green-050)}@media (width<=850px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-lightbox-backdrop{padding:0}.photo-lightbox{border:0;border-radius:0;width:100%;height:100%;max-height:none}.photo-lightbox-toolbar{min-height:66px;padding:10px 12px}.photo-lightbox-image-wrap{flex:1;max-height:none}.photo-lightbox-image-wrap img{max-height:calc(100vh - 66px)}.file-card-actions{grid-template-columns:42px minmax(0,1fr)}.file-actions{grid-column:1/-1;justify-content:stretch}.file-action-link{text-align:center;flex:1;justify-content:center}}@media (width<=390px){.photo-gallery{grid-template-columns:1fr 1fr!important}.photo-gallery-meta{padding:9px 10px 10px}.photo-gallery-meta strong{font-size:10px}.photo-gallery-meta span{font-size:8px}}