*{box-sizing:border-box}:root{--navy:#172238;--navy2:#22304b;--bg:#f4f6f9;--line:#dfe4eb;--muted:#667085;--red:#b42318}body{margin:0;background:var(--bg);color:#20242a;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{min-height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:18px}.brand-mark{width:34px;height:34px;border-radius:8px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:13px}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a,nav button{color:#fff;background:none;border:0;text-decoration:none;font:inherit;cursor:pointer;opacity:.92}nav a:hover,nav button:hover{opacity:1}nav form{margin:0}main{max-width:1220px;margin:32px auto;padding:0 20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1,h1{margin:0}.page-head p{margin:4px 0 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(18,28,45,.04)}.metric{font-size:30px;font-weight:800;margin-top:4px}.muted{color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.actions.end{justify-content:flex-end}.button,button.primary,.button.primary{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:7px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:650}.button.secondary{background:#e9edf3;color:var(--navy)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid #e5e8ed;text-align:left;vertical-align:top}th{background:#eef1f5;font-size:13px}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd1da;border-radius:7px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #a7b8d5;border-color:#7f96ba}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}label{display:block;font-weight:650;margin-bottom:5px}.flash,.alert{background:#dff6e7;border:1px solid #96d5aa;padding:12px;border-radius:8px;margin-bottom:18px}.danger-bg{background:#fee4e2;border-color:#fda29b;color:#912018}.status{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;background:#e8ebf0;text-transform:capitalize}.s-sent,.s-paid{background:#dcfae6;color:#067647}.s-email_failed{background:#fee4e2;color:#b42318}.s-generated,.s-draft{background:#f2f4f7;color:#344054}.danger{color:var(--red)}.right{text-align:right}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.upcoming{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.upcoming:last-child{border:0}.table-scroll{overflow-x:auto}.builder-table input{min-width:90px}.builder-table td:first-child input{min-width:260px}.icon{border:0;background:none;font-size:24px;cursor:pointer;padding:0 8px}.builder-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:22px}.live-totals{padding:14px 18px;background:#f7f8fa;border-radius:9px}.live-totals div{display:flex;justify-content:space-between;padding:6px 0}.live-totals .grand{border-top:2px solid var(--navy);margin-top:5px;padding-top:12px;font-size:19px}.invoice-builder h2{margin-top:28px}@media(max-width:900px){header{align-items:flex-start;padding:16px 20px;flex-direction:column}nav{gap:14px}.dashboard-grid,.builder-bottom{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid,.grid.three{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}main{margin-top:20px}.card,.panel{padding:15px}}