*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#18324f;font-family:Arial,sans-serif}header{background:#102a43;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}header strong{font-size:22px}header small{display:block;color:#c9d6e3;margin-top:4px}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:700}main{max-width:1180px;margin:28px auto;padding:0 18px}h1{margin-top:0}.panel,.card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:20px;box-shadow:0 5px 15px #102a4310}.narrow{max-width:520px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card small{display:block;color:#64748b}.card b{font-size:26px;display:block;margin-top:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.button,button{display:inline-block;background:#1677ff;color:#fff;border:0;border-radius:7px;padding:11px 17px;text-decoration:none;font-weight:700;cursor:pointer}.secondary{background:#e5ebf2;color:#18324f}.flash{background:#ddf5e6;border:1px solid #62b47d;padding:12px;border-radius:8px}.error{background:#fee2e2;border:1px solid #ef4444;padding:12px;border-radius:8px;margin-bottom:15px}label{display:block;font-weight:700;margin:12px 0}input,select,textarea{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}textarea{min-height:85px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0}th{background:#edf3f8}.split{display:grid;grid-template-columns:420px 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.invoice-head{display:flex;justify-content:space-between}.totals{max-width:390px;margin:20px 0 0 auto}.totals p{display:flex;justify-content:space-between}.inline{display:inline}.invoice table td:not(:first-child),.invoice table th:not(:first-child){text-align:right}@media(max-width:800px){.cards,.split,.form-grid{grid-template-columns:1fr}header{align-items:flex-start;gap:14px;flex-direction:column}table{display:block;overflow:auto}}
.products-layout{display:grid;grid-template-columns:1fr;gap:24px}.products-layout>.panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-width:none}.products-layout>.panel label:nth-of-type(3){grid-column:1/-1}.products-layout>.panel button{width:max-content;align-self:end}.products-layout>div{width:100%;overflow-x:auto;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:0 5px 15px #102a4310}.products-layout table{min-width:900px}.products-layout th{white-space:nowrap}.products-layout td:nth-child(5),.products-layout td:nth-child(6){text-align:right;white-space:nowrap}.products-layout td:last-child{white-space:nowrap}@media(max-width:800px){.products-layout>.panel{grid-template-columns:1fr}.products-layout>.panel label:nth-of-type(3){grid-column:auto}.products-layout>.panel button{width:100%}}
.products-layout{display:grid;grid-template-columns:1fr;gap:24px}.products-layout>.panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-width:none}.products-layout>.panel label:nth-of-type(3){grid-column:1/-1}.products-layout>.panel button{width:max-content;align-self:end}.products-layout>div{width:100%;overflow-x:auto;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:0 5px 15px #102a4310}.products-layout table{min-width:900px}.products-layout th{white-space:nowrap}.products-layout td:nth-child(5),.products-layout td:nth-child(6){text-align:right;white-space:nowrap}.products-layout td:last-child{white-space:nowrap}@media(max-width:800px){.products-layout>.panel{grid-template-columns:1fr}.products-layout>.panel label:nth-of-type(3){grid-column:auto}.products-layout>.panel button{width:100%}}

.brand{display:flex;align-items:center;gap:14px}.brand img{display:block;width:auto;height:52px;max-width:180px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}

.brand{display:flex;align-items:center;gap:10px}.brand img{display:block!important;width:auto!important;height:36px!important;max-width:120px!important;max-height:36px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important}header{min-height:72px}
.invoice-company-logo{display:block;width:190px;max-width:100%;max-height:90px;object-fit:contain;object-position:left center;margin:0 0 16px}

.invoice-company-logo{display:block;width:auto;max-width:190px;max-height:80px;object-fit:contain;object-position:left center;margin:0 0 16px}

@font-face{
    font-family:"Inter";
    font-style:normal;
    font-weight:100 900;
    src:url("InterVariable.ttf") format("truetype");
}

.invoice,
.invoice h1,
.invoice h2,
.invoice h3,
.invoice p,
.invoice table,
.invoice th,
.invoice td,
.invoice strong,
.invoice span{
    font-family:"Inter","DejaVu Sans",Arial,sans-serif;
    font-variant-numeric:tabular-nums;
}

.invoice h1,
.invoice h2,
.invoice h3,
.invoice th{
    font-weight:600;
}