:root{
  --bg:#06101f;--bg2:#09172c;--panel:#0c1a32;--panel2:#10223e;--line:#1c3c63;--line2:#275381;
  --text:#edf6ff;--muted:#89a8c9;--blue:#148cff;--cyan:#1fd5ff;--green:#27c98d;--red:#ff6572;
  --amber:#f5b94c;--purple:#9b8cff;--shadow:0 18px 48px rgba(0,0,0,.26);--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(135deg,#04101f,#07172c 48%,#06101f);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.text-right{text-align:right}.text-center{text-align:center}.nowrap{white-space:nowrap}
code{background:#061326;border:1px solid #1d3c61;padding:2px 6px;border-radius:6px;color:#aee9ff}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 14px;font-weight:800;color:white;background:#173253;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn.primary{background:linear-gradient(135deg,#1178ff,#16c6f6)}.btn.success{background:linear-gradient(135deg,#0aa374,#38d4a0)}.btn.danger{background:linear-gradient(135deg,#de3f51,#ff6c78)}.btn.warn{background:linear-gradient(135deg,#bf8110,#f0b63d)}.btn.ghost{background:transparent;border:1px solid #2b4e77;color:#c0daf1}.btn.sm{padding:7px 10px;border-radius:8px;font-size:12px}.btn.full{width:100%}.icon-btn{border:1px solid #27476f;background:#0b1c35;color:#e8f5ff;border-radius:9px;width:39px;height:39px;font-size:18px;cursor:pointer}

/* Public */
.public-bg{background:#030811;min-height:100vh}.public-wrap{max-width:1460px;margin:auto;padding:28px;min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.public-hero,.public-card,.setup-card{background:linear-gradient(180deg,rgba(13,31,63,.96),rgba(6,17,35,.98));border:1px solid rgba(68,151,255,.22);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.public-banner{width:100%;display:block;aspect-ratio:3/1;object-fit:cover}.public-content{padding:30px}.public-content h1{font-size:42px;line-height:1.05;margin:0 0 12px}.public-content h1 span{color:var(--cyan)}.public-content p{color:#a8bed8;line-height:1.65}.public-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.badge{padding:8px 11px;border-radius:999px;background:#0b2849;border:1px solid #1c5b93;color:#bcecff;font-size:12px}.public-card{padding:26px}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brand-row img{width:62px;height:62px;border-radius:15px;object-fit:cover}.brand-row h2{margin:0;font-size:22px}.brand-row small{color:var(--muted)}.public-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#08172d;padding:5px;border-radius:12px;margin:18px 0}.public-tabs a{padding:10px;border-radius:9px;text-align:center;color:#8fb2d4;font-weight:800}.public-tabs a.active{background:linear-gradient(135deg,#117cff,#18c5f6);color:#fff}.tracking-card{margin-top:16px;padding:15px;border-radius:14px;background:#07172b;border:1px solid #25476f}.track-grid{display:grid;grid-template-columns:120px 1fr;gap:9px;font-size:13px;margin:8px 0}.track-grid span{color:var(--muted)}.track-grid b{word-break:break-word}.credential-box{background:#06172a;border:1px dashed #28527e;padding:13px;border-radius:10px;margin:14px 0;color:#bed8ef}
.setup-wrap{max-width:850px;margin:auto;padding:40px 20px}.setup-banner{width:100%;display:block}.setup-content{padding:26px}.setup-content h1{margin-top:0}

/* Form */
.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#9db4d0;margin-bottom:7px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #24456f;background:#08172c;color:#edf7ff;border-radius:11px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1bbcff;box-shadow:0 0 0 3px rgba(27,188,255,.1)}.field textarea{min-height:95px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.form-grid .span2{grid-column:1/-1}.help{font-size:11px;color:#7595b6;margin-top:5px}.read-only{opacity:.68;pointer-events:none}

/* App layout */
.app-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#061225;border-right:1px solid #193554;padding:17px 14px;z-index:40}.side-brand{display:flex;align-items:center;gap:11px;padding:7px 6px 18px}.side-brand img{width:46px;height:46px;object-fit:cover;border-radius:11px}.side-brand span{display:flex;flex-direction:column}.side-brand b{letter-spacing:.5px}.side-brand small{color:#708faf}.nav{display:flex;flex-direction:column;gap:6px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#9bb5cf;font-weight:750}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#0d2b4d,#0b1f39);color:#fff}.nav-label{font-size:10px;color:#506e8d;letter-spacing:1.4px;padding:15px 11px 5px}.side-bottom{position:absolute;left:14px;right:14px;bottom:17px}.user-chip{padding:12px;border:1px solid #1c3657;background:#0a1a31;border-radius:12px;margin-bottom:9px}.user-chip b{display:block}.user-chip span{font-size:11px;color:#7fa0c1}.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:15px 24px;background:rgba(5,16,32,.88);backdrop-filter:blur(12px);border-bottom:1px solid #18314f}.top-left{display:flex;align-items:center;gap:11px}.topbar h2{margin:0;font-size:20px}.topbar small{color:#718fad}.top-actions{display:flex;gap:8px}.content{padding:24px;max-width:1700px}.mobile-only{display:none}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,#0d1d37,#0a182d);border:1px solid #1d3a60;border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:17px}.metric label{font-size:12px;color:#83a6c7}.metric strong{display:block;font-size:25px;margin-top:8px}.metric small{color:#6e91b4}.section{padding:18px;margin-top:16px}.section:first-child{margin-top:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-head h3{margin:0;font-size:17px}.section-head p{margin:4px 0 0;color:#7897b7;font-size:12px}.section-head .actions{display:flex;gap:8px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subtle{background:#07172c;border:1px solid #1f3f67;border-radius:12px;padding:13px}.alert{padding:12px 14px;border-radius:11px;border:1px solid #285174;background:#0b2740;color:#b9e7ff;margin-bottom:14px}.alert.success{background:#0c3026;border-color:#1e6d54;color:#b8f5dd}.alert.error{background:#39161d;border-color:#813543;color:#ffc9ce}.alert.warning{background:#3c2e0c;border-color:#80631d;color:#ffe2a0}

/* Table */
.table-wrap{overflow:auto;border:1px solid #1b3658;border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:11px 10px;border-bottom:1px solid #183250;text-align:left;font-size:12px;vertical-align:top}.table th{position:sticky;top:0;background:#0b1c34;color:#8db0d2;z-index:2}.table tr:hover td{background:#0b1b30}.table .num{text-align:right}.table .actions{white-space:nowrap}.empty{padding:28px!important;text-align:center!important;color:#6e90b3}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{background:#08182d;color:#fff;border:1px solid #27466d;border-radius:9px;padding:9px 10px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.status-pill.blue{background:#0e335a;color:#8dd0ff}.status-pill.green{background:#0c3b2f;color:#82edc8}.status-pill.red{background:#48161e;color:#ffb3ba}.status-pill.amber{background:#42300b;color:#ffd981}.status-pill.purple{background:#2b245c;color:#c7c0ff}.stock-low{color:#ffd981;font-weight:800}.stock-zero{color:#ff9ba4;font-weight:800}.stock-ok{color:#8fe7ca;font-weight:800}

/* Dynamic item rows */
.item-row{display:grid;grid-template-columns:1.2fr 1.4fr .52fr .85fr .9fr 42px;gap:8px;align-items:center;margin-bottom:8px}.rab-item-row{grid-template-columns:1.2fr 1.35fr .5fr .55fr .85fr .9fr 42px}.item-row input,.item-row select{width:100%;background:#07182d;color:white;border:1px solid #244568;border-radius:8px;padding:9px}.item-row .row-total{background:#071325}.totals{margin-left:auto;max-width:420px;margin-top:12px}.total-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #254160}.total-line.grand{font-size:18px;font-weight:900;border-bottom:0;color:#5ee7ff}.inline-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inline-fields .field{margin:0}

/* Chart */
.canvas-wrap{height:320px;position:relative}.canvas-wrap canvas{width:100%;height:100%}.legend{display:flex;gap:12px;color:#7797b8;font-size:12px;margin-top:8px}.legend i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#1178ff,#18d4ff);display:inline-block;margin-right:5px}

/* Modal-ish */
.details-box{padding:13px;border:1px solid #21456d;background:#08182e;border-radius:11px}.details-grid{display:grid;grid-template-columns:140px 1fr;gap:9px;font-size:13px}.details-grid span{color:#7c9dbd}

/* Print */
.print-body{background:#dfe5eb;color:#111;font-family:Arial,Helvetica,sans-serif}.print-toolbar{position:sticky;top:0;z-index:5;background:#07172c;padding:10px;display:flex;gap:8px;justify-content:center}.a4-sheet{width:210mm;min-height:297mm;margin:12mm auto;background:#fff;padding:13mm 14mm;box-shadow:0 10px 35px rgba(0,0,0,.22);color:#111}.print-head{display:grid;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;border-bottom:3px solid #117bcc;padding-bottom:11px;margin-bottom:18px}.print-head img{width:65px;height:65px;object-fit:cover;border-radius:8px}.print-company h1{font-size:20px;margin:0 0 3px;color:#0d62a8;letter-spacing:.4px}.print-company div{font-weight:700;font-size:12px}.print-company small{font-size:10px;color:#555}.print-doc{text-align:right;display:flex;flex-direction:column;gap:5px}.print-doc b{font-size:18px;color:#0c4e88}.print-doc span{font-size:11px;color:#555}.print-title{font-size:18px;text-align:center;margin:18px 0}.print-info{display:grid;grid-template-columns:130px 1fr;gap:7px;font-size:11px;margin-bottom:13px}.print-info .label{font-weight:700;color:#333}.print-table{width:100%;border-collapse:collapse;font-size:10.5px;margin-top:8px}.print-table th,.print-table td{border:1px solid #999;padding:6px;vertical-align:top}.print-table th{background:#ecf5fc}.print-table td.num,.print-table th.num{text-align:right}.print-total{width:320px;margin-left:auto;margin-top:11px;border-collapse:collapse;font-size:11px}.print-total td{padding:5px 7px;border-bottom:1px solid #ccc}.print-total td:last-child{text-align:right;font-weight:700}.print-total .grand td{font-size:13px;border-top:2px solid #117bcc;border-bottom:0;color:#0c4e88}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:45px;text-align:center;font-size:11px}.signature-space{height:70px}.print-note{font-size:10.5px;line-height:1.55;border:1px solid #bbb;background:#fafafa;padding:8px;margin-top:14px}.print-footer{margin-top:20px;border-top:1px solid #bbb;padding-top:7px;text-align:center;color:#666;font-size:9px}.report-meta{display:flex;justify-content:space-between;font-size:10px;color:#555;margin-bottom:9px}

@page{size:A4;margin:0}
@media print{
  body.print-body{background:#fff}
  .no-print{display:none!important}
  .a4-sheet{width:210mm;min-height:297mm;margin:0;box-shadow:none;padding:13mm 14mm;page-break-after:always}
}

@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.public-wrap{grid-template-columns:1fr}.public-content h1{font-size:35px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-275px;width:255px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px #000}.mobile-only{display:inline-flex}.content{padding:15px}.topbar{padding:13px 15px}.top-actions .btn{display:none}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.grid-3,.inline-fields{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.item-row,.rab-item-row{grid-template-columns:1fr 1fr}.item-row>*{min-width:0}.item-row .remove-row{grid-column:2}.public-wrap{padding:14px}.public-content{padding:20px}.public-card{padding:20px}.public-content h1{font-size:29px}.a4-sheet{width:100%;min-height:auto;margin:0;padding:18px;box-shadow:none}.print-head{grid-template-columns:55px 1fr}.print-doc{grid-column:1/-1;text-align:left}.signature-grid{gap:25px}}

/* V5 enhancements */
.btn.whatsapp{background:#123c32;border-color:#1f7a60;color:#9ff0cf}.btn.whatsapp:hover{background:#18513f;color:#fff}.money-input{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.invoice-premium .print-head{border-bottom:0;margin-bottom:10px;padding-bottom:8px}.invoice-premium .print-head:after{content:"";grid-column:1/-1;height:4px;border-radius:20px;background:linear-gradient(90deg,#0b68b3,#16bfea)}
.invoice-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:16px 18px;background:linear-gradient(135deg,#eef8ff,#f8fcff);border:1px solid #c9e3f6;border-radius:12px;margin-bottom:16px}.invoice-hero span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#5d7891}.invoice-hero h2{font-size:18px;color:#0b4f88;margin:5px 0}.invoice-hero p{font-size:10px;line-height:1.55;color:#4a5660;margin:0}.invoice-meta-box{display:grid;gap:8px}.invoice-meta-box div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #b9d2e4;padding-bottom:6px;font-size:10px}.invoice-meta-box b{color:#243747}.invoice-meta-box strong{color:#0878c6;font-size:14px}.invoice-table{border-radius:8px;overflow:hidden}.invoice-table th{background:#0d66a8;color:#fff;border-color:#0d66a8;padding:8px}.invoice-table td{border-color:#d4e0e9;padding:8px}.invoice-table tbody tr:nth-child(even){background:#f7fbfe}.invoice-bottom-grid{display:grid;grid-template-columns:1fr 310px;gap:22px;align-items:start;margin-top:14px}.invoice-note{padding:10px 12px;background:#f7fbfe;border-left:4px solid #168dcc;border-radius:6px;font-size:10px}.invoice-note p{margin:5px 0 0;line-height:1.5}.invoice-thanks{font-size:9.5px;line-height:1.5;color:#53616d;margin-top:12px}.premium-total{width:100%;margin:0}.premium-total td{padding:7px 9px}.premium-total .grand td{background:#eaf7ff;color:#075d9d;border-top:2px solid #0d76bc;font-size:14px}.premium-signature{margin-top:38px}.premium-signature .signature-space{height:58px}
@media(max-width:820px){.invoice-hero,.invoice-bottom-grid{grid-template-columns:1fr}}