.customer-portal{--cp-gold:#d49a23;--cp-dark:#20241f;display:grid;gap:22px}.customer-hero{display:flex;justify-content:space-between;gap:20px;padding:26px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#242a24,#3b3321);box-shadow:0 14px 32px #30240e22}.customer-hero h1{margin:5px 0 7px;color:#fff}.customer-hero p{margin:0;color:#ded7c8}.customer-hero-badge{align-self:center;padding:10px 15px;border:1px solid #e5b75066;border-radius:999px;background:#d49a2328;color:#ffe7aa;font-weight:800}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.customer-metric{padding:18px;border:1px solid #e4dccb;border-radius:14px;background:#fff}.customer-metric span{font-size:12px;color:#756d61}.customer-metric strong{display:block;margin-top:8px;font-size:25px}.customer-section{padding:22px;border:1px solid #e2dac9;border-radius:16px;background:#fff}.customer-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.customer-section-head h2{margin:0;font-size:21px}.customer-nav-button{border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.customer-actions{display:flex;flex-wrap:wrap;gap:8px}.customer-button{padding:9px 13px;border:1px solid #c8942d;border-radius:9px;background:#fff;color:#5b400b;font-weight:700;cursor:pointer}.customer-button.primary{background:#d49a23;color:#1d1608}.customer-button:disabled{opacity:.5;cursor:not-allowed}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse;min-width:760px}.customer-table th,.customer-table td{padding:12px 10px;border-bottom:1px solid #eee8dc;text-align:left;font-size:13px}.customer-table th{color:#736b60;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.customer-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#f5ead0;color:#78520a;font-size:11px;font-weight:800}.customer-status.paid{background:#e1f2e9;color:#1d6d47}.customer-status.late{background:#fde4e1;color:#a23229}.customer-contract-grid,.customer-property-grid,.customer-progress-grid,.customer-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.customer-card{padding:17px;border:1px solid #e5dece;border-radius:12px;background:#fffdf8}.customer-card h3{margin:0 0 9px}.customer-card dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}.customer-card dt{color:#756d61}.customer-card dd{margin:0;font-weight:700;text-align:right}.customer-progress{display:grid;gap:9px}.customer-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#eee8dc}.customer-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#af7510,#e1ad3e)}.customer-gallery img,.customer-gallery video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:#eee}.customer-gallery small{color:#786f62}.customer-form{display:grid;gap:12px}.customer-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customer-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.customer-form input,.customer-form textarea,.customer-form select{width:100%;padding:11px;border:1px solid #d9d1c1;border-radius:8px;font:inherit}.customer-empty{padding:28px;text-align:center;color:#746c60;border:1px dashed #dcd2be;border-radius:12px}.customer-simulator{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.customer-simulator-result{padding:15px;border-radius:10px;background:#fff5d9}.customer-copy{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-mode .sidebar-footer{display:none}@media(max-width:900px){.customer-metrics{grid-template-columns:repeat(2,1fr)}.customer-simulator{grid-template-columns:1fr}}@media(max-width:600px){.customer-hero{flex-direction:column}.customer-metrics,.customer-form-grid{grid-template-columns:1fr}.customer-section{padding:15px}}