: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}}