:root{--bg: #f4f6f9;--surface: #ffffff;--border: #dde3ec;--text: #1a2332;--text-muted: #5c6b7f;--primary: #173a6b;--primary-hover: #0f2a50;--primary-soft: #e8eef7;--accent: #2563eb;--success: #059669;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 8px 24px rgba(16, 24, 40, .06);--radius: 12px;font-family:Inter,system-ui,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}button,select{font:inherit}#app{min-height:100vh}.portal-header{background:linear-gradient(135deg,#0f2a50,#173a6b 55%,#1e4d8c);color:#fff;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 2px 12px #0f2a5040}.portal-brand h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.portal-brand p{margin:.15rem 0 0;font-size:.875rem;color:#ffffffc7}.portal-user{text-align:right;font-size:.875rem}.portal-user strong{display:block;font-weight:600}.portal-user span{color:#ffffffbf}.portal-main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.portal-intro{margin-bottom:1.75rem}.portal-intro h2{margin:0 0 .35rem;font-size:1.5rem;letter-spacing:-.02em}.portal-intro p{margin:0;color:var(--text-muted);max-width:52ch}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.25rem}.section-card h3{margin:0 0 .35rem;font-size:1.1rem}.section-card .section-desc{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.field label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field select{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--primary-soft);color:var(--primary)}.btn-secondary:hover{background:#dbe6f5}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.doc-list{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}.doc-list h4{margin:0 0 .75rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #eef2f7}.doc-row:last-child{border-bottom:none}.doc-meta{min-width:0}.doc-meta strong{display:block;font-size:.9375rem}.doc-meta span{font-size:.8125rem;color:var(--text-muted)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-invoice{background:#dbeafe;color:#1d4ed8}.badge-statement{background:#d1fae5;color:#047857}.badge-spreadsheet{background:#fef3c7;color:#b45309}.status-toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--text);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:100}.status-toast.visible{opacity:1;transform:translateY(0)}@media(max-width:640px){.portal-header{flex-direction:column;align-items:flex-start}.portal-user{text-align:left}}