:root{--gold:#aa8119;--dark:#151515;--ink:#222;--muted:#6d6d6d;--line:#e8e3d5;--bg:#f7f7f5;--white:#fff;--green:#237a4b;--red:#a43a3a}
.portal-wrap{max-width:1300px;margin:0 auto;padding:38px 20px 70px}.portal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.portal-heading h1{margin:0 0 5px;font-size:34px}.portal-heading p{margin:0}.portal-actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.two{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.metric strong{font-size:30px;display:block;margin-top:7px}.metric small{color:var(--muted)}.muted{color:var(--muted)}.list{display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.row:last-child{border-bottom:0}.btn{display:inline-block;padding:10px 15px;border-radius:7px;text-decoration:none;border:0;cursor:pointer;font-weight:700}.btn-primary{background:var(--gold);color:#fff}.btn-light{background:#f1efe8;color:#222}.status{display:inline-block;border-radius:30px;padding:5px 9px;font-size:12px;background:#eee;text-transform:capitalize}.status.done,.status.completed,.status.paid{background:#e4f3ea;color:var(--green)}.status.in_progress,.status.sent,.status.part_paid{background:#fff3cf;color:#765700}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:12px;color:#666;text-transform:uppercase}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.empty{padding:30px;text-align:center;color:#777;background:#faf9f6;border-radius:10px}.amount{font-size:24px;font-weight:800}.form-card{max-width:520px;margin:30px auto}.form-group{margin:15px 0}.form-group label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.input{width:100%;padding:12px;border:1px solid #d9d4c7;border-radius:7px;background:#fff;font:inherit}.alert{padding:12px;border-radius:8px;background:#fff0f0;color:#8c3030;margin:15px 0}.success{padding:12px;border-radius:8px;background:#eaf7ef;color:#216b40;margin:15px 0}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.portal-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.portal-wrap{padding:25px 14px 45px}.portal-heading h1{font-size:28px}.row{align-items:flex-start;flex-direction:column}}