@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#191919;--muted:#828282;--line:#e9e9e7;--paper:#f7f7f5;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.number{font-family:Manrope,sans-serif}h1{font-size:28px;letter-spacing:-1px;font-weight:750}h2{font-size:16px;letter-spacing:-.4px}h3{font-size:14px}small{color:var(--muted)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:230px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:28px 22px 25px;font-family:Manrope;font-size:19px;font-weight:800;letter-spacing:-.8px}.brandmark{background:#191919;color:white;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:22px;font-weight:500}.brand small{font-size:9px;letter-spacing:2px;display:block;margin-top:3px;font-weight:500}.navscroll{overflow:auto;padding:0 12px 18px;flex:1;scrollbar-width:thin}.navlabel{font-size:9px;color:#a0a0a0;letter-spacing:1.6px;margin:22px 12px 10px;font-weight:700}.navlink{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:7px;color:#6b6b6b;font-weight:500;font-size:12px}.navlink:hover{background:#f5f5f3;color:#111}.navlink.active{background:#191919;color:white}.navlink .chev{margin-left:auto;font-size:12px}.navlink svg{width:17px;height:17px}.navlink.sub{padding-left:40px;font-size:11px}.navlink.sub.active{background:#efefed;color:#111}.navfoot{border-top:1px solid var(--line);padding:15px;display:flex;gap:10px;align-items:center;font-size:11px}.avatar{width:34px;height:34px;background:#ededeb;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650}.navfoot small{display:block;font-size:10px;margin-top:3px}.workspace{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;color:#999;display:flex;align-items:center;gap:12px}.breadcrumb strong{color:#333;font-weight:500}.topactions{display:flex;align-items:center;gap:18px}.topsearch{display:flex;align-items:center;gap:8px;color:#969696;font-size:11px}.key{font-size:9px;border:1px solid #e4e4e4;border-radius:4px;padding:3px 5px;margin-left:14px}.iconbtn{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:white}.store{border-left:1px solid var(--line);padding-left:18px;display:flex;align-items:center;gap:8px;font-size:11px}.store select{border:0;background:white;max-width:150px}.content{padding:30px 34px 25px;max-width:1800px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#8b8b8b;margin-bottom:9px}.subtitle{color:#858585;margin-top:8px;font-size:12px;line-height:1.6}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #dededb;border-radius:6px;background:white;font-size:11px;font-weight:600;white-space:nowrap}.btn:hover{background:#eeeeeb}.btn.primary{background:#1b1b1b;border-color:#1b1b1b;color:white}.btn.primary:hover{background:#393939}.btn:disabled{opacity:.35;cursor:not-allowed}.btn svg{width:14px;height:14px}.btn.soft{background:#f6f6f4;border-color:#f6f6f4}.btn.small{font-size:10px;padding:7px 10px}.datechip{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--line);padding:9px 12px;border-radius:6px;font-size:10px}.datechip svg{width:14px;height:14px}.demo{display:flex;align-items:center;gap:7px;font-size:10px;color:#888}.demo:before{content:'';width:5px;height:5px;background:#666;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.statlabel{display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:11px;margin-bottom:15px}.statlabel svg{width:16px;height:16px;color:#a5a5a5}.stat .number{font-size:27px;font-weight:700;letter-spacing:-1px}.stat small{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:10px}.trend{color:#333;background:#f1f1ee;padding:3px 5px;border-radius:4px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 22px}.panelhead p{font-size:10px;color:#999;margin-top:6px}.panelbody{padding:0 22px 22px}.dashgrid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:21px;margin-bottom:23px}.segments{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px}.segments button{padding:6px 11px;font-size:10px;color:#999;border-radius:4px}.segments button.selected{background:#eeeeec;color:#222}.chartlegend{display:flex;align-items:center;gap:16px;font-size:10px;color:#888}.chartlegend span:before{content:'';display:inline-block;width:7px;height:7px;background:#222;border-radius:50%;margin-right:6px}.chartlegend span:last-child:before{background:#d9d9d6}.chart{height:205px;position:relative;margin:22px 0 0 45px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#f0f0ed 50px,transparent 51px)}.axis{position:absolute;left:-46px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0;color:#aaa;font-size:9px}.bargroup{height:100%;display:flex;align-items:end;gap:5px;position:relative;width:8%;justify-content:center}.bar{width:15px;background:#242424;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s}.bar.pale{background:#e3e3df}.bar:hover{background:#777}.bargroup label{position:absolute;bottom:-23px;font-size:9px;color:#999;white-space:nowrap}.chartfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:44px;padding-top:15px;font-size:10px;color:#999}.chartfoot strong{color:#333;font-weight:600}.categoryrow{margin-bottom:20px}.categoryrow .between{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.track{height:5px;background:#f0f0ed;border-radius:3px;overflow:hidden}.track span{display:block;height:100%;background:#333;border-radius:3px}.categoryrow:nth-child(2) .track span{background:#777}.categoryrow:nth-child(3) .track span{background:#aaa}.categoryrow:nth-child(4) .track span{background:#cececa}.callout{padding:14px;background:#f7f7f5;border-radius:6px;display:flex;gap:10px;font-size:11px;line-height:1.6}.callout p{color:#888;font-size:10px;margin-top:3px}.split{display:grid;grid-template-columns:1.8fr 1fr;gap:21px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:9px;letter-spacing:.5px;color:#989898;font-weight:500;background:#fafaf9;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #f0f0ee;font-size:11px}tr:last-child td{border-bottom:0}td .secondary{display:block;font-size:9px;color:#999;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#f1f1ef;border:1px solid #e9e9e6;border-radius:5px;font-size:9px;color:#606060}.pill.dark{background:#292929;color:white;border-color:#292929}.pill.dot:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.listrow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f1ef}.listrow:last-child{border:0}.listrow .grow{flex:1}.listrow p{font-size:11px;font-weight:500}.listrow small{font-size:9px;display:block;margin-top:5px}.itemthumb{width:38px;height:42px;display:grid;place-items:center;background:#f4f4f1;border:1px solid #eaeae7;border-radius:5px;color:#727272}.itemthumb svg{width:23px;height:23px;stroke-width:1}.footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#aaa;margin-top:25px}.toolbar{padding:16px 20px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);align-items:center}.inputsearch{position:relative;display:flex;align-items:center;gap:8px;min-width:200px}.inputsearch svg{width:15px;height:15px;color:#999}.inputsearch input{border:0;outline:none;background:none;width:100%;font-size:11px}.input,select.input{width:100%;border:1px solid #dfdfdc;border-radius:6px;padding:11px 12px;background:white;color:#222;min-height:39px}.input:focus{outline:1px solid #333}.filter{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:white;font-size:11px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--line);color:#999;font-size:10px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{padding:0 0 12px;color:#999;font-size:11px;white-space:nowrap}.tabs button.selected{border-bottom:2px solid #222;color:#222;font-weight:600}.empty{text-align:center;padding:60px 25px;color:#888}.empty svg{width:32px;height:32px;margin-bottom:15px}.empty h3{color:#333;margin-bottom:8px}.rowactions{display:flex;gap:5px}.rowactions button{color:#888;padding:4px}.rowactions svg{width:14px;height:14px}.modalback{position:fixed;inset:0;background:#0005;z-index:50;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer{width:510px;max-width:100%;background:white;box-shadow:-10px 0 60px #0001;display:flex;flex-direction:column;height:100%;animation:slide .2s}.modal{margin:auto;background:white;border-radius:12px;width:480px;max-width:calc(100% - 30px);max-height:90vh;overflow:auto}.modalhead{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modalhead p{font-size:11px;color:#999;margin-top:7px}.formbody{padding:25px;overflow:auto;flex:1}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;font-size:11px;font-weight:500}.field>span{display:block;margin-bottom:8px}.field.full{grid-column:1/-1}.field textarea{min-height:85px;resize:vertical}.formfoot{padding:18px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.formnote{font-size:10px;color:#999;line-height:1.6;margin-top:20px}.notice{padding:12px 15px;background:#f1f1ee;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#777;margin-bottom:20px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#222;color:white;border-radius:7px;padding:13px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.poslayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.product{border:1px solid var(--line);border-radius:7px;text-align:left;padding:13px;background:white}.product:hover{border-color:#777}.product .productart{height:85px;background:#f5f5f2;border-radius:5px;display:grid;place-items:center;margin-bottom:12px}.productart svg{width:46px;height:46px;stroke-width:.8}.product h3{font-family:inherit;font-size:11px;font-weight:600}.product small{display:block;font-size:9px;margin-top:6px}.product .between{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px}.product .plus{background:#eee;width:23px;height:23px;border-radius:4px;display:grid;place-items:center}.cart{align-self:start;position:sticky;top:20px}.cartbody{padding:0 18px 18px}.cartline{padding:14px 0;border-bottom:1px solid var(--line)}.cartline .between{display:flex;justify-content:space-between;align-items:center;gap:8px}.cartline h3{font-family:inherit;font-size:11px;font-weight:600}.qty{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:4px;font-size:10px}.qty button{padding:4px 8px}.sumrow{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:#888}.sumrow.total{font-size:18px;font-weight:700;color:#222;padding:14px 0;border-top:1px solid var(--line);margin-top:8px}.wide{width:100%}.moneyinput{width:70px;border:1px solid var(--line);padding:5px;border-radius:3px;text-align:right}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reportcard{display:block;text-align:left;background:white;border:1px solid var(--line);padding:22px;border-radius:8px;cursor:pointer}.reportcard:hover{border-color:#aaa}.reportcard svg{margin-bottom:18px}.reportcard p{color:#999;font-size:11px;line-height:1.7;margin:9px 0 15px}.reportcard small{font-size:10px}.reportcard .arrow{float:right}.metricrow{display:flex;gap:25px;padding:20px;background:#f5f5f2;border-radius:7px;margin:20px 0}.metricrow strong{display:block;font-size:21px;margin:8px 0}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kanbancol{background:#eeeeeb;border-radius:8px;padding:13px;min-height:320px}.kanbancol>h3{font-size:11px;margin:4px 0 18px;display:flex;justify-content:space-between}.taskcard{background:white;border:1px solid #e3e3df;border-radius:7px;padding:16px;margin-bottom:12px;cursor:pointer}.taskcard:hover{border-color:#999}.taskcard p{font-size:12px;font-weight:600;margin:12px 0 7px}.taskcard small{font-size:10px}.taskcard .taskbottom{border-top:1px solid #eee;margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#888}.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.daylabel{padding:12px;text-align:center;font-size:10px;color:#888;border-bottom:1px solid var(--line)}.day{min-height:105px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;font-size:10px}.day:nth-child(7n){border-right:0}.day.today>span{background:#222;color:white;border-radius:50%;padding:5px}.day .event{display:block;background:#ededeb;padding:7px;margin-top:9px;font-size:9px;border-radius:4px;text-align:left;line-height:1.5;width:100%}.day.blank{background:#fbfbfa}.settingslayout{display:grid;grid-template-columns:190px 1fr;gap:24px}.settingnav button{display:block;width:100%;text-align:left;padding:12px;font-size:11px;border-radius:5px;color:#888}.settingnav button.selected{background:#eaeae7;color:#222}.settingform{max-width:800px}.settinggroup{padding:23px;border-bottom:1px solid var(--line)}.settinggroup h3{margin-bottom:6px}.settinggroup>p{font-size:11px;color:#999;margin-bottom:22px}.switchrow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eee;font-size:11px}.switchrow:last-child{border:0}.switchrow small{display:block;font-size:10px;margin-top:5px}.switch{appearance:none;width:30px;height:18px;background:#ddd;border-radius:20px;position:relative;cursor:pointer}.switch:checked{background:#222}.switch:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:white;border-radius:50%;transition:.2s}.switch:checked:before{left:15px}.messages{display:grid;grid-template-columns:280px 1fr;min-height:510px}.threads{border-right:1px solid var(--line)}.thread{display:block;text-align:left;width:100%;padding:20px;border-bottom:1px solid var(--line)}.thread.selected{background:#f3f3f0}.thread h3{font:600 12px 'DM Sans'}.thread small{display:block;margin-top:7px;font-size:10px}.chat{display:flex;flex-direction:column}.chatmessages{padding:25px;flex:1;max-height:450px;overflow:auto}.bubble{background:#f3f3f0;border-radius:8px;padding:13px 16px;max-width:80%;font-size:12px;line-height:1.6;margin-bottom:15px}.bubble.self{background:#222;color:white;margin-left:auto}.bubble small{display:block;font-size:9px;margin-top:7px;color:#aaa}.chatcompose{display:flex;padding:18px;border-top:1px solid var(--line);gap:10px}.receipt{text-align:center;padding:25px}.receipt h2{font-size:23px;letter-spacing:2px}.receipt .receiptlines{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:20px 0;text-align:left}.receipt .receiptlines>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:11px}.receipt p{font-size:11px;color:#888;margin-top:9px}.searchresults{padding:10px}.searchresult{display:flex;width:100%;justify-content:space-between;text-align:left;padding:13px;border-radius:5px;font-size:12px}.searchresult:hover{background:#eee}.permissiongrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:12px}.permissiongrid label{font-size:11px;display:flex;gap:6px;align-items:center}.mobilemenu{display:none}.reorderlist{padding:0 22px 15px}.inlineerror{color:#333;background:#eee;border:1px solid #777;padding:10px;margin:10px 0;font-size:11px}.spark{display:flex;align-items:end;gap:3px;height:32px;width:65px}.spark i{display:block;width:5px;background:#d2d2ce;border-radius:2px}.sectiontitle{margin:25px 0 15px}.mono{font-variant-numeric:tabular-nums}.checkbox{accent-color:#222}.salehistory{margin-top:25px}@keyframes slide{from{transform:translateX(30px);opacity:.3}to{transform:translateX(0);opacity:1}}@media(min-width:1500px){.content{padding:36px 45px}.stats{gap:22px}.stat{padding:24px}.chart{height:230px}}@media(max-width:1150px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px}.content{padding:25px 22px}.topbar{padding:0 22px}.brand{padding-left:18px;font-size:17px}.dashgrid,.split{grid-template-columns:1.5fr 1fr}.stat{padding:15px}.stat .number{font-size:22px}.poslayout{grid-template-columns:1fr 300px}.productgrid{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.dashgrid,.split{grid-template-columns:1fr}.topsearch{display:none}.poslayout{grid-template-columns:1fr}.cart{position:static}.messages{grid-template-columns:210px 1fr}.pagehead{align-items:flex-start}.settingslayout{grid-template-columns:1fr}.settingnav{display:flex;overflow:auto}.settingnav button{white-space:nowrap;width:auto}.day{min-height:85px;padding:6px}.day .event{font-size:8px;padding:3px}.datechip{display:none}}@media(max-width:680px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #0005}.mobilemenu{display:grid}.topbar{height:62px;padding:0 16px}.topactions{gap:10px}.store{display:none}.content{padding:23px 16px}h1{font-size:24px}.pagehead{flex-wrap:wrap;gap:14px}.pagehead>.actions{width:100%}.stats{gap:10px}.stat .number{font-size:23px}.stat{padding:16px}.stat small{font-size:9px}.statlabel{font-size:10px}.grid3,.kanban{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .inputsearch{width:100%}.messages{grid-template-columns:1fr}.threads{max-height:150px;overflow:auto;border-bottom:1px solid var(--line)}.footer{gap:20px;align-items:start;line-height:1.6}.breadcrumb{margin-right:auto}.breadcrumb>span{display:none}.chart{margin-left:35px}.axis{left:-35px}.panelhead{padding:18px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.topactions>.avatar{display:none}.day{min-height:72px}.day .event{font-size:7px}.panelbody{padding:0 18px 18px}.segments button{padding:6px}.metricrow{flex-wrap:wrap}.productgrid{padding:12px;gap:10px}.formbody{padding:20px}}@media print{body{background:white}.shell,#toast,.modalhead,.formfoot{display:none!important}.modalback{position:static;background:white;display:block}.modal{width:100%;max-height:none;max-width:none}.receipt{max-width:350px;margin:auto}.notice{display:none}}

#sync-lock{position:fixed;inset:0;z-index:200;background:#ffffffaa;display:grid;place-items:center;backdrop-filter:blur(2px)}#sync-lock span{background:#222;color:white;padding:20px;border-radius:8px}.productgrid{max-height:75vh;overflow:auto}.product h3{line-height:1.5}.notice .btn{margin-left:12px}
.device-login{max-width:540px;margin:10vh auto;padding:35px;border:1px solid #ddd;background:white}.device-login p{line-height:1.8;margin:20px 0}.device-login input{display:block;width:100%;padding:14px;margin:15px 0;border:1px solid #ccc}.device-login a{display:block;margin-top:25px}.photo-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.photo-tile{border:1px solid #ddd;padding:10px;cursor:grab}.photo-tile img{width:100%;height:130px;object-fit:contain;background:#f6f6f6}.photo-tile .btn{font-size:10px;padding:5px}.photo-tile strong{display:block;margin:8px 0}.toolbar .actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}#sync-status{white-space:nowrap}.topbar{flex-wrap:wrap;gap:10px}.modal .formbody p{line-height:1.7}@media(max-width:650px){.photo-editor{grid-template-columns:repeat(2,1fr)}.device-login{margin:5vh 15px;padding:25px}.topbar .breadcrumb{display:none}}