:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;background:#f6f2f6;color:#3d203a;--brand:#5a1752;--line:#e5dbe4;--muted:#857383;--orange:#c76a46}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--brand);color:#fff;border:1px solid transparent;border-radius:9px;padding:11px 15px;transition:background .15s}button:hover{filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{background:white;color:var(--brand);border-color:var(--line)}button.small{padding:7px 10px;font-size:12px}button.danger{background:#a94436;color:#fff}button:focus-visible,a:focus-visible{outline:3px solid #d6ae68;outline-offset:3px}a{color:var(--brand)}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #d8cbd6;border-radius:8px;background:white;color:#3d203a;min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid #bc9fb9;outline-offset:1px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--brand)}input[type=number],input[type=date]{direction:ltr;text-align:right}label{font-size:12px;display:block;font-weight:bold;margin-bottom:7px;color:#72586f}textarea{min-height:90px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:25px;margin-bottom:9px}h2{font-size:21px}h3{font-size:16px}.hint,.muted{font-size:12px;color:var(--muted);line-height:1.9}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}aside{background:#3d1238;color:#fff;position:sticky;top:0;height:100vh;overflow:auto;padding:27px 16px}.brand{font-size:25px;font-weight:bold;padding:0 12px 26px;line-height:1.8}.brand small{display:block;font-size:10px;color:#c6afc3;font-weight:normal}.brand-mark{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid #a47d9f;border-radius:11px;margin-left:9px;color:#dfbddb}nav{display:grid;gap:5px}nav button{color:#d0bece;background:transparent;text-align:right;border-radius:8px;padding:12px 13px;font-size:12px}nav button.active{color:white;background:#642b5d}nav button .nav-num{font-size:10px;color:#af8eab;display:inline-block;width:25px}.aside-footer{margin-top:30px;font-size:11px;color:#c2a9bf;line-height:2}.aside-footer button{margin-top:10px}.main{padding:27px 32px;min-width:0;max-width:1720px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.topbar small{font-size:11px;color:#8e7c8c}.status-local{display:inline-flex;gap:7px;align-items:center;font-size:10px;background:#f0e5ef;border:1px solid #e0cfde;padding:7px 10px;border-radius:20px;color:#785874}.status-local:before{content:"";width:6px;height:6px;border-radius:50%;background:#935c8d}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:7px 0 23px;flex-wrap:wrap}.heading h2{margin:0 0 8px}.heading p{margin:0}.eyebrow{font-size:11px;color:#947e91;margin-bottom:10px;display:block}.actions,.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions{margin:16px 0}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:20px;min-width:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{padding:22px;border:1px solid var(--line);background:white;border-radius:12px;min-width:0}.metric span{font-size:11px;color:#8b7889;display:block;min-height:27px}.metric strong{display:block;font-size:27px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.metric small{display:block;font-size:10px;color:#917e8f;line-height:1.9}.metric.featured{background:#581851;color:white;border-color:#581851}.metric.featured span,.metric.featured small{color:#d2b6cf}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;grid-auto-rows:1fr}.profile{display:flex;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:13px;background:white;min-width:0;min-height:290px}.profile-head{display:flex;gap:12px;align-items:center;height:68px;margin-bottom:16px}.avatar{width:46px;height:48px;display:grid;place-items:center;font-size:25px;background:#f2e6f1;color:#71476c;border-radius:10px;flex-shrink:0}.profile h3{margin:0 0 8px;line-height:1.7;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile .actions{border-top:1px solid #f2ebf1;padding-top:14px;margin:17px 0 0;gap:6px}.profile .actions button{flex:1;white-space:nowrap;font-size:11px}.profile-body{margin-top:auto}.profile-facts{font-size:12px;color:#81687e;line-height:2.2;overflow-wrap:anywhere}.profile-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border-radius:8px;background:#f8f1f7;margin:12px 0}.profile-values span{font-size:10px;color:#968294;display:block}.profile-values strong{font-size:17px;display:block;margin-top:7px}.badge{display:inline-block;border-radius:6px;font-size:10px;padding:5px 8px;background:#f4e8f3;color:#825d7e;line-height:1.5}.badge.warn{background:#fff2da;color:#a47632}.note{border:1px solid #e8d4e6;background:#f6ebf5;color:#7d5979;padding:13px 16px;border-radius:9px;font-size:12px;line-height:1.9;margin:16px 0}.warning{border-color:#edd8b8;background:#fff7e9;color:#926f37}.error{color:#b54a3a;font-size:12px;line-height:1.9}.toolbar{display:flex;gap:13px;align-items:end;flex-wrap:wrap;padding:15px;background:#f8f2f7;border:1px solid #ebdde9;border-radius:10px;margin:15px 0 20px}.toolbar>div{flex:1 1 150px;min-width:0}.toolbar>.search-field{flex:2 1 260px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}th{background:#f7eff6;color:#8e768b;font-weight:normal;white-space:nowrap;font-size:11px}td,th{padding:14px 10px;border-bottom:1px solid #f1e8f0;vertical-align:middle;line-height:1.8}td{max-width:300px;overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:0}.tabs{display:flex;gap:5px;background:#f0e5ef;padding:6px;border:1px solid #e4d5e2;border-radius:11px;margin:20px 0;flex-wrap:wrap}.tabs button{background:transparent;color:#90708c;flex:1;padding:11px 15px;white-space:nowrap;font-size:12px}.tabs button.active{background:#5b1b54;color:#fff}.empty{padding:40px;text-align:center;color:#a0879d;font-size:13px;line-height:2}.auth{max-width:920px;margin:6vh auto;padding:20px}.auth .brand{color:#5e2858}.auth .card{padding:35px}.form-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px;border-top:1px solid #eee3ed;padding-top:18px}dialog{border:1px solid #dfcddd;border-radius:16px;max-height:92vh;overflow:auto;width:min(1050px,95vw);padding:26px;box-shadow:0 30px 120px #17322135}dialog::backdrop{background:#173c3266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-head h2{margin:0}.line-row{display:grid;grid-template-columns:minmax(180px,3fr) 80px 110px 90px 40px;gap:10px;align-items:end;margin:13px 0}.line-row button{height:42px;padding:8px}.line-controls{background:#faf6fa;border-radius:10px;padding:16px;margin:20px 0}.line-header{display:flex;justify-content:space-between;align-items:center}.line-header h3{margin:0}.check{display:flex;gap:10px;align-items:start;line-height:1.8;margin:18px 0}.check label{margin:0}.period{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.period input{font-size:11px;min-height:36px;padding:8px;width:145px}.period label{font-size:10px}.period button{font-size:11px;padding:9px}.footer{font-size:10px;color:#ac98aa;line-height:2;margin-top:30px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.shortcut{background:#fff;color:#704d6c;border:1px solid #e5d5e3;min-height:85px;text-align:right}.shortcut strong{display:block;font-size:13px}.shortcut small{display:block;color:#a38aa0;font-size:10px;margin-top:9px}.negative{color:#b44f3e}.positive{color:#793671}.backups{font-size:11px;color:#9e829b}.cashier-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(305px,.75fr);gap:20px;align-items:start}.pos-cart{padding:0;overflow:hidden}.pos-cart-head{padding:20px;background:#f5e8f3;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.pos-cart-head h3{margin:0}.pos-lines{padding:10px 17px;max-height:510px;overflow:auto;min-height:160px}.pos-line{padding:15px 0;border-bottom:1px solid #f1e7f0}.pos-line h3{font-size:13px;margin:0 0 8px;line-height:1.8}.pos-line-fields{display:grid;grid-template-columns:75px 1fr 65px 35px;gap:8px;align-items:center}.pos-line-fields input{padding:7px;font-size:12px;min-height:35px}.pos-line-fields button{padding:5px;font-size:12px;min-height:32px}.pos-summary{background:#faf3f9;border-top:1px solid var(--line);padding:22px}.pos-summary .grid{gap:12px}.pos-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0;color:#5d2857}.pos-total strong{font-size:33px;white-space:nowrap}.checkout{width:100%;padding:16px;display:flex;justify-content:space-between;align-items:center}.checkout kbd{background:#ffffff20;border:1px solid #ffffff40;border-radius:5px;font-size:10px;padding:4px 7px}.pos-search{font-size:17px;padding:18px;border:1px solid #cbb0c8;border-radius:11px}.search-caption{font-size:11px;color:#957a92;display:flex;justify-content:space-between;margin:13px 0}.pos-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pos-product{text-align:right;background:#fff;border:1px solid var(--line);color:#502f4c;border-radius:11px;padding:19px;min-height:132px;display:flex;flex-direction:column;gap:8px}.pos-product strong{font-size:13px;line-height:1.8}.pos-product small{color:#a2879f;font-size:10px;line-height:1.8}.pos-product>span{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;font-size:14px}.pos-product em{font-style:normal;font-size:10px;color:#a1819d}.pos-kb{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:#a38aa0;margin:17px 0}.pos-kb kbd{background:#fff;border:1px solid #e5d2e3;border-radius:5px;padding:3px 6px;color:#81617d}.pos-tools{display:flex;gap:7px;flex-wrap:wrap}.pos-tools button{font-size:11px}.pos-settings{padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.pos-settings .grid{gap:12px}.pos-settings label{font-size:10px}.pos-settings select{font-size:11px}.pos-shift{display:flex;gap:9px;align-items:center;margin-top:12px;flex-wrap:wrap;font-size:11px;color:#9c8299}.pos-pending{border:2px solid #d5a65c}.cashier-layout .grid.two{grid-template-columns:1fr 1fr}.receipt-settings{display:flex;align-items:center;gap:13px}.receipt-settings select{width:120px}#toast{position:fixed;bottom:23px;left:24px;max-width:min(560px,90vw);padding:15px 22px;color:#fff;background:#5b1a53;border-radius:11px;box-shadow:0 8px 40px #102d3022;font-size:13px;z-index:20;display:none;line-height:1.8}#toast.visible{display:block}#toast.bad{background:#9c4436}.logo-preview{width:140px;height:100px;object-fit:contain;background:#f8eff7;border:1px dashed #d8bed5;border-radius:9px;padding:8px;margin:15px 0}#print-area{display:none}.payload-details{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#f7eff6;border-radius:9px;max-height:450px;overflow:auto}.table-note{font-size:10px;color:#a0849d;margin:14px 0}
@media(max-width:1250px){.cashier-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr)}.main{padding:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-results{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.shell{grid-template-columns:180px minmax(0,1fr)}aside{padding:23px 12px}.brand{font-size:21px}.brand-mark{display:none}.main{padding:18px}.cashier-layout{grid-template-columns:1fr}.pos-results{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{display:block}aside{position:relative;height:auto;padding:15px}.brand{padding:0 10px 13px;font-size:20px}.brand small,.aside-footer{display:none}nav{display:flex;overflow:auto;gap:5px}nav button{white-space:nowrap;padding:9px}.nav-num{display:none!important}.main{padding:18px 12px}.topbar{margin-bottom:22px}.topbar h1{font-size:22px}.period input{width:125px}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:23px}.cards{grid-template-columns:1fr}.grid,.grid.two{grid-template-columns:1fr}.cashier-layout .grid.two{grid-template-columns:1fr 1fr}.pos-results{grid-template-columns:1fr 1fr;gap:8px}.pos-product{padding:12px;min-height:140px}.line-row{grid-template-columns:1fr 65px 90px;gap:8px}.line-row>div:first-child{grid-column:1/-1}.line-row>button{justify-self:start}.pos-tools{gap:5px}.card{padding:17px}.toolbar{padding:12px}dialog{padding:18px}.heading h2{font-size:20px}}

[hidden]{display:none!important}.line-row[data-count-line]{grid-template-columns:minmax(200px,2fr) minmax(110px,1fr) minmax(110px,1fr)}@media(max-width:600px){.line-row[data-count-line]{grid-template-columns:1fr}}

:root{--brand:#922780;--brand-purple:#a6259c;--brand-warm:#eba167;--line:#eadde9;--muted:#826f81;--orange:#d18a57;background:#faf7fb;color:#3e2a40}aside{background:linear-gradient(165deg,#482248,#70216b 65%,#922780)}.brand-mark{background:linear-gradient(135deg,#a6259c,#eca267);color:#fff;border-color:#ffffff40}nav button.active{background:linear-gradient(110deg,#a52d98,#bd5a95);box-shadow:0 4px 16px #2d123733}.metric.featured,.checkout{background:linear-gradient(115deg,#922780,#b7479a);color:#fff}.metric.featured span,.metric.featured small{color:#fff1fa}.eyebrow{color:#a13b86}.shortcut{border-top:3px solid #d88a98}.packing-destination,.packing-address{font-size:18px;margin:14px 0 20px;padding:16px 20px;background:#faf0f8;border-right:4px solid #b04498;border-radius:8px}.packing-line{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;margin:14px 0}.packing-fields{display:grid;grid-template-columns:100px minmax(170px,2fr) minmax(130px,1fr) 120px 100px;gap:12px;align-items:start}.packing-row-footer{display:flex;align-items:end;gap:14px;margin-top:12px}.packing-row-footer>.edition-selector{flex:1}.edition-selector{display:grid;gap:8px}.edition-code{display:flex;align-items:center;gap:10px}.edition-code label{margin:0;white-space:nowrap;color:var(--muted);font-size:11px}.edition-code input{min-height:30px;padding:5px 8px;background:#faf7fb;font-size:12px;text-align:left;font-family:Consolas,monospace}.code-field{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:4px 0}.barcode-value{font-family:Consolas,monospace;white-space:nowrap;font-size:11px}.line-row{align-items:start}.pos-line .code-field{margin-bottom:8px}@media(max-width:1100px){.packing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.packing-fields{grid-template-columns:1fr}.packing-row-footer{display:grid}}

.status-local.connection-offline{background:#fff1d9;color:#925f22;border-color:#e5c28c}