:root{--blue:#075de7;--deep:#071b43;--ink:#12203a;--muted:#6b7890;--line:#e4eaf3;--soft:#f5f8fd;--green:#0b9b63;--red:#d13b4d;--shadow:0 18px 50px rgba(26,62,126,.11)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#f7faff,#edf4ff);min-height:100vh}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-weight:800;font-size:21px;text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{color:#4b5870;text-decoration:none;font-weight:650}.topbar nav a:hover{color:var(--blue)}.topbar .user{padding-left:16px;border-left:1px solid var(--line);color:var(--muted)}.topbar .logout{font-size:14px}.container{max-width:1160px;margin:0 auto;padding:48px 24px 80px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-head h1{font-size:34px;letter-spacing:-.03em;margin:4px 0}.page-head p{color:var(--muted);margin:4px 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--blue);font-weight:800}.head-actions,.actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #cad5e5;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.button.primary{background:linear-gradient(135deg,#0868ef,#064ad0);border-color:transparent;color:#fff;box-shadow:0 9px 20px rgba(7,93,231,.22)}.stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:34px}.stats>div,.panel,.balance-card,.table-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats>div{padding:24px}.stats span,.balance-card span{display:block;color:var(--muted);font-size:14px;font-weight:650}.stats strong{display:block;font-size:30px;margin-top:8px;letter-spacing:-.03em}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-title h2{margin:0}.section-title a{color:var(--blue);font-weight:700;text-decoration:none}.table-wrap{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left}th{background:#f9fbfe;color:#68758c;font-size:12px;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border:0}td a{color:var(--blue);font-weight:700;text-decoration:none}td small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right}.positive{color:var(--green)}.negative{color:var(--red)}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-weight:800;font-size:12px}.badge.credit{background:#e6f8f0;color:#08764c}.badge.debit{background:#ffebee;color:#b72338}.empty{text-align:center;color:var(--muted);padding:34px}.search{display:flex;gap:10px;margin-bottom:18px}.search input{flex:1}.form{padding:28px;max-width:800px}.form label{display:block;font-size:13px;font-weight:750;color:#42516b;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form input,.form textarea,.form select,.search input{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #cbd6e6;border-radius:11px;background:#fff;color:var(--ink);font:inherit}.form input:focus,.form textarea:focus,.form select:focus,.search input:focus{outline:3px solid rgba(7,93,231,.12);border-color:var(--blue)}.actions{justify-content:flex-end;margin-top:12px}.balance-card{padding:24px 28px;margin-bottom:20px;display:grid;grid-template-columns:1fr auto;align-items:center}.balance-card strong{font-size:34px;grid-row:1/3;grid-column:2}.balance-card small{color:var(--muted);margin-top:5px}.customer-notes{padding:20px;margin-bottom:20px;color:#53617a}.login-card{max-width:900px;margin:72px auto;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:52px;padding:44px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 90px rgba(16,57,130,.16)}.login-card img{width:100%;filter:drop-shadow(0 22px 24px rgba(7,63,160,.18))}.login-card h1{font-size:45px;line-height:1.03;letter-spacing:-.045em;margin:12px 0 18px}.login-card p{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:28px}.error-card{max-width:620px;margin:80px auto;padding:40px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.flash{padding:14px 18px;margin-bottom:22px;border-radius:12px;font-weight:700}.flash.success{background:#e6f8f0;color:#08764c}footer{text-align:center;color:#8a96aa;padding:20px 20px 36px;font-size:13px}@media(max-width:760px){.topbar{height:auto;padding:14px 18px;align-items:flex-start}.topbar nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar .user{display:none}.container{padding:30px 16px 60px}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.login-card{grid-template-columns:1fr;padding:26px;margin:28px auto;text-align:center}.login-card img{width:180px;margin:auto}.login-card h1{font-size:36px}.table-wrap{overflow-x:auto}table{min-width:650px}.balance-card{grid-template-columns:1fr}.balance-card strong{grid-row:auto;grid-column:auto;margin-top:8px}.topbar nav a:not(.logout){display:none}}