:root{--ink:#22332f;--muted:#77817b;--green:#254e42;--green-deep:#172b29;--lime:#c6dda9;--bg:#f5f6f2;--line:#e6e9e2;--orange:#c97835;--red:#b3483b;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8eae72}button{border:0}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--green-deep);color:#c0ceca;padding:30px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;padding:0 8px 25px;font-weight:650;font-size:26px;letter-spacing:-1px}.brand-symbol{height:43px;width:43px;border:1px solid #819484;border-radius:13px;color:var(--lime);font-size:31px;line-height:41px;text-align:center;position:relative;font-weight:500}.brand-symbol span{position:absolute;font-size:18px;right:4px;bottom:-6px;color:var(--lime)}.brand small{font-size:8px;display:block;color:#a4b5af;letter-spacing:1.4px;margin-top:0;font-weight:500}.hotel{display:flex;align-items:center;gap:10px;padding:16px 9px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;font-size:12px;font-weight:550}.hotel small,.team small{display:block;color:#95a9a1;font-size:11px;font-weight:400;margin-top:3px}.hotel-avatar{height:33px;width:33px;border-radius:8px;background:#2e413c;display:grid;place-items:center;color:#dae5df;font-family:Georgia,serif;font-size:21px}.demo-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;color:#8ca397;padding:28px 13px 12px;font-weight:600}.nav-label.second{padding-top:30px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:3px 0;border-radius:9px;font-size:13px;transition:background .16s}.sidebar nav a:hover{background:#ffffff0a;color:white}.sidebar nav a.active{background:var(--lime);color:#203a2d;font-weight:650}.sidebar nav a .icon{width:19px;height:19px}.nav-badge{background:#ffffff24;padding:0 7px;border-radius:5px;font-size:11px;margin-left:auto}.active .nav-badge{background:#203a2d18}.sidebar-bottom{margin-top:auto;padding-top:30px}.help-link{display:flex;align-items:center;width:100%;gap:10px;color:#c7d3cd;background:transparent;font-size:12px;padding:12px}.help-link>span:last-child{margin-left:auto}.demo-card{background:#233a33;border:1px solid #ffffff0a;border-radius:12px;padding:16px;margin:14px 0}.demo-label{font-size:8px;letter-spacing:1.4px;color:#c2d7a5}.demo-card p{font-size:12px;color:#d0dcd3;line-height:1.7}.tiny{font-size:9px;color:#91a69c}.team{display:flex;gap:11px;align-items:center;border-top:1px solid #ffffff16;padding:17px 4px 0;font-size:11px}.avatar,.top-avatar{display:grid;place-items:center;background:#c6d9b1;color:#304333;width:33px;height:33px;border-radius:50%;font-size:10px;font-weight:650}.workspace{margin-left:242px;width:calc(100% - 242px)}.topbar{height:80px;padding:0 34px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:11px;color:#8a938c}.breadcrumb span{margin:0 14px;color:#bcc4bb}.breadcrumb strong{font-weight:550;color:#3c4942}.top-tools{display:flex;align-items:center;gap:21px}.connection{display:flex;gap:6px;align-items:center;font-size:10px;white-space:nowrap;color:#58725c}.connection i{width:6px;height:6px;border-radius:50%;background:#5c9b72}.connection.connecting{color:#ad7f3e}.connecting i{background:#d0a468}.connection.offline{color:var(--red)}.offline i{background:var(--red)}.device-label{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:18px;color:#69786a}.device-label svg{width:17px;height:17px}.device-label select{max-width:215px;background:transparent;border:0;font-size:11px;color:#5f6d61;padding:10px 0;cursor:pointer}.top-avatar{width:30px;height:30px;background:#edf0e7;color:#687a52}main{max-width:1550px;margin:auto;padding:34px 36px 26px;min-height:calc(100vh - 140px)}.eyebrow{text-transform:uppercase;color:#899184;letter-spacing:1.6px;font-size:9px;font-weight:650;display:flex;align-items:center;gap:8px}.eyebrow .line{height:1px;width:20px;background:#8b9a82}h1{font-size:30px;letter-spacing:-1.1px;font-weight:600;line-height:1.25;margin:8px 0 9px}h2{font-size:16px;line-height:1.4;letter-spacing:-.3px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:0}.subtext{font-size:12px;color:var(--muted);margin:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.head-actions,.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{min-height:43px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 17px;border-radius:8px;border:1px solid var(--line);background:white;color:#52634e;font-size:12px;font-weight:550;line-height:1.4}.btn:hover{background:#f2f5eb}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.primary:hover{background:#193f34}.btn.lime{background:var(--lime);color:#24392b;border-color:var(--lime)}.btn.danger{color:var(--red);border-color:#e5c6bd;background:#fffaf7}.btn.small{min-height:35px;padding:7px 12px;font-size:11px}.btn .icon{width:16px;height:16px}.btn.full{width:100%}.muted{color:var(--muted)}.hero{background:#e8edde;border:1px solid #dfe6d2;border-radius:var(--radius);padding:29px 31px;position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.hero h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:11px 0 9px}.hero p{font-size:12px;line-height:1.8;max-width:475px;color:#6a785f;margin:0 0 20px}.hero-visual{min-width:190px;display:flex;align-items:center;justify-content:center;position:relative}.flow-graphic{display:flex;align-items:center;gap:8px;transform:rotate(-8deg)}.flow-tile{background:#fffdf9;border:1px solid #cfd9bf;border-radius:14px;width:66px;height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:4px 7px 0 #d7dfc8;font-size:8px;color:#637856}.flow-tile:nth-of-type(2){background:#294c3d;color:#d5e8bc;margin-top:-32px}.flow-tile .icon{width:27px;height:27px}.flow-arrow{font-size:20px;color:#97a685}.hero-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#748469;margin-top:14px}.hero-note .icon{width:12px;height:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 25px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7c877b;font-size:11px;gap:5px}.stat-top .stat-icon{display:grid;place-items:center;width:30px;height:30px;background:#eff3e8;border-radius:8px;color:#75915d}.stat-number{font-size:31px;font-weight:550;letter-spacing:-1px;margin:4px 0 0}.stat-bottom{font-size:10px;color:#8b9487;margin-top:4px}.stat.warn .stat-icon{background:#fff1de;color:#c18a4f}.stat.warn .stat-number{color:#b37b3b}.stat-bottom .accent{color:#789052}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.panel-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0e9}.panel-head p{color:var(--muted);font-size:10px;margin:4px 0 0}.text-button{font-size:10px;color:#657d50;background:transparent;padding:8px;white-space:nowrap;font-weight:550}.text-button .icon{height:13px;width:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}thead{background:#fbfcf9;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8d968b;font-weight:550}th{font-weight:550;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #f0f2ec}tbody tr:last-child td{border-bottom:0}.product-name{font-weight:550;color:#344332}.product-name small{display:block;font-weight:400;color:#8a9485;font-size:10px;margin-top:3px}.mono{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-size:10px;padding:4px 8px;white-space:nowrap;font-weight:500}.badge.pending{color:#a87632;background:#fbf0df}.badge.dispatched{color:#527850;background:#edf4e7}.badge.cancelled{color:#8d8176;background:#f0ede9}.badge.urgent{color:#b15d45;background:#faeae3}.badge.stock{color:#6b8055;background:#f0f4e8}.badge.low{color:#ac783d;background:#fcf1df}.badge.out{color:#b06653;background:#f8e8e1}.panel-foot{background:#fcfdf9;border-top:1px solid #edf0e9;padding:13px 22px;font-size:10px;color:#90988b}.low-item{padding:16px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f2ec}.low-item:last-child{border:0}.item-mark{height:36px;width:36px;display:grid;place-items:center;background:#f1f3e9;color:#8a9d6c;border-radius:10px;flex-shrink:0}.item-mark .icon{width:19px;height:19px}.low-item .item-detail{min-width:0;flex:1}.item-detail strong{font-size:11px;display:block;font-weight:550}.item-detail small{color:#8f978a;font-size:10px}.low-item .count{font-size:12px;color:#b28145;text-align:right;white-space:nowrap}.count small{display:block;color:#9b9f94;font-size:9px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 24px}.step-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px;text-align:left;color:inherit;align-items:center;transition:border-color .15s}.step-card:hover{border-color:#a6bb8e}.step-icon{width:38px;height:38px;border:1px solid #e4e9da;border-radius:10px;display:grid;place-items:center;color:#6d8854;flex-shrink:0}.step-card strong{font-size:11px;font-weight:550;display:block}.step-card small{font-size:9px;color:#92998b;display:block;margin-top:3px}.step-card>.arrow{margin-left:auto;color:#9daa8e}.section-caption{display:flex;align-items:center;gap:9px;font-size:10px;color:#929c8b;margin:21px 0 12px}.section-caption::after{content:'';height:1px;background:var(--line);flex:1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 21px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:10px;color:#8b9683;flex:1;max-width:350px}.search-field .icon{width:17px;height:17px}.search-field input{border:0;outline:none;background:transparent;color:var(--ink);font-size:12px;width:100%;min-height:35px}.search-field input:focus{outline:0}.search-field:focus-within{box-shadow:0 2px #8eae72}.search-field input::placeholder{color:#a1a999}.filter-select{padding:9px 30px 9px 12px;border:1px solid var(--line);border-radius:7px;color:#738168;background:white;font-size:11px}.empty{padding:45px 24px;text-align:center;color:#7e8d73;white-space:normal}.empty .empty-icon{margin:0 auto 15px;width:52px;height:52px;border-radius:15px;background:#f0f4e9;display:grid;place-items:center}.empty h3{color:#526b40;font-size:16px;margin-bottom:8px}.empty p{font-size:12px;max-width:360px;margin:0 auto 20px;line-height:1.8}.info-strip{display:flex;gap:10px;align-items:center;background:#eef2e7;border:1px solid #e0e7d4;color:#72845c;padding:14px 18px;border-radius:10px;font-size:11px;margin-bottom:22px}.info-strip .icon{width:18px;height:18px;flex-shrink:0}.info-strip .btn{margin-left:auto;white-space:nowrap}.info-strip strong{font-weight:600}.kitchen-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 20px}.category-tab{background:#fff;border:1px solid #e1e7d8;border-radius:7px;font-size:11px;padding:9px 13px;color:#80916c;min-height:38px}.category-tab.active{background:#284a3b;color:white;border-color:#284a3b}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.product-card .card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.product-card h3{margin:16px 0 4px;font-size:14px}.product-card .category{font-size:10px;color:#95a088}.product-card .available{font-size:11px;color:#81906f;margin:16px 0 12px}.product-card .available strong{font-size:17px;color:#597a3e;font-weight:550}.product-add{display:flex;gap:7px;align-items:center}.qty-input{padding:9px!important;width:80px!important;font-size:12px!important;text-align:center;min-height:40px}.cart{position:sticky;top:22px}.cart-head{background:#f0f4e8}.cart-head h2{font-size:15px}.cart-body{padding:18px 21px}.cart-item{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0e7;display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-item strong{font-size:12px;display:block;font-weight:550}.cart-item small{font-size:10px;color:#8f9984}.cart-item .cart-controls{display:flex;align-items:center;gap:6px}.icon-button{width:33px;height:33px;border:1px solid var(--line);border-radius:7px;display:inline-grid;place-items:center;background:white;color:#879576;flex-shrink:0}.icon-button .icon{height:15px;width:15px}.icon-button:hover{background:#f0f4e8}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:550;color:#6c7c5d;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5d6;border-radius:7px;padding:11px 12px;background:#fff;color:#425938;min-height:43px;font-size:12px}.field textarea{resize:vertical;min-height:75px}.field small{font-size:10px;color:#929f85;display:block;margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid .field{margin-bottom:0}.form-footer{font-size:10px;color:#8b9980;text-align:center;margin-top:12px;line-height:1.8}.queue-tabs{display:flex;gap:8px;margin-bottom:21px;flex-wrap:wrap}.queue-card{border:1px solid var(--line);background:white;border-radius:14px;margin-bottom:18px;overflow:hidden}.queue-card-top{padding:21px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.order-no{font-weight:600;font-size:15px;color:#3c5631}.order-meta{margin-right:auto;font-size:11px;color:#8c9881}.order-meta strong{display:block;font-size:12px;font-weight:500;color:#6c7d5e}.queue-content{padding:20px 24px}.order-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-item{background:#f8faf4;border:1px solid #ebeee4;padding:12px 14px;border-radius:7px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.order-item strong{font-weight:550;white-space:nowrap;color:#628144}.queue-footer{padding:16px 24px;background:#fcfdf9;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.queue-footer small{color:#8d9981;font-size:10px}.order-notes{font-size:11px;background:#faf8ef;border-left:2px solid #d9c891;padding:10px 12px;margin-top:15px;color:#8c815d}.app-footer{display:flex;justify-content:space-between;gap:12px;margin:0 36px;padding:18px 0;border-top:1px solid var(--line);font-size:9px;color:#a0a792}.app-footer .muted{padding:0 6px;color:#b5bfaa}.initial-loader{display:flex;align-items:center;justify-content:center;min-height:70vh;flex-direction:column;text-align:center}.initial-loader h1{font-size:22px}.initial-loader p{color:var(--muted);font-size:12px}.loading-mark{width:58px;height:58px;display:grid;place-items:center;background:var(--green-deep);color:var(--lime);border-radius:17px;font-size:32px;margin-bottom:16px}.offline-banner{padding:12px 24px;background:#fff0dd;color:#986c37;font-size:12px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);max-width:min(600px,85vw);padding:15px 24px;background:#254e42;color:white;border:1px solid #456b4d;border-radius:10px;box-shadow:0 10px 40px #0002;font-size:12px;z-index:100}.toast.error{background:#914d3d;border-color:#b06e56}dialog{padding:0;border:1px solid #dbe3cf;border-radius:18px;width:min(760px,calc(100vw - 28px));max-height:90dvh;color:var(--ink);box-shadow:0 30px 120px #14291940}dialog::backdrop{background:#14231d80;backdrop-filter:blur(3px)}.modal-head{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:16px;background:#fafcf6}.modal-head h2{font-size:21px;margin-top:4px}.modal-head p{font-size:11px;color:#879575;margin:6px 0 0}.modal-body{padding:25px 28px}.modal-footer{border-top:1px solid var(--line);padding:19px 28px;background:#fafcf6;display:flex;justify-content:end;gap:10px;position:sticky;bottom:0}.modal-note{font-size:11px;line-height:1.9;color:#8b957e;margin:15px 0}.receipt-line{display:grid;grid-template-columns:minmax(130px,2fr) 90px 100px 135px 30px;gap:8px;align-items:end;margin-bottom:12px}.receipt-line .field{margin:0}.receipt-line input,.receipt-line select{padding:10px 8px;min-height:42px;font-size:11px}.receipt-line .icon-button{margin-bottom:4px;width:30px;height:32px}.form-error{color:#b15d45;background:#fff3ec;padding:10px 13px;border-radius:7px;font-size:12px;margin:12px 0}.guide-step{display:flex;gap:15px;margin-bottom:22px}.guide-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf0df;font-size:13px;color:#719345;flex-shrink:0}.guide-step h3{font-size:13px;margin:4px 0 5px}.guide-step p{color:#859275;font-size:12px;margin:0;line-height:1.8}.check-line{display:flex;align-items:center;gap:12px;border:1px solid #e6ecd9;padding:15px;border-radius:9px;margin-bottom:9px;min-height:58px;cursor:pointer}.check-line input{accent-color:var(--green);width:20px;height:20px;flex-shrink:0}.check-line strong{margin-left:auto;color:#668840;font-size:13px;white-space:nowrap}.check-line span{font-size:12px}.skip{position:fixed;top:-60px;left:20px;z-index:300;background:white;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}.noscript{position:fixed;inset:40% 20%;padding:30px;background:white;border:1px solid var(--line);z-index:100}.positive{color:#67894c}.negative{color:#a07e52}.history-kind{display:flex;align-items:center;gap:8px}.history-kind .icon{width:16px;height:16px}.print-area{display:none}
@media(min-width:1450px){main{padding:40px 44px}.topbar{padding:0 44px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:20px}.hero{padding:35px 37px}.hero-visual{margin-right:60px}.stat{padding:23px}.dashboard-grid{grid-template-columns:2fr 1fr}}
@media(max-width:1150px){.sidebar{width:208px;padding-left:14px;padding-right:14px}.workspace{margin-left:208px;width:calc(100% - 208px)}main{padding:27px 24px}.topbar{padding:0 24px}.breadcrumb{display:none}.top-tools{justify-content:space-between;width:100%}.stats{gap:10px}.stat{padding:16px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:15px}.workflow{gap:9px}.step-card{padding:13px;gap:9px}.step-card small{font-size:8px}.hero-visual{min-width:160px}.flow-tile{width:50px;height:64px}.kitchen-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.product-grid{grid-template-columns:1fr}.order-items{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{padding:18px}.hero{padding:25px}.hero h2{font-size:23px}.btn{padding:11px 13px}.app-footer{margin:0 24px}}
@media(max-width:900px){.sidebar{width:180px;padding:24px 11px 16px}.brand{font-size:24px;padding-left:5px;gap:9px}.brand small{font-size:6px}.brand-symbol{width:36px;height:38px;font-size:27px;line-height:36px}.hotel{padding:14px 4px;font-size:10px;gap:7px}.hotel small{font-size:9px}.sidebar nav a{padding:13px 10px;font-size:12px;gap:9px}.nav-label{font-size:8px;padding-left:10px}.workspace{margin-left:180px;width:calc(100% - 180px)}.demo-card{padding:12px}.demo-card p{font-size:10px}.team{font-size:10px;gap:7px}.team small{font-size:8px}.help-link{font-size:10px;padding-left:5px}.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow{grid-template-columns:1fr}.step-card{padding:13px 18px}.step-card small{font-size:10px}.step-card strong{font-size:12px}.hero-visual{display:none}.hero h2{font-size:25px}.kitchen-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart{position:static}.page-head{align-items:start}h1{font-size:27px}.page-head .head-actions{justify-content:end}.order-items{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-card-top{padding:17px}.queue-content{padding:17px}.queue-footer{padding:15px 17px}.device-label select{max-width:210px;font-size:11px}}
@media(max-width:700px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px 17px 0;display:block}.brand{padding:0 0 15px;font-size:24px;gap:10px;width:fit-content}.brand small{font-size:6px}.brand-symbol{width:35px;height:35px;line-height:33px;font-size:26px;border-radius:10px}.hotel{position:absolute;right:17px;top:17px;border:0;padding:0;font-size:10px}.hotel-avatar,.hotel small,.demo-dot{display:none}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:0 0 9px;scrollbar-width:thin}.sidebar nav a{white-space:nowrap;font-size:11px;gap:7px;min-height:42px;padding:10px 12px;margin:0}.sidebar nav a .icon{height:16px;width:16px}.workspace{margin:0;width:100%}.topbar{height:62px;padding:0 18px}.top-avatar{display:none}.connection{font-size:9px}.top-tools{gap:10px}.device-label{padding-left:10px}.device-label select{font-size:10px;max-width:210px}.device-label svg{width:15px}main{padding:24px 18px 20px}.page-head{gap:14px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font-size:28px}.head-actions{width:100%;justify-content:start!important}.head-actions .btn{flex:1}.hero{padding:22px;margin-bottom:18px}.hero h2{font-size:23px}.hero p{font-size:11px}.hero .btn{min-height:43px}.stats{gap:10px;margin-bottom:20px}.stat{padding:16px}.stat-top{font-size:10px}.stat-number{font-size:29px}.stat-bottom{font-size:9px}.stat-top .stat-icon{height:27px;width:27px}.dashboard-grid{gap:0}.workflow{gap:9px;margin-bottom:20px}.panel-head{padding:18px}.panel-head h2{font-size:15px}.table-scroll th,.table-scroll td{padding-left:16px;padding-right:16px}.app-footer{margin:0 18px;font-size:8px;flex-wrap:wrap}.toast{left:50%;bottom:18px;width:calc(100% - 30px)}.info-strip{padding:12px;font-size:10px;flex-wrap:wrap}.info-strip .btn{width:100%;margin-left:0}.product-grid{gap:10px}.product-card{padding:15px}.product-card h3{font-size:13px;min-height:39px}.product-card .item-mark{height:30px;width:30px}.product-add{flex-wrap:wrap}.product-add .btn{flex:1}.product-add .qty-input{width:65px!important}.product-card .available{font-size:10px}.product-card .available strong{font-size:15px}.category-tabs{gap:6px}.category-tab{padding:9px 10px;font-size:10px}.cart .panel-head{padding:19px 20px}.order-items{grid-template-columns:1fr}.queue-card-top{gap:10px}.order-meta{min-width:110px}.queue-footer .button-row{width:100%}.queue-footer .button-row .btn{flex:1}.field-grid{grid-template-columns:1fr;gap:16px}.modal-head{padding:20px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.receipt-line{grid-template-columns:1fr 82px 30px;gap:9px;background:#f6f9f0;border:1px solid #e6ecdb;border-radius:10px;padding:13px;margin:15px 0}.receipt-line .lot-field{grid-column:1}.receipt-line .expiry-field{grid-column:2/4}.receipt-line>.icon-button{grid-row:1;grid-column:3}.receipt-line>.product-field{grid-column:1;grid-row:1}.receipt-line>.quantity-field{grid-column:2;grid-row:1}.receipt-line .field label{font-size:10px}.receipt-line .quantity-field input{width:100%}.form-footer{font-size:10px}.toolbar{padding:12px 16px}.search-field{max-width:none;flex-basis:100%}.filter-select{flex:1}.initial-loader{min-height:60vh}.queue-tabs .category-tab{flex:1}.button-row .btn{min-height:43px}}
@media print{body{background:white}.layout,.toast,dialog{display:none!important}.print-area{display:block;color:black;padding:20px;font-size:13px}.print-area h1{font-size:25px}.print-area th,.print-area td{padding:12px;border-bottom:1px solid #ccc}.print-area table{margin:25px 0}.print-area .print-signatures{display:flex;justify-content:space-between;margin-top:70px}}