@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Outfit:wght@300;400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#b8974a;--gold-light:#d4af6a;--ink:#0c0c0c;--ink-2:#1a1a1a;--ink-3:#252525;--warm:#f7f4ef;--warm-2:#ede8df;--white:#fff;--muted:#8a8078;--muted-2:#6b6259;--border:#2a2a2a;--border-light:#e8e2d8;--success:#22c55e;--error:#ef4444;--warning:#f59e0b}html,body{height:100%}body{background:var(--ink);color:var(--warm);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}.portal-wrap{flex-direction:column;min-height:100vh;display:flex}.portal-nav{background:var(--ink-2);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.portal-logo{color:var(--white);letter-spacing:.06em;align-items:center;gap:8px;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:400;text-decoration:none;display:flex}.portal-logo-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.portal-nav-right{align-items:center;gap:1rem;display:flex}.portal-nav-user{color:var(--muted);font-size:.78rem;font-weight:300}.portal-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.card{background:var(--ink-2);border:1px solid var(--border);border-radius:2px;padding:1.75rem}.card-title{color:var(--white);margin-bottom:.25rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:400}.card-sub{color:var(--muted);margin-bottom:1.5rem;font-size:.78rem;font-weight:300}.btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-items:center;gap:8px;padding:.7rem 1.5rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-outline{color:var(--warm);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-sm{padding:.5rem 1rem;font-size:.68rem}.btn-danger{color:var(--error);background:0 0;border:1px solid #ef44444d}.btn-danger:hover{background:#ef44441a}.form-group{margin-bottom:1.25rem}.form-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.form-input{background:var(--ink-3);border:1px solid var(--border);width:100%;color:var(--warm);border-radius:2px;outline:none;padding:.8rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:300;transition:border-color .2s}.form-input:focus{border-color:var(--gold)}.form-input::placeholder{color:var(--muted)}select.form-input option{background:var(--ink-3)}textarea.form-input{resize:vertical;min-height:80px}.badge{letter-spacing:.1em;text-transform:uppercase;border-radius:1px;align-items:center;gap:5px;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-flex}.badge-pending{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.badge-paid{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.badge-overdue{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.65rem;font-weight:600}td{color:#f7f4efcc;border-bottom:1px solid #2a2a2a99;padding:1rem;font-size:.875rem;font-weight:300}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.stats-row{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin-bottom:2rem;display:grid}.stat-box{background:var(--ink-2);padding:1.5rem}.stat-n{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:300;line-height:1}.stat-l{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.68rem;font-weight:400}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:.75rem;font-size:.65rem;font-weight:400;display:flex}.eyebrow-line{background:var(--gold);width:20px;height:1px}.page-header{margin-bottom:2rem}.page-title{color:var(--white);letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300}.page-sub{color:var(--muted);margin-top:.25rem;font-size:.875rem;font-weight:300}.alert{border-radius:2px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:.9rem 1.25rem;font-size:.85rem;font-weight:300;display:flex}.alert-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.alert-success{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.alert-info{color:var(--gold);background:#b8974a14;border:1px solid #b8974a33}.divider{background:var(--border);height:1px;margin:1.5rem 0}.empty-state{text-align:center;color:var(--muted);padding:3rem;font-size:.875rem;font-weight:300}.empty-state-icon{opacity:.4;margin-bottom:.75rem;font-size:2rem}.spinner{border:2px solid #b8974a33;border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{justify-content:center;align-items:center;min-height:200px;display:flex}.section{margin-bottom:2.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--white);font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:400}.amount-due{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:300}@media (max-width:600px){.portal-content{padding:1.5rem 1rem}.stats-row{grid-template-columns:1fr 1fr}}