:root{--blue:#4b77ff;--navy:#142345;--ink:#202d48;--muted:#73809a;--line:#e5eaf2;--bg:#f4f6fb;--green:#14876b;--red:#cf4260;--radius:18px;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9cafff;outline-offset:3px}input,select,textarea{background:white;border:1px solid #dce2ed;border-radius:10px;padding:12px;color:var(--ink);min-width:0;width:100%;outline:none;transition:box-shadow .18s,border .18s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4b77ff19}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}label{display:grid;gap:8px;font-size:14px;font-weight:600}small,.muted{color:var(--muted);font-size:14px;line-height:1.8}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.7}h2{font-size:19px;line-height:1.6}h3{font-size:16px}.icon{width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:var(--blue);color:white;border-radius:11px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #4b77ff2b}.btn.secondary{background:#eef2ff;color:#4665bf}.btn.ghost{background:white;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#fff0f2;color:var(--red)}.btn.small{padding:8px 11px;font-size:14px}.iconbtn{padding:9px;display:inline-grid;place-items:center;background:#f0f3fa;color:var(--muted);border-radius:9px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.stack{display:grid;gap:18px}.shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:var(--navy);padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:#c4cce0}.brand{display:flex;align-items:center;gap:12px;color:inherit}.brand img{width:45px;height:45px;object-fit:contain;border-radius:12px;background:#fff;padding:5px}.brand b{display:block;font-size:23px;color:white}.brand small{color:#9aaacd;letter-spacing:2px;font-size:12px}.nav-title{font-size:12px;color:#8594b8;margin:40px 14px 15px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;color:#bec9df;border-radius:11px;text-align:start;font-size:14px;transition:background .2s}.nav button:hover{background:#ffffff0b}.nav button.active{background:#4b77ff;color:white;box-shadow:0 6px 24px #0e183e44}.sidebar footer{margin-top:auto;padding-top:26px;font-size:12px;line-height:2;color:#8c9bbd}.sidebar footer a{color:#d9e0f2;display:block;font-size:14px}.workspace{min-width:0}.topbar{height:84px;background:white;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb b{color:var(--ink);margin-inline-start:12px}.avatar{width:39px;height:39px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;border-radius:12px;font-weight:bold}.userbox{display:flex;gap:10px;align-items:center}.userbox b{font-size:14px;display:block}.userbox small{font-size:12px}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green)}.live:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.live.offline{color:var(--red)}main{padding:30px 36px;max-width:1700px;margin:auto}.pagehead{margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--blue);font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:4px}.pagehead p{color:var(--muted);font-size:14px;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 3px 8px #19294d02;animation:enter .3s ease both}.kpi .metric{font-size:30px;font-weight:bold;letter-spacing:-.8px;margin:20px 0 8px;font-variant-numeric:tabular-nums}.kpi .ico{width:39px;height:39px;display:grid;place-items:center;background:#eff3ff;color:var(--blue);border-radius:12px}.kpi.primary{background:var(--blue);color:white;border-color:transparent}.kpi.primary .ico{background:#ffffff26;color:white}.kpi.primary .muted,.kpi.primary small{color:#e1e8ff}.metric small{font-size:14px;font-weight:normal;margin-inline-start:6px}.dashgrid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px}.chart{display:flex;align-items:end;justify-content:space-around;gap:12px;height:210px;margin-top:20px;border-bottom:1px solid var(--line);padding:0 6px}.barcol{height:100%;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:6px;min-width:0}.barcol .bar{width:60%;min-height:3px;max-width:42px;background:#dce5ff;border-radius:6px 6px 0 0;transition:height .45s;position:relative}.barcol:last-child .bar{background:var(--blue)}.barcol small{font-size:12px}.chartlabels{display:flex;justify-content:space-around;margin-top:12px;color:var(--muted);font-size:12px}.ranking{display:grid;gap:22px;margin-top:25px}.rankingitem{display:flex;align-items:center;gap:12px}.ranknum{background:#eef2fb;color:#7182a6;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:14px}.rankbody{flex:1;min-width:0}.rankbody b{font-size:14px}.track{height:5px;border-radius:5px;background:#eef1f7;margin-top:10px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:5px}.toolbar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:200px}.search input{padding-inline-start:43px}.search .icon{position:absolute;inset-inline-start:13px;top:13px;color:var(--muted)}.toolbar select{width:auto;max-width:220px}.tablewrap{overflow:auto;margin:0 -24px}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap;font-size:14px}th{text-align:start;font-size:12px;color:var(--muted);background:#fafbfe;font-weight:normal;padding:15px 22px}td{padding:16px 22px;border-bottom:1px solid #f0f2f7}tbody tr:last-child td{border:0}tbody tr:hover{background:#fafbff}.productcell{display:flex;align-items:center;gap:12px}.thumb{width:44px;height:44px;background:#f0f3fa;object-fit:cover;border-radius:11px;display:grid;place-items:center;color:#94a2be}.productcell b{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis}.productcell small{display:block;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;font-size:12px;background:#edf2ff;color:#4c70cc}.badge.green{background:#e8f6ef;color:#278361}.badge.orange{background:#fff4e1;color:#af7925}.badge.red{background:#ffeef1;color:#c54c62}.empty{display:grid;place-items:center;gap:12px;color:var(--muted);padding:50px 20px;text-align:center;line-height:1.8}.empty .icon{width:34px;height:34px}.statline{padding:16px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.statline:last-child{border:0}.note{padding:14px 16px;background:#f0f4ff;border-radius:11px;color:#5772aa;font-size:14px;line-height:1.9}.alert{background:#fff6e6;color:#9d702d}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.loginart{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;overflow:hidden}.loginart:after{content:'';width:400px;height:400px;border:80px solid #4b77ff12;border-radius:50%;position:absolute;bottom:-170px;inset-inline-end:-130px;pointer-events:none}.loginart h1{font-size:48px;max-width:480px;margin:46px 0 16px;line-height:1.5}.loginart p{color:#aebddd;line-height:2;max-width:400px}.loginform{display:flex;align-items:center;justify-content:center;padding:32px}.loginform form{width:100%;max-width:390px;display:grid;gap:20px}.loginform h2{font-size:26px}.loginform .brand{display:none}.loginform .btn{padding:15px}.loginform footer{font-size:12px;color:var(--muted);text-align:center;margin-top:24px}.error{color:var(--red);font-size:14px;line-height:1.8}.hidden{display:none!important}dialog{border:0;padding:0;border-radius:22px;width:min(780px,calc(100% - 32px));max-height:90vh;box-shadow:0 24px 100px #13234830;color:var(--ink)}dialog::backdrop{background:#101d3c80;backdrop-filter:blur(4px)}.modalhead{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;z-index:2}.modalbody{padding:24px}.modalfoot{display:flex;justify-content:end;gap:10px;padding-top:24px}.imagepicker{border:1px dashed #b3c3e8;min-height:150px;border-radius:14px;padding:20px;text-align:center;background:#f7f9ff;display:grid;place-items:center;gap:10px}.imagepicker img{max-height:160px;max-width:100%;border-radius:10px}.permissions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:10px;background:#f8f9fc;padding:12px;border-radius:9px}.cropcanvas{width:100%;max-width:480px;aspect-ratio:1;background:#f0f2f8;touch-action:none;cursor:grab;border-radius:12px;display:block;margin:auto}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.posgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-content:start}.producttile{background:white;text-align:start;padding:14px;border-radius:14px;border:1px solid var(--line);display:grid;gap:9px;color:var(--ink);transition:transform .2s}.producttile:hover{transform:translateY(-3px);border-color:#b4c5ff}.producttile img,.producttile .thumb{height:100px;width:100%;object-fit:cover}.producttile b{font-size:14px;line-height:1.7}.producttile strong{color:var(--blue);font-size:14px}.cartrow{display:grid;grid-template-columns:1fr 72px 34px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cartrow b{font-size:14px}.cartrow input{padding:8px}.cart-total{display:flex;justify-content:space-between;font-size:23px;font-weight:bold;padding:20px 0}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kanban-col{background:#eaf0f8;border-radius:16px;padding:15px;align-self:start}.kanban-col>h3{padding:8px 5px 18px;display:flex;justify-content:space-between}.ordercard{background:white;padding:18px;border-radius:12px;margin-bottom:12px;display:grid;gap:14px;border:1px solid #e0e6f1}.ordercard h3{font-size:15px}.ordercard p{font-size:14px;line-height:1.8}.employee-card{display:grid;gap:18px}.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.bigavatar{width:50px;height:50px;border-radius:15px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.rating{font-size:28px;color:var(--blue);font-weight:bold}.mobilemenu{display:none}#toasts{position:fixed;bottom:24px;inset-inline-end:24px;z-index:1000;display:grid;gap:10px;max-width:calc(100% - 48px)}.toast{padding:15px 20px;background:var(--navy);color:white;border-radius:12px;box-shadow:0 10px 40px #18254333;animation:enter .25s}.toast.bad{background:#b93250}.boot{display:grid;place-items:center;gap:20px;height:100vh;font-size:30px;font-weight:bold;color:var(--blue)}.spinner{width:25px;height:25px;border:3px solid #dce4ff;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.tablehead{margin-bottom:20px}.datefilters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.datefilters input{width:155px}.token{word-break:break-all;white-space:pre-wrap;direction:ltr;text-align:left;background:#f1f4fa;padding:16px;border-radius:10px;user-select:all}.receipt{line-height:2}.receipt table{white-space:normal}.screen-footer{font-size:12px;text-align:center;color:#93a0b8;margin-top:30px}.select-inline{width:auto}.formhint{font-size:12px;line-height:1.7;color:var(--muted)}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){main{padding:40px 50px}.topbar{padding:0 50px}.kpis{gap:24px}.card{padding:28px}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:25px 14px}.topbar{padding:0 22px}main{padding:25px 22px}.kpis{gap:12px}.card{padding:20px}.kpi .metric{font-size:25px}.dashgrid{grid-template-columns:1.4fr 1fr}.posgrid{grid-template-columns:1fr 1fr}.tablewrap{margin:0 -20px}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-inline-start:0;width:245px;z-index:20;transform:translateX(110%);transition:transform .2s;box-shadow:0 0 50px #13234833}[dir=ltr] .sidebar{transform:translateX(-110%)}.sidebar.open{transform:translateX(0)}.mobilemenu{display:inline-grid}.breadcrumb{display:none}.topbar{height:72px}.kpis{grid-template-columns:repeat(2,1fr)}.dashgrid{grid-template-columns:1fr 1fr}.loginart h1{font-size:36px}.kanban{gap:12px}.ordercard{padding:13px}}@media(max-width:650px){main{padding:22px 16px}.topbar{padding:0 16px}.userbox .details{display:none}.topbar .live{display:none}.pagehead{align-items:start;gap:12px;flex-wrap:wrap}h1{font-size:24px}.pagehead .actions{width:100%}.dashgrid,.posgrid,.grid2,.kanban{grid-template-columns:1fr}.kpis{gap:10px}.kpi{padding:16px}.kpi .metric{font-size:23px;margin:15px 0 5px}.kpi .ico{width:32px;height:32px}.kpi .muted{font-size:12px}.card{padding:18px}.tablewrap{margin:0 -18px}.toolbar select{flex:1;max-width:none;width:100%}.toolbar{gap:9px}.login{grid-template-columns:1fr}.loginart{display:none}.loginform .brand{display:flex;margin-bottom:20px}.loginform .brand b{color:var(--ink)}.loginform{min-height:100vh;padding:25px}.modalbody,.modalhead{padding:20px}.permissions{grid-template-columns:1fr}.datefilters input{width:135px}.catalog{grid-template-columns:repeat(2,1fr)}.modalfoot{position:sticky;bottom:0;background:white;padding-bottom:12px}.grid2 .full{grid-column:auto}.employee-grid{grid-template-columns:1fr}.crop-controls{grid-template-columns:1fr}.chart{height:170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:white}.shell,#toasts{display:none!important}dialog{position:static;display:block!important;max-height:none;width:100%;box-shadow:none}dialog::backdrop{display:none}.modalhead,.modalfoot,.noprint{display:none!important}.modalbody{padding:0}.receipt{color:black}}
/* Grid items must shrink around horizontally scrollable data tables. */
.card,.dashgrid>*,.posgrid>*,.kanban>*{min-width:0}.rankbody,.statline>span:first-child{overflow-wrap:anywhere}.metric{overflow-wrap:anywhere}
@media(max-width:900px){.sidebar:not(.open){visibility:hidden;pointer-events:none}.sidebar.open{visibility:visible}}