*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0d1119;color:#eef2f7}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#06080d;border-right:1px solid #202838;padding:24px 16px;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand .mark,.doclogo{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:900;font-size:22px}.brand small{display:block;color:#8d99aa;margin-top:3px}nav{display:grid;gap:6px}nav a{color:#dbe2eb;text-decoration:none;padding:13px 14px;border-radius:12px;display:flex;gap:13px;align-items:center}nav a:hover,nav a.active{background:#151c29;color:#fff;box-shadow:inset 3px 0 var(--accent)}main{margin-left:250px;padding:28px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,h3{margin-top:0}header p,.muted{color:#91a0b5}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #344056;background:#151c29;color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;cursor:pointer}.btn.primary{background:var(--accent);color:#111;border-color:transparent;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,section{background:#121925;border:1px solid #222d40;border-radius:18px;padding:20px;margin-bottom:20px}.card small{display:block;color:#91a0b5}.card strong{display:block;font-size:27px;margin-top:13px}.quick{display:flex;gap:12px;flex-wrap:wrap}.quick a{background:#1a2332;border:1px solid #2c384d;padding:15px 18px;border-radius:12px;color:#fff;text-decoration:none;cursor:pointer}.gridform{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}input,select,textarea{width:100%;padding:11px 12px;background:#0d131e;border:1px solid #303c51;color:#fff;border-radius:9px}textarea{min-height:76px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #273246}th{color:#98a6b9;font-size:12px;text-transform:uppercase}.empty{text-align:center;color:#7f8ca0;padding:30px}.status{background:#202b3d;padding:5px 9px;border-radius:999px}.toolbar{display:flex;justify-content:space-between;align-items:center}.itemrow{display:grid;grid-template-columns:3fr .7fr 1fr .8fr .7fr;gap:8px;margin:12px 0}.totals{margin:15px 0}.pos{display:grid;grid-template-columns:2fr 1fr;gap:18px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.productgrid button{padding:18px;background:#182131;border:1px solid #2e3b51;color:#fff;border-radius:12px;text-align:left}.productgrid small{display:block;color:#9aa8ba;margin-top:6px}.cart{background:#0c121c;border-radius:15px;padding:16px}.cartline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #273246}.carttotal{display:flex;justify-content:space-between;font-size:20px;padding:18px 0}.docbody{background:#dde2ea;color:#18202d;padding:24px}.docactions{max-width:900px;margin:0 auto 15px;display:flex;gap:8px;flex-wrap:wrap}.docactions form{display:inline}.document{max-width:900px;min-height:1120px;margin:auto;background:#fff;color:#202631;padding:54px;box-shadow:0 18px 50px #0002}.dochead,.meta,.summary{display:flex;justify-content:space-between;gap:30px}.dochead p,.meta p,.summary p{color:#596273;line-height:1.5}.doctype{text-align:right}.doctype h1{font-size:40px;margin-bottom:5px}.doctype span{display:block;margin-top:8px;color:var(--accent);font-weight:800}.meta{margin:45px 0}.meta>div{flex:1}.meta small{display:block;color:#8993a3;margin-bottom:6px}.meta b{display:block}.lineitems th{background:#f1f3f7;color:#3c4656}.lineitems td,.lineitems th{border-bottom:1px solid #e2e6ec}.summary{margin-top:35px}.summary>div{flex:1}.summary>div:last-child p{display:flex;justify-content:space-between;margin:8px 0}.summary .grand{font-size:21px;border-top:2px solid #222;padding-top:12px}footer{text-align:center;margin-top:65px;color:#7c8797}.thermal80{max-width:302px;min-height:auto;padding:18px;font-size:11px}.thermal80 .dochead,.thermal80 .meta,.thermal80 .summary{display:block}.thermal80 .doctype{text-align:left}.thermal80 .doctype h1{font-size:23px}.thermal80 .lineitems th:nth-child(3),.thermal80 .lineitems td:nth-child(3),.thermal80 .lineitems th:nth-child(4),.thermal80 .lineitems td:nth-child(4){display:none}
@media(max-width:900px){aside{position:static;width:auto}main{margin:0}.cards,.gridform,.pos{grid-template-columns:1fr}.productgrid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.itemrow{grid-template-columns:1fr 1fr}.document{padding:25px}.dochead,.meta,.summary{display:block}.doctype{text-align:left;margin-top:25px}}
@media print{aside,header,.docactions{display:none!important}main{margin:0;padding:0}body,.docbody{background:#fff;padding:0}.document{box-shadow:none;max-width:none}.thermal80{width:80mm}@page{margin:0}}