:root{font-family:Tahoma,Arial,sans-serif;color:#23364b;background:#f3f6fa;font-size:14px;--ink:#14283f;--accent:#147d72;--line:#e0e7ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:white;color:var(--ink);transition:.15s}button:hover{border-color:#147d72;background:#edf8f6}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#0d665e;color:white}.danger{color:#aa2e39}.muted{color:#708197}.small{font-size:12px;line-height:1.9}.error{color:#b52b3d;white-space:pre-wrap}.eyebrow{font-size:10px;letter-spacing:2px;color:#648095;margin:0 0 10px;font-weight:bold}h1{font-size:27px;margin:0 0 12px}h2{font-size:20px;margin:0}h3{font-size:16px}p{line-height:1.7}input,select,textarea{width:100%;border:1px solid #ced8e3;border-radius:7px;padding:11px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #5ab6a9;outline-offset:1px}label{display:grid;gap:7px;margin:0 0 15px;font-size:12px;font-weight:bold}form{margin-top:16px}.login{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#14283f 0%,#203d53 45%,#edf5f4 45%)}.login-card{width:100%;max-width:440px;border:1px solid var(--line);background:white;border-radius:18px;padding:40px;box-shadow:0 20px 70px #14283f25}.login-card h1{font-size:25px;margin-top:14px}.login-card button{width:100%;margin-bottom:10px}.brand-icon{background:#d5eeea;color:#11695e;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:10px;font-size:28px;margin-bottom:15px}.brand{display:flex;gap:12px;align-items:center;padding:25px 18px 35px}.brand .brand-icon{margin:0;flex-shrink:0}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8ca4b8;margin-top:8px}aside{position:fixed;right:0;top:0;bottom:0;width:240px;background:var(--ink);color:white;display:flex;flex-direction:column}nav{padding:0 12px;display:grid;gap:5px;overflow:auto}nav button{background:transparent;border:0;color:#acbfd0;text-align:right;padding:13px 16px}nav button.active{background:#2b4659;color:white;border-right:3px solid #62d4bc}nav button:hover{background:#203e53;color:white}.sidebar-bottom{margin-top:auto;padding:20px;font-size:11px;word-break:break-word}.sidebar-bottom button{width:100%;background:transparent;color:#bdcbd6;border-color:#3a5163}main{margin-right:240px;padding:30px 38px;max-width:1800px}main>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.header-actions{display:flex;gap:10px;align-items:center}#syncStatus{font-size:11px;max-width:190px;line-height:1.7;color:#5e7589}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.card p{margin:0 0 18px;font-size:12px;color:#738398}.card strong{font-size:26px;display:block;direction:ltr;text-align:right}.card small{display:block;color:#8191a2;margin-top:13px;font-size:10px}.card.feature{background:var(--ink);color:white}.card.feature p,.card.feature small{color:#b3c9d7}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar input{max-width:320px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;white-space:nowrap}th{background:#f8fafc;color:#7a8b9d;font-size:11px;font-weight:normal;padding:15px}td{padding:16px 15px;border-top:1px solid #edf1f5}tbody tr:hover{background:#f9fcfc}td button{padding:6px 10px;margin-left:5px;font-size:11px}.badge{border-radius:20px;padding:5px 9px;background:#e5f4ed;color:#287c5d;font-size:11px}.badge.warn{background:#fff1d8;color:#90621b}.badge.bad{background:#fde9ed;color:#a5344a}.empty{text-align:center;padding:50px;color:#7e8c9b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;gap:10px;margin-top:15px}.notice{background:#eaf5f2;border-right:3px solid var(--accent);padding:13px 16px;font-size:12px;line-height:1.9;margin:0 0 20px}.warning{background:#fff4dd;border-color:#d29b36}.amount{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}dialog{border:1px solid var(--line);border-radius:14px;width:min(820px,95vw);max-height:90vh;padding:25px;color:var(--ink);box-shadow:0 20px 90px #14283f40}dialog::backdrop{background:#10223599}dialog>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}#modalBody{padding-top:10px}.cart-line{display:grid;grid-template-columns:1fr 130px 110px 45px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.totals{background:#f3f8f7;border-radius:10px;padding:20px;margin:18px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.totals strong{font-size:22px}.progress{height:7px;background:#e7edf3;border-radius:10px;overflow:hidden}.progress span{height:100%;background:var(--accent);display:block}#notifications{position:fixed;bottom:20px;left:20px;z-index:9999;max-width:450px}.toast{padding:15px 20px;border-radius:9px;color:white;background:#14283f;box-shadow:0 5px 25px #0002;margin-top:8px;line-height:1.7}.toast.error{background:#962c3e}footer{color:#99a7b5;font-size:10px;text-align:center;padding:30px}#printArea{display:none}.invoice{line-height:1.8}.invoice h1{color:#147d72}.invoice-head{display:flex;justify-content:space-between;gap:20px}.invoice .pending{background:#fff0cb;padding:12px}.spacer{margin-top:22px}[hidden]{display:none!important}@media(max-width:1100px){aside{width:195px}main{margin-right:195px;padding:24px}.cards{grid-template-columns:repeat(2,1fr)}main>header{align-items:flex-start;flex-direction:column}}@media(max-width:700px){aside{position:static;width:auto}.brand{padding:15px}.sidebar-bottom{display:none}nav{display:flex;overflow:auto;padding-bottom:10px}nav button{white-space:nowrap}main{margin:0;padding:20px 14px}.cards{gap:10px}.card{padding:17px}.card strong{font-size:21px}.grid2,.form-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}.cart-line{grid-template-columns:1fr 80px 70px 35px;gap:5px}.login-card{padding:25px}h1{font-size:23px}}@media print{body>*{display:none!important}#printArea{display:block!important;background:white;color:black;padding:20px}.invoice table{white-space:normal}.invoice th,.invoice td{padding:8px}.invoice .pending{border:2px solid black}button{display:none!important}@page{size:A4;margin:12mm}}