:root{--navy: #0f1f3d;--navy-light: #16294f;--bg: #eef2f9;--blue: #2e6fd9;--green: #1a9c6b;--purple: #7b4fd6;--orange: #d98a1a;--teal: #1a8f9c;--maroon: #7a1f2b;--red: #c62839;--text: #1c2536;--muted: #6b7688;--white: #ffffff;--border: #dde3ee}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--navy);color:var(--white);padding:24px 20px;display:flex;flex-direction:column}.sidebar .brand{font-size:22px;font-weight:700;letter-spacing:.5px}.sidebar .brand-sub{font-size:11px;color:#7d9cd6;letter-spacing:2px;margin-top:2px}.sidebar nav{margin-top:24px}.sidebar nav a{display:block;color:#cdd9f0;text-decoration:none;padding:10px 8px;border-radius:6px;font-size:14px;margin-bottom:2px}.sidebar nav a.active,.sidebar nav a:hover{background:var(--navy-light);color:var(--white)}.sidebar .welcome{margin-top:auto;font-size:12px;color:#93a5c9}.main{flex:1;padding:32px 40px}.page-title{font-size:26px;font-weight:700;color:var(--navy);margin:0}.page-subtitle{color:var(--muted);margin:4px 0 24px;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tile{border:none;border-radius:10px;color:var(--white);font-weight:600;font-size:14px;padding:20px 16px;text-align:left;cursor:pointer;display:flex;align-items:flex-end;min-height:90px}.tile.blue{background:var(--blue)}.tile.green{background:var(--green)}.tile.purple{background:var(--purple)}.tile.orange{background:var(--orange)}.tile.teal{background:var(--teal)}.tile.maroon{background:var(--maroon)}.tile.red{background:var(--red)}.tile.navy{background:var(--navy)}.panel{background:var(--white);border-radius:10px;border:1px solid var(--border);padding:24px}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th{background:var(--navy);color:var(--white);text-align:left;padding:10px 12px;font-weight:600}table.data-table td{padding:10px 12px;border-bottom:1px solid var(--border)}table.data-table tr:nth-child(2n) td{background:#f6f8fc}.status-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-pill.unpaid{background:#fde3e3;color:var(--red)}.status-pill.partial{background:#fdf1d9;color:var(--orange)}.status-pill.paid{background:#d9f3e6;color:var(--green)}.summary-row{display:flex;gap:16px;margin:20px 0}.summary-box{flex:1;border-radius:8px;padding:16px 20px;color:var(--white)}.summary-box .label{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:.5px}.summary-box .value{font-size:22px;font-weight:700;margin-top:4px}.summary-box.navy{background:var(--navy)}.summary-box.green{background:var(--green)}.summary-box.red{background:var(--red)}.btn{border:none;border-radius:6px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;color:var(--white);margin-right:10px}.btn.blue{background:var(--blue)}.btn.green{background:var(--green)}.btn.purple{background:var(--purple)}.btn.red{background:var(--red)}.btn.gray{background:#5a6577}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px}