*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f4f6f9;color:#1a1a2e}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:1.25rem;font-weight:600}.topbar nav{display:flex;gap:1rem}.topbar nav a{color:#ffffffe6;font-size:.9rem}.topbar nav a:hover{color:#fff}.main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}.card h2{margin:0 0 1rem;font-size:1.1rem;color:#1e3a5f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;background:#2563eb;color:#fff}.btn:hover{background:#1d4ed8}.btn-secondary{background:#64748b}.btn-danger{background:#dc2626}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f8fafc;font-weight:600;color:#475569}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved,.badge-paid{background:#d1fae5;color:#065f46}.badge-overdue{background:#fee2e2;color:#991b1b}.badge-sent{background:#dbeafe;color:#1e40af}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2563eb,#7c3aed)}.login-card{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.login-card h1{margin:0 0 .5rem;color:#1e3a5f}.login-card p{color:#64748b;margin:0 0 1.5rem;font-size:.9rem}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.portal-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #00000014;transition:transform .15s,box-shadow .15s;cursor:pointer;border:2px solid transparent}.portal-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb26;border-color:#2563eb}.portal-card h3{margin:.5rem 0 .25rem;color:#1e3a5f}.portal-card span{font-size:2rem}.stat{text-align:center}.stat .value{font-size:2rem;font-weight:700;color:#2563eb}.stat .label{font-size:.8rem;color:#64748b}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}