:root{--bg:#071018;--panel:#0d1822;--line:#20303e;--text:#f4f8fb;--muted:#91a3b4;--blue:#2f89df;--green:#42c88a;--red:#ef6b6b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#071018,#09131c);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.6}.top{position:sticky;top:0;z-index:5;background:#08121bef;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px max(4%,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:9px;padding:2px}.top span,.toolbar p,.panel p{color:var(--muted)}nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}nav a{padding:8px 10px;border-radius:9px}nav a.active{background:#142635;color:#fff}a{color:#70b8fa;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto;padding:34px 0 70px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.toolbar h1{font-size:34px;margin:0}.toolbar p{margin:4px 0}.toolbar input,.invoice-actions select{background:#101d28;border:1px solid var(--line);color:#fff;padding:12px;border-radius:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.cards.mini{grid-template-columns:repeat(3,1fr)}.card,.panel{background:linear-gradient(145deg,#0e1a24,#0b151e);border:1px solid var(--line);border-radius:18px}.card{padding:20px}.card span{display:block;color:var(--muted);font-size:13px}.card b{display:block;font-size:22px;margin-top:7px}.card.result{border-color:#2f89df88;box-shadow:inset 0 0 30px #2f89df10}.panel{padding:24px;margin-top:18px}.panel h2{margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.entry-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.entry-form.compact{grid-template-columns:repeat(2,1fr)}.entry-form label,.block{font-size:13px;color:#b7c4cf}.entry-form input,.entry-form select,.entry-form textarea,.block textarea{display:block;width:100%;margin-top:6px;background:#08131c;color:#fff;border:1px solid var(--line);border-radius:10px;padding:11px}.entry-form textarea,.block textarea{min-height:80px;resize:vertical}.entry-form .wide{grid-column:1/-1}.entry-form .check{display:flex;align-items:center;gap:8px;padding-top:27px}.entry-form .check input{width:auto;margin:0}.entry-form button,.login-card button,.primary{background:var(--blue);border:0;color:#fff;border-radius:11px;padding:12px 16px;font-weight:bold;cursor:pointer;display:inline-block}.primary.big{width:100%;margin-top:18px;padding:15px}.small-btn{display:inline-block;border:1px solid #31516a;border-radius:9px;padding:6px 10px}.actions{display:flex;gap:8px;align-items:center}.actions form{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:right;padding:12px;border-bottom:1px solid #1b2a36}th{font-size:12px;color:#8fa4b5}td{font-size:14px}td small{display:block;color:#71889b}.pill{background:#142635;border:1px solid #24425a;padding:4px 8px;border-radius:999px;font-size:12px}.danger{background:transparent;border:1px solid #6b3131;color:#ff9292;border-radius:8px;padding:6px 10px;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:35px}.empty-card{text-align:center}.bars{margin-top:20px}.bar-row{display:grid;grid-template-columns:85px 1fr 260px;gap:12px;align-items:center;margin:10px 0}.bar-row>div{height:20px;background:#071018;border-radius:10px;overflow:hidden;position:relative}.bar-row i,.bar-row em{position:absolute;right:0;height:9px;border-radius:10px}.bar-row i{top:0;background:#2f89df}.bar-row em{bottom:0;background:#ef6b6b}.bar-row small{color:var(--muted)}.site-footer{text-align:center;color:#637889;padding:20px}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92%);padding:32px;background:#0d1822;border:1px solid var(--line);border-radius:22px}.login-logo{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:16px;padding:5px}.login-card input{width:100%;padding:13px;background:#071018;border:1px solid var(--line);border-radius:10px;color:#fff;margin:10px 0}.login-card button{width:100%}.alert{background:#391b20;color:#ffb4b4;padding:10px;border-radius:9px}.success{background:#123324;color:#9be3ba;padding:12px 16px;border-radius:10px}.note{border-right:3px solid var(--blue);padding-right:12px}.status{padding:5px 9px;border-radius:999px;font-size:12px;background:#263441}.status.paid{background:#123324;color:#9be3ba}.status.partial{background:#3a3114;color:#ffe08a}.status.unpaid{background:#3b1c21;color:#ffaaaa}.invoice-form h3{margin-top:24px}.item-row{display:grid;grid-template-columns:2fr .6fr .8fr 45px;gap:8px;margin-bottom:9px}.item-row input{background:#08131c;color:#fff;border:1px solid var(--line);border-radius:10px;padding:11px}.remove{background:#32181b;color:#ff9e9e;border:1px solid #632f34;border-radius:9px}.ghost{background:transparent;color:#70b8fa;border:1px solid #31516a;border-radius:10px;padding:9px 12px;cursor:pointer}.block{display:block;margin-top:20px}.invoice-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:16px}.invoice-actions form{margin:0}.invoice-paper{background:#fff;color:#1c2730;border-radius:18px;padding:48px;max-width:900px;margin:auto;box-shadow:0 20px 70px #0005}.invoice-head{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #e7edf2;padding-bottom:24px}.company img{width:110px;height:110px;object-fit:contain}.company h2{margin:8px 0 0}.company p,.invoice-title p,.bill-to p{margin:2px 0;color:#60707c}.invoice-title{text-align:left}.invoice-title h1{font-size:42px;color:#2f6fae;margin:0}.bill-to{margin:28px 0;background:#f5f8fa;border-radius:12px;padding:16px}.bill-to span{color:#6f7f89;font-size:13px}.bill-to h3{margin:2px 0}.invoice-table{min-width:0}.invoice-table th{background:#edf4f9;color:#345}.invoice-table td,.invoice-table th{border-bottom:1px solid #e5eaee}.totals{margin:22px 0 0 auto;width:min(380px,100%)}.totals>div{display:flex;justify-content:space-between;padding:7px 0}.totals .grand{font-size:20px;border-top:2px solid #b9c8d4;margin-top:8px;padding-top:12px}.invoice-note{margin-top:28px;border-top:1px solid #e5eaee;padding-top:16px}.invoice-footer{text-align:center;color:#778794;margin-top:35px;border-top:1px solid #e5eaee;padding-top:20px}.delete-invoice{max-width:900px;margin:15px auto 0;text-align:left}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.entry-form{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:70px 1fr}.bar-row small{grid-column:2}.top{align-items:flex-start;flex-direction:column}.item-row{grid-template-columns:1fr 1fr}.item-row .remove{grid-column:2}.invoice-paper{padding:28px}}@media(max-width:560px){.toolbar{align-items:start;flex-direction:column}.cards,.cards.mini{grid-template-columns:1fr 1fr}.card{padding:15px}.card b{font-size:18px}.entry-form,.entry-form.compact{grid-template-columns:1fr}.entry-form .wide{grid-column:auto}.panel{padding:16px}.invoice-head{flex-direction:column}.invoice-title{text-align:right}.invoice-actions{flex-wrap:wrap;justify-content:flex-start}.invoice-paper{padding:18px}.company img{width:80px;height:80px}.item-row{grid-template-columns:1fr}}
@media print{body{background:#fff}.top,.site-footer,.invoice-actions,.delete-invoice{display:none!important}.wrap{width:100%;padding:0}.invoice-paper{box-shadow:none;border-radius:0;max-width:none;padding:20px}.invoice-table{min-width:0}@page{size:A4;margin:10mm}}
/* V3 invoice + header hardening */
html img{max-width:100%}.top .brand>img{width:42px!important;height:42px!important;max-width:42px!important;min-width:42px!important;object-fit:contain!important;display:block!important}.top{min-height:68px}.top nav a{white-space:nowrap}
.tax-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;min-height:310px}.company{width:45%}.company .company-logo{display:block;width:145px!important;height:145px!important;max-width:145px!important;object-fit:contain!important;margin-bottom:18px}.company h3{margin:0 0 2px;font-size:18px}.company p{margin:1px 0;color:#37444d}.invoice-title{width:48%;text-align:right}.invoice-title h1{font-size:42px;letter-spacing:.5px;color:#111;margin:0}.invoice-title h3{font-size:16px;margin:2px 0 28px}.balance-box{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px}.balance-box b{font-size:13px}.balance-box strong{font-size:24px}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin:5px 0 24px}.bill-to{background:none;padding:0;margin:0}.bill-to span{font-size:15px;color:#334}.bill-to h3{margin:2px 0}.meta{justify-self:end;width:100%;max-width:360px}.meta p{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0}.meta span{text-align:right}.meta b{text-align:right;font-weight:400}.invoice-table thead th{background:#3d3d3a;color:#fff;font-weight:400}.invoice-table th,.invoice-table td{text-align:left}.invoice-table td small{display:block;color:#555}.totals{width:min(440px,100%)}.totals .payment{color:#e33}.totals .balance{background:#f1f1f1;padding:12px 10px;font-size:18px}.purchase-paper .invoice-title h1{font-size:34px}
@media(max-width:720px){.tax-top{min-height:0;flex-direction:column}.company,.invoice-title{width:100%}.invoice-title{text-align:left}.invoice-meta-grid{grid-template-columns:1fr}.meta{justify-self:start}.invoice-paper{overflow:auto}.top{position:relative}}
@media print{.invoice-paper{font-family:Arial,sans-serif}.tax-top{min-height:285px}.company .company-logo{width:125px!important;height:125px!important}.invoice-title h1{font-size:36px}.invoice-actions{display:none!important}}
/* V4 lighter dashboard */
:root{--bg:#172633;--panel:#223543;--line:#3b5363;--text:#f8fbfd;--muted:#bdcbd5;--blue:#4299e8;--green:#55d59a;--red:#ff8181}
body{background:linear-gradient(180deg,#182936,#203440);color:var(--text)}
.top{background:#1a2b37f2;border-bottom-color:#405665}.card,.panel{background:linear-gradient(145deg,#263b49,#20333f);border-color:#405766;box-shadow:0 10px 28px #0b17201c}.card.result{background:linear-gradient(145deg,#24445a,#263c49)}nav a.active{background:#345367}.toolbar input,.invoice-actions select,.entry-form input,.entry-form select,.entry-form textarea,.block textarea,.item-row input{background:#1a2b36;border-color:#496171}.table-wrap th{color:#c3d1da}.pill{background:#314a5a;border-color:#4a6678}.login-card{background:#263b49;border-color:#405766}.login-card input{background:#1a2b36;border-color:#496171}.mode-switch{display:flex;gap:10px;margin-bottom:18px}.mode-switch button{border:1px solid #587487;background:#20333f;color:#dce8ef;border-radius:12px;padding:11px 18px;font-weight:bold;cursor:pointer}.mode-switch button.active{background:var(--blue);border-color:var(--blue);color:white}.customer-box{border:1px solid #496171;background:#1e303c;border-radius:14px;padding:18px;margin-bottom:18px}.customer-box h3{margin-top:0}.customer-box>label{display:block;color:#c8d4dc}.customer-box select{display:block;width:100%;margin-top:7px;background:#182a35;color:#fff;border:1px solid #506a7a;border-radius:10px;padding:12px}.quick-box{display:none}.site-footer{color:#a8bac6}