:root{--ink:#29243c;--muted:#898397;--purple:#7351d5;--purple-light:#eee8fc;--orange:#ff794f;--green:#179b78;--line:#ece9f1;--bg:#f7f6fb;--shadow:0 5px 24px #30204c05}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;line-height:1.3}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted)}.icon{width:20px;height:20px;flex:none;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.brand-mark{width:45px;height:45px;background:linear-gradient(145deg,#ff9c61,#ff674c);border-radius:15px;display:grid;place-items:center;font-size:31px;font-weight:900;color:#fff;box-shadow:0 5px 16px #ff75463b;position:relative;flex:none}.brand-mark span{font-size:10px;position:absolute;right:6px;bottom:6px;color:#ffe5a2}.shell{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#241a3e;color:#b9afcc;padding:27px 18px 18px;z-index:30;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#493964 transparent}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 24px}.brand b{display:block;color:#fff;font-size:20px;letter-spacing:-.5px}.brand small{font-size:10px;letter-spacing:1.5px;color:#b6a8ce;text-transform:uppercase}.nav-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.7px;margin:21px 15px 9px;color:#827395}.nav-link{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:11px;margin:3px 0;font-size:12px;font-weight:550;transition:.15s}.nav-link:hover{background:#ffffff0b;color:#fff}.nav-link.active{background:linear-gradient(105deg,#8d66e8,#7953d5);color:#fff;box-shadow:0 6px 20px #0002}.nav-link .icon{width:18px;height:18px}.nav-counter{margin-left:auto;background:#ffffff20;padding:0 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:24px}.support-card{background:linear-gradient(130deg,#433057,#312247);border:1px solid #5b416b;border-radius:13px;padding:14px;font-size:11px;color:#cfc2e3}.support-card b{color:#fff;display:block;margin-bottom:4px}.support-card a{display:flex;margin-top:12px;align-items:center;justify-content:space-between;color:#ffad77;font-weight:600}.main{margin-left:242px;width:calc(100% - 242px);min-width:0}.topbar{height:81px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;position:sticky;top:0;z-index:20}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:600;margin-left:9px}.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}.live-tag{font-size:10px;font-weight:700;color:var(--green);display:flex;gap:6px;align-items:center}.live-tag:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #179b7810}.live-tag.offline{color:#d55e4f}.avatar{width:35px;height:35px;background:#f0e8ff;border-radius:12px;display:grid;place-items:center;color:#7e59c6;font-weight:750}.user-block{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px}.user-block b{display:block;font-size:12px}.user-block small{font-size:10px;color:var(--muted);text-transform:capitalize}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:35px;height:35px;display:inline-grid;place-items:center;color:var(--muted)}.icon-btn:hover{color:var(--purple);background:var(--purple-light)}.menu-toggle{display:none}.workspace{padding:28px 32px 35px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head p{color:var(--muted);font-size:12px;margin-top:6px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 16px;background:var(--purple);color:#fff;font-weight:650;font-size:12px;white-space:nowrap;transition:.15s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn.orange{background:var(--orange);box-shadow:0 4px 10px #ff794f20}.btn.light{color:#6e6380;background:#fff;border:1px solid #e5e0eb}.btn.soft{color:var(--purple);background:var(--purple-light)}.btn.danger{color:#cf5674;background:#fff0f3}.btn.green{background:var(--green)}.btn.small{font-size:10px;padding:7px 10px;border-radius:7px}.btn .icon{width:16px;height:16px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#efe7ff,#f4ebff 55%,#fff0df);border:1px solid #e8ddf9;border-radius:18px;padding:29px 32px;display:flex;align-items:center;min-height:181px;margin-bottom:24px}.hero .eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#9b74c4;margin-bottom:8px}.hero h2{font-size:29px;font-weight:750;letter-spacing:-1px;max-width:520px}.hero h2 em{font-style:normal;color:var(--purple)}.hero p{font-size:12px;color:#8b7c9e;margin:10px 0 17px}.hero-copy{position:relative;z-index:1}.hero-art{margin-left:auto;width:245px;height:130px;position:relative;display:flex;align-items:center;justify-content:center}.hero-plate{font-size:90px;filter:drop-shadow(0 16px 15px #c3894550);transform:rotate(-10deg);z-index:2}.hero-art:before{content:'';width:155px;height:155px;border-radius:50%;position:absolute;background:linear-gradient(150deg,#ffd9a9,#ffb77f);opacity:.5}.floating-label{background:#ffffffdd;padding:8px 12px;border-radius:10px;position:absolute;right:-4px;top:0;box-shadow:0 7px 24px #5a366b12;font-size:10px;z-index:3;transform:rotate(7deg)}.floating-label.bottom{top:auto;bottom:-4px;right:115px;transform:rotate(-6deg);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat .stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f0eaff;color:#8a64d9;margin-bottom:13px}.stat:nth-child(2) .stat-icon{background:#fff0e6;color:#f49449}.stat:nth-child(3) .stat-icon{background:#e4f7f0;color:#29ab88}.stat:nth-child(4) .stat-icon{background:#e9f2ff;color:#568bd8}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:25px;letter-spacing:-.8px;margin-top:4px}.stat-foot{font-size:10px;color:#a59dad;margin-top:10px}.stat:after{content:'';position:absolute;width:70px;height:70px;border:12px solid #7351d505;border-radius:50%;right:-25px;top:-20px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.card-head h2{font-size:16px}.card-head p{font-size:11px;color:var(--muted);margin-top:3px}.link{font-size:11px;color:var(--purple);font-weight:650}.chart{height:190px;display:flex;align-items:flex-end;gap:13px;padding:20px 12px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f4f1f8 45px,#f4f1f8 46px)}.chart-col{flex:1;height:100%;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;gap:10px}.chart-bar{width:70%;min-height:4px;max-width:42px;background:linear-gradient(#ab8aef,#7953d5);border-radius:7px 7px 3px 3px;position:relative}.chart-col:last-child .chart-bar{background:linear-gradient(#ffb18b,#ff8055)}.chart-col small{font-size:10px;color:#9d94a8;background:#fff}.chart-value{font-size:9px;color:#8a759d}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{background:#faf8fd;border:1px solid #f1edf7;border-radius:12px;padding:17px 12px;font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:10px}.quick .icon{color:#9470d5}.quick:nth-child(2){background:#fff8f1}.quick:nth-child(2) .icon{color:#e99854}.quick:nth-child(3){background:#effaf6}.quick:nth-child(3) .icon{color:#4aa98e}.quick:nth-child(4){background:#f1f6ff}.quick:nth-child(4) .icon{color:#7197d9}.section-gap{margin-top:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#9c92aa;font-weight:650;padding:13px 12px;border-bottom:1px solid var(--line);background:#fcfbfe;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #f2eff6;font-size:12px;color:#6c637b}td b{color:#3c334d;font-weight:650}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfbff}td small{display:block;color:#a094ae;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:650;padding:5px 8px;border-radius:6px;background:#eee8fb;color:#8661c9;text-transform:capitalize;white-space:nowrap}.badge.confirmed,.badge.booked,.badge.unpaid{background:#f0e9fc;color:#8c61cb}.badge.preparing,.badge.partial{background:#fff1dd;color:#d9983d}.badge.ready,.badge.paid,.badge.present,.badge.active,.badge.posted{background:#e6f7ef;color:#2ca07c}.badge.completed,.badge.arrived{background:#eaf1ff;color:#5c86ca}.badge.cancelled,.badge.void,.badge.inactive,.badge.absent{background:#ffebf0;color:#d36b87}.empty{text-align:center;color:#a196af;padding:45px 15px}.empty .icon{display:block;width:38px;height:38px;margin:0 auto 12px;color:#c3b1de}.empty b{display:block;color:#7a6b8c;margin-bottom:5px;font-size:14px}.empty p{font-size:12px}.notice{border:1px solid #e9dbfa;background:#f7f1ff;border-radius:11px;padding:13px 17px;color:#8b68ab;font-size:12px;margin-bottom:19px}.notice.warning{background:#fff7e8;border-color:#f7e6c4;color:#ad813b}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{background:transparent;border:0;padding:9px 16px;border-radius:8px;font-size:12px;color:#9a90a5}.tab.active{background:var(--purple-light);color:var(--purple);font-weight:650}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:white;min-width:220px;max-width:400px;flex:1;color:#a59aae}.search-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;font-size:12px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.field label{font-size:11px;font-weight:650;color:#8a7e99}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #e6e0ed;border-radius:9px;background:#fff;color:var(--ink);outline:none;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ae93e8;box-shadow:0 0 0 3px #7351d509}.field input[type=checkbox]{width:auto}.field textarea{min-height:76px;resize:vertical}.field small{font-size:10px;color:#a198ae}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:1/-1}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:#8b7d99}.check input{accent-color:var(--purple)}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:23px;align-items:start}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative;transition:.16s;text-align:left;padding:0}.product:hover{transform:translateY(-3px);box-shadow:0 8px 25px #59406c12;border-color:#d3bff0}.product-visual{height:145px;background:linear-gradient(140deg,#fff5e8,#ffe4c5);display:grid;place-items:center;overflow:hidden}.product:nth-child(4n+2) .product-visual{background:linear-gradient(140deg,#f4eaff,#e7dbff)}.product:nth-child(4n+3) .product-visual{background:linear-gradient(140deg,#e9f8f1,#ceeade)}.product:nth-child(4n+4) .product-visual{background:linear-gradient(140deg,#ffeff2,#fbdce8)}.product-visual img{width:100%;height:100%;object-fit:cover}.food-symbol{font-size:70px;filter:drop-shadow(0 8px 9px #653c2d1c);transition:.15s}.product:hover .food-symbol{transform:rotate(-7deg) scale(1.07)}.product-info{padding:14px}.product-info small{display:block;font-size:9px;color:#a194ad;margin-bottom:4px}.product-info b{display:block;font-size:12px;color:#473b58;line-height:1.4;min-height:34px}.product-price{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--purple);font-weight:750}.add-dot{height:25px;width:25px;background:#f2ecfc;border-radius:8px;display:grid;place-items:center;font-size:19px}.order-panel{padding:0;overflow:hidden;position:sticky;top:102px}.order-panel-header{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.order-panel-header h2{font-size:16px}.order-panel-content{padding:18px}.order-type{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f7f4fb;padding:4px;border-radius:9px;margin-bottom:17px}.order-type button{border:0;background:none;padding:8px 3px;font-size:10px;color:#95859f;border-radius:7px}.order-type button.active{background:#fff;color:var(--purple);box-shadow:0 2px 7px #00000008;font-weight:700}.cart-list{max-height:300px;overflow:auto}.cart-item{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #f4f0f8}.cart-item .cart-icon{width:42px;height:42px;border-radius:10px;background:#fff1e4;display:grid;place-items:center;font-size:25px;overflow:hidden}.cart-icon img{height:100%;width:100%;object-fit:cover}.cart-item-info{min-width:0;flex:1}.cart-item-info b{font-size:11px;display:block}.cart-item-info small{font-size:10px;color:#ad9bb8}.stepper{display:flex;align-items:center;gap:8px;font-size:11px}.stepper button{border:0;background:#f2edf8;width:23px;height:23px;border-radius:6px;color:#9d81bf;font-size:16px}.cart-price{font-size:11px;font-weight:650;min-width:57px;text-align:right}.bill-summary{border-top:1px dashed #e5ddec;margin-top:15px;padding-top:11px}.bill-row{display:flex;justify-content:space-between;margin:9px 0;font-size:11px;color:#a496ad}.bill-row.total{font-size:18px;font-weight:750;color:#473557;padding-top:12px;border-top:1px solid var(--line)}.checkout{display:flex;gap:8px;margin-top:17px}.checkout .btn.orange{flex:1}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.table-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;position:relative;text-align:left}.table-card:hover{border-color:#baa0e3;box-shadow:var(--shadow)}.table-card-top{display:flex;justify-content:space-between;align-items:center}.table-graphic{height:94px;display:grid;place-items:center;margin:15px auto;position:relative;width:110px}.table-surface{width:84px;height:62px;border-radius:14px;background:#e6f5ed;border:2px solid #c7e8d6;display:grid;place-items:center;font-size:19px;font-weight:750;color:#52a47a;position:relative}.table-surface:before,.table-surface:after{content:'';position:absolute;height:9px;width:48px;border-radius:5px;background:#d7ecdf;left:16px;top:-15px}.table-surface:after{top:auto;bottom:-15px}.occupied .table-surface{background:#fff0df;border-color:#f5d6b4;color:#d99b52}.occupied .table-surface:before,.occupied .table-surface:after{background:#f6dfc6}.table-card-foot{display:flex;justify-content:space-between;font-size:10px;color:#9c90a8}.kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kitchen-column{background:#f0edf5;border-radius:15px;padding:15px;min-height:420px}.kitchen-column:nth-child(2){background:#fff3e4}.kitchen-column:nth-child(3){background:#eaf6f0}.column-title{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding:5px 4px 17px}.ticket{background:#fff;border-radius:12px;padding:17px;margin-bottom:13px;box-shadow:0 3px 8px #00000003;border:1px solid #e8e1ef}.ticket-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.ticket-head b{font-size:13px}.ticket .ticket-meta{display:flex;justify-content:space-between;font-size:10px;color:#ab9cb7;margin-top:3px}.ticket-item{display:flex;gap:8px;border-top:1px solid #f4f0f8;padding:8px 0;font-size:12px}.ticket-item b{color:var(--purple);min-width:20px}.ticket .btn{width:100%;margin-top:10px}.ticket-note{background:#fff8df;padding:8px;border-radius:6px;color:#ac8c3b;font-size:11px;margin:8px 0}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.report-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;text-align:left;transition:.15s}.report-card:hover{border-color:#c7b0e7;transform:translateY(-2px)}.report-card .report-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eee7fc;color:#9a74da;margin-bottom:16px}.report-card:nth-child(3n+2) .report-icon{background:#fff0e1;color:#e6a05d}.report-card:nth-child(3n+3) .report-icon{background:#e5f6ee;color:#5bb690}.report-card h3{font-size:13px;margin-bottom:7px}.report-card p{font-size:11px;color:#a292af;min-height:34px}.report-card .report-bottom{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#ad99ba}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.account-card{padding:22px;border-radius:15px;color:#fff;background:linear-gradient(130deg,#9271dd,#7355be);position:relative;overflow:hidden}.account-card:nth-child(2){background:linear-gradient(130deg,#6daac9,#488cba)}.account-card:nth-child(3){background:linear-gradient(130deg,#e6a164,#e68365)}.account-card:nth-child(4){background:linear-gradient(130deg,#6abca1,#409f86)}.account-card:after{content:'';width:135px;height:135px;border:25px solid #ffffff0a;border-radius:50%;position:absolute;right:-40px;bottom:-60px}.account-card small{color:#ffffffb0;font-size:10px;display:block;margin-bottom:22px}.account-card strong{font-size:24px;font-weight:700;letter-spacing:-.5px}.account-card p{font-size:11px;margin-top:4px;color:#ffffffc0}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.employee-card{display:flex;gap:17px;align-items:center}.employee-card .avatar{width:53px;height:53px;border-radius:17px;font-size:20px}.employee-card h3{font-size:14px}.employee-card p{font-size:11px;color:#a08eae;margin-top:4px}.employee-card .link{margin-top:8px;display:inline-block}.modal-backdrop{position:fixed;inset:0;background:#20133080;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:white;border-radius:19px;box-shadow:0 25px 80px #160b3a40}.modal.wide{width:min(850px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-body{padding:23px 26px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.modal-error{background:#fff0f2;color:#ca536f;padding:10px 13px;border-radius:8px;margin-bottom:15px;font-size:12px}.line-editor{display:grid;grid-template-columns:2fr 1fr 1fr 30px;gap:9px;margin-bottom:10px;align-items:end}.line-editor.simple{grid-template-columns:2fr 1fr 30px}.line-editor .field{margin:0}.line-editor .icon-btn{margin-bottom:3px;width:29px;height:34px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f8f5fc;padding:16px;border-radius:12px;gap:15px;margin-bottom:20px}.detail-stats small{font-size:10px;color:#9f8fac;display:block}.detail-stats b{font-size:18px;display:block;margin-top:4px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.display-preview{background:linear-gradient(120deg,#2b2048,#503473);border-radius:16px;padding:30px;color:white;margin-bottom:20px}.display-preview h2{font-size:25px;line-height:1.2}.display-preview p{font-size:12px;color:#c7b9dd;margin:10px 0 25px}.display-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.display-mini>div{background:#ffffff0e;padding:15px;border-radius:10px;font-size:10px}.display-mini b{display:block;font-size:24px;margin-top:8px;color:#ffc194}.display-mini>div:last-child b{color:#91e9c1}.footer{padding:0 32px 22px;color:#b0a5ba;font-size:10px;display:flex;justify-content:space-between}.login-page{min-height:100vh;background:#f5f1fc;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:radial-gradient(ellipse at 75% 70%,#6b4295,#2b1c45 70%);padding:65px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:white}.login-art .brand{padding:0}.login-art .login-copy{margin:auto 0;position:relative;z-index:2}.login-art h1{font-size:49px;line-height:1.12;letter-spacing:-1.8px;max-width:490px}.login-art h1 em{font-style:normal;color:#ffb183}.login-art p{color:#bca6ce;font-size:14px;max-width:350px;margin-top:23px}.login-food{font-size:120px;position:absolute;right:30px;bottom:80px;transform:rotate(-14deg);filter:drop-shadow(0 20px 20px #15082b50)}.login-art:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff10;border-radius:50%;right:-170px;bottom:-60px;box-shadow:0 0 0 70px #ffffff02,0 0 0 140px #ffffff02}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-form{width:350px;max-width:100%}.login-form h2{font-size:28px;letter-spacing:-.7px}.login-form>p{color:#a295ae;font-size:12px;margin:9px 0 32px}.login-form .field{margin-bottom:20px}.login-form .btn{width:100%;margin-top:7px;padding:13px}.login-footer{margin-top:25px;font-size:10px;text-align:center;color:#b2a3bf}.toast{background:#2c2043;color:white;box-shadow:0 9px 30px #0002;border-radius:11px;padding:14px 20px;font-size:12px;max-width:400px;margin-top:8px}.toast.error{background:#a34360}#toasts{position:fixed;bottom:24px;right:24px;z-index:200}.hidden{display:none!important}.screen-heading{color:#fff;font-size:38px}.customer-screen{min-height:100vh;background:#241a3d;color:white;padding:35px 45px}.screen-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;padding-bottom:27px}.screen-top .brand{padding:0}.screen-clock{color:#b5a4ce;text-align:right;font-size:13px}.screen-body{padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.screen-lane{border-radius:20px;background:#ffffff06;padding:27px;min-height:65vh}.screen-lane:last-child{background:linear-gradient(130deg,#264d41,#263d3c)}.screen-lane h2{font-size:24px;display:flex;align-items:center;gap:12px;margin-bottom:25px}.screen-lane h2 i{width:13px;height:13px;border-radius:50%;background:#ffb266}.screen-lane:last-child h2 i{background:#81dfaf}.token-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.token-card{padding:22px;background:#ffffff09;border:1px solid #ffffff0a;border-radius:13px}.token-card strong{font-size:31px;color:#ffc591;display:block;letter-spacing:1px}.screen-lane:last-child .token-card strong{color:#9aebc2}.token-card small{font-size:11px;color:#b2a6c1;text-transform:capitalize}.screen-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;color:#a695be}.pulse{animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}
@media(min-width:1500px){.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main{margin-left:210px;width:calc(100% - 210px)}.workspace{padding:23px}.topbar{padding:0 23px}.pos-layout{grid-template-columns:minmax(0,1fr) 310px;gap:17px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-grid{grid-template-columns:repeat(3,1fr)}.stats{gap:12px}.stat{padding:16px}.stat strong{font-size:22px}.hero-art{width:190px}.account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);visibility:hidden;width:240px}.sidebar.open{transform:none;visibility:visible;box-shadow:30px 0 100px #241a3d50}.main{margin-left:0;width:100%}.menu-toggle{display:inline-grid}.dashboard-grid{grid-template-columns:1.5fr 1fr}.topbar{height:70px}.report-grid{grid-template-columns:repeat(2,1fr)}.user-block>div:last-child{display:none}.order-panel{top:90px}.login-art{padding:40px}.login-art h1{font-size:39px}.login-food{font-size:90px}.employee-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.workspace{padding:20px 16px}.topbar{padding:0 16px;gap:10px}.top-right{gap:10px}.breadcrumb{font-size:10px}.breadcrumb span{display:none}.user-block{padding-left:10px}.live-tag{font-size:8px}.page-head{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}h1{font-size:24px}.page-head p{font-size:11px}.hero{padding:24px;min-height:180px}.hero h2{font-size:24px;max-width:260px}.hero-art{display:none}.hero p{max-width:260px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat strong{font-size:22px}.stat-icon{position:absolute;right:16px;top:16px}.stat .stat-icon{width:28px;height:28px}.stat small{font-size:10px}.stat{padding-top:50px}.stat-foot{font-size:9px}.dashboard-grid,.settings-layout{grid-template-columns:1fr}.card{padding:18px}.pos-layout{grid-template-columns:1fr}.order-panel{position:static}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:125px}.food-symbol{font-size:62px}.table-grid{grid-template-columns:repeat(2,1fr);gap:12px}.table-card{padding:14px}.kitchen-board{grid-template-columns:1fr}.kitchen-column{min-height:100px}.report-grid{gap:12px}.report-card{padding:16px}.report-card p{font-size:10px}.toolbar{flex-wrap:wrap}.search-box{max-width:100%;min-width:170px}.account-card{padding:18px}.account-card strong{font-size:20px}.account-card small{margin-bottom:17px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-head,.modal-body{padding:19px}.line-editor{grid-template-columns:1.5fr 1fr 1fr 25px;gap:5px}.line-editor .field input,.line-editor .field select{padding:9px 6px;font-size:11px}.line-editor .field label{font-size:9px}.line-editor.simple{grid-template-columns:1.5fr 1fr 25px}.employee-grid{grid-template-columns:1fr}.footer{padding:5px 16px 20px;font-size:9px}.login-page{grid-template-columns:1fr}.login-art{min-height:220px;padding:25px}.login-art .brand{margin-bottom:25px}.login-art h1{font-size:28px;max-width:250px}.login-art p{display:none}.login-food{font-size:85px;bottom:20px;right:30px}.login-form-wrap{padding:35px 25px}.login-form h2{font-size:25px}.customer-screen{padding:23px}.screen-body{gap:16px;grid-template-columns:1fr}.screen-lane{min-height:200px;padding:20px}.screen-top .brand b{font-size:17px}.token-card strong{font-size:24px}.screen-clock{font-size:11px}.screen-bottom{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.badge.available{background:#e6f7ef;color:#2ca07c}.badge.occupied{background:#fff1dd;color:#d9983d}.badge.reversed{background:#ffebf0;color:#d36b87}.token-card strong{font-size:48px}.screen-clock{min-width:180px}@media(max-width:700px){.token-card strong{font-size:32px}}
.restaurant-logo{width:48px;height:48px;object-fit:contain;background:white;border-radius:12px;padding:3px;flex-shrink:0}.logo-settings{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.logo-settings .restaurant-logo{width:88px;height:88px;border:1px solid #e7dff4}.logo-settings small{flex-basis:100%;color:#857693}.footer{gap:20px;flex-wrap:wrap}.badge.credit{background:#e9e1ff;color:#7048ad}.developer-credit{font-size:11px;line-height:1.6;text-align:center;padding:12px;color:#857693}
[hidden]{display:none!important}
.voice-status{margin:0;padding:10px 24px;background:#fff9e8;color:#68522b;font-size:12px}.screen-clock select{max-width:220px;padding:8px;border:1px solid #ddd;border-radius:8px}.screen-clock{flex-wrap:wrap}

.voice-status:empty{display:none}
.k-icon{display:inline-grid;place-items:center;width:18px;height:18px;font-size:17px;line-height:1;font-family:Arial,sans-serif;font-style:normal}.btn .k-icon{font-size:15px}.quick{border:0;cursor:pointer;text-align:left}.quick:hover{border-color:#c9b3e7;box-shadow:0 6px 18px #3b24520d}.link-button{border:0;background:transparent;padding:10px 0 0;color:#ffad77;font:inherit;font-weight:650;display:flex;gap:8px;align-items:center;cursor:pointer}.unit-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.unit-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;text-align:left;color:var(--ink);cursor:pointer}.unit-choice:hover{border-color:#aa83dd;background:var(--purple-light)}.unit-choice b,.unit-choice small{display:block}.unit-choice small{margin-top:5px;color:var(--muted);font-size:11px}.hold-list{display:grid;gap:9px}.hold-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.hold-row b,.hold-row small{display:block}.hold-row small{color:var(--muted);margin-top:4px}.detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #e8dff2;background:#faf8fd;border-radius:12px;padding:13px;margin-bottom:16px}.detail-stats small{display:block;color:var(--muted);font-size:10px}.detail-stats b{display:block;color:var(--ink);font-size:16px;margin-top:4px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.settings-card{max-width:840px}.warning-text{color:#cd7e24!important;font-weight:700}.toast{position:fixed;right:20px;bottom:20px;z-index:99;background:#2d2150;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 10px 30px #1d153340;font-size:12px;animation:toast-in .18s ease-out}.toast.bad{background:#ba4866}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-error{background:#fff0f3;border:1px solid #ffd9e0;color:#be4765;border-radius:9px;padding:10px 12px;font-size:12px;margin-bottom:13px}.notice.warning{background:#fff7e7;border-color:#f5e1ba;color:#9f7533}.login-page{min-height:100vh}.login-art .login-food{font-size:100px;position:absolute;right:11%;bottom:16%;filter:drop-shadow(0 18px 16px #1c103b30)}
.backup-actions{display:flex;justify-content:flex-end;gap:9px;margin:-8px 0 16px;flex-wrap:wrap}
@media(max-width:700px){.unit-choices{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}.hold-row{align-items:flex-start;flex-direction:column}.modal-foot .btn{flex:1}.toast{left:12px;right:12px;bottom:12px}.login-art .login-food{font-size:72px}.stat{padding:15px}.stat strong{font-size:19px}}
.boot-logo{width:104px;height:104px;object-fit:contain;border-radius:18px}.boot .restaurant-logo{width:104px;height:104px;object-fit:contain}
.variant-section{margin-top:22px}.variant-section h4{margin:0 0 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.variant-option{min-height:60px;border:2px solid var(--line);border-radius:13px;background:#fff;padding:13px 16px;color:var(--ink);font-weight:650;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow-wrap:anywhere}.variant-option small{font-weight:400;color:var(--muted)}.variant-option:hover:not(:disabled){border-color:var(--purple);background:var(--purple-light)}.variant-option.selected{border-color:var(--purple);background:var(--purple-light);color:var(--purple)}.variant-option:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.variant-option:disabled{opacity:.45;cursor:not-allowed}
.revision-line{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #eee}.revision-line .field{margin:0}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.delivery-card h2{font-size:20px}.delivery-card small{display:block;margin-top:12px;color:#8b7b9b}.delivery-card p{overflow-wrap:anywhere}@media(max-width:600px){.revision-line{grid-template-columns:minmax(0,1fr) 75px}.revision-line>.btn{grid-column:1/-1}.delivery-grid{grid-template-columns:1fr}}
/* Compact, responsive checkout; small/zoomed viewports retain accessible scrolling. */
.checkout-review.modal{width:min(960px,100%);max-height:calc(100dvh - 24px);background:#faf9fd;border:1px solid #e4dcf2}
.checkout-review .modal-head{padding:16px 22px;background:linear-gradient(120deg,#251b40,#513477);color:#fff;border:0}
.checkout-review .modal-head h2{font-size:20px;letter-spacing:-.5px}.checkout-review .modal-head .icon-btn{background:#ffffff18;color:#fff;border-color:#ffffff30}
.checkout-review .modal-body{padding:16px 22px}.checkout-review .detail-stats{margin-bottom:14px;padding:12px 16px;background:#fff;border:1px solid #e6def0;gap:10px}.checkout-review .detail-stats small{color:#756482}.checkout-review .detail-stats b{font-size:18px;color:#332245}
.checkout-review .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.checkout-review .field{margin:0;min-width:0}.checkout-review .field[hidden]{display:none}.checkout-review .field label{font-size:11px;color:#655275;margin-bottom:5px;display:block}.checkout-review .field input,.checkout-review .field select{width:100%;min-width:0;height:40px;padding:8px 10px;font-size:13px;background:#fff;border-radius:9px}.checkout-review .bill-row.total{background:#eee8fa;border:0;border-radius:12px;padding:13px 16px;margin:14px 0 0;color:#36204f}.checkout-review #change-calc{margin:5px 0 0;font-size:12px;min-height:0}.checkout-review #change-calc:empty{display:none}.checkout-review .modal-foot{margin-top:12px;padding-top:0;border:0}.checkout-review .modal-foot .orange{min-width:190px;box-shadow:0 5px 15px #ff78452b}.checkout-review .notice{margin-bottom:10px;font-size:11px;padding:8px}
@media(max-width:700px){.checkout-review .modal-head{padding:13px 14px}.checkout-review .modal-head h2{font-size:18px}.checkout-review .modal-body{padding:12px 14px}.checkout-review .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}.checkout-review .detail-stats{padding:10px;margin-bottom:12px}.checkout-review .detail-stats b{font-size:15px}.checkout-review .detail-stats small{font-size:9px}.checkout-review .field input,.checkout-review .field select{font-size:16px;height:40px;padding:7px}.checkout-review .field label{font-size:10px}.checkout-review .modal-foot .orange{min-width:0;flex:1}.checkout-review .modal-foot .btn{padding:11px 13px}.checkout-review .bill-row.total{font-size:17px;padding:11px 13px}}
@media(max-height:600px) and (min-width:701px){.checkout-review .modal-head{padding:10px 20px}.checkout-review .modal-body{padding:10px 20px}.checkout-review .detail-stats{padding:8px 12px;margin-bottom:9px}.checkout-review .form-grid{gap:7px 12px}}
@media(max-width:700px) and (max-height:780px){.checkout-review .modal-head{padding:9px 12px}.checkout-review .modal-body{padding:9px 12px}.checkout-review .detail-stats{padding:7px 9px;margin-bottom:8px}.checkout-review .form-grid{gap:6px 9px}.checkout-review .field label{margin-bottom:3px}.checkout-review .field input,.checkout-review .field select{height:36px}.checkout-review .bill-row.total{margin-top:9px;padding:9px 12px}.checkout-review .modal-foot{margin-top:9px}.checkout-review .modal-foot .btn{padding:9px 12px}}
/* Delivery cards designed for touch screens. */
.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}.delivery-card{min-width:0;padding:22px;border:1px solid #e5ddeb;border-top:3px solid #b98e61;border-radius:20px;background:linear-gradient(150deg,#fff,#fcfaff);box-shadow:0 8px 25px #38204b06}.delivery-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#9d754b;margin-bottom:12px}.delivery-heading{justify-content:space-between;flex-wrap:wrap;gap:8px}.delivery-heading h2{font-size:18px;overflow-wrap:anywhere;letter-spacing:-.5px}.delivery-card h3{font-size:17px;margin:17px 0 7px}.delivery-address{line-height:1.6;color:#73647d;font-size:13px;overflow-wrap:anywhere}.delivery-call{display:inline-flex;padding:9px 12px;background:#eee8f6;border-radius:10px;margin:10px 0;color:#69468a;font-size:13px;text-decoration:none}.delivery-card>p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.delivery-card .bill-row{padding:13px;background:#f2edf7;border-radius:10px;color:#6a537d;margin:14px 0}.delivery-card .bill-row b{font-size:16px;color:#382749}.delivery-card>small{display:block;line-height:1.6;font-size:11px;color:#786885}.delivery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.delivery-actions .btn{justify-content:center;min-height:42px;padding:10px;font-size:12px}.delivery-card .notice{margin-top:10px;font-size:12px;padding:10px}
@media(max-width:600px){.delivery-grid{gap:13px}.delivery-card{padding:17px}.delivery-heading h2{font-size:17px}.delivery-card h3{margin-top:14px}.delivery-card .bill-row{margin:12px 0}.footer{flex-wrap:wrap;gap:8px;line-height:1.5}}
.append-menu-dialog.modal.wide{width:min(1100px,100%)}.append-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#f3eef9;border-radius:12px;margin-bottom:16px;font-size:12px}.append-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.append-catalog,.append-cart{min-width:0}.append-catalog>input{width:100%;padding:12px;border:1px solid #ddd2e9;border-radius:10px;font:inherit}.append-categories{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.append-categories button{background:#f2edf8;color:#795f91;border:0;border-radius:9px;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer}.append-categories button.selected{background:#69459a;color:white}.append-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:48vh;overflow:auto;padding:2px}.append-product{display:flex;flex-direction:column;text-align:left;border:1px solid #e8dfed;border-radius:13px;background:white;padding:9px;gap:7px;min-width:0;cursor:pointer;font:inherit}.append-product:hover{border-color:#ad8acb;background:#fcf9ff}.append-product img,.append-placeholder{height:95px;width:100%;object-fit:cover;border-radius:8px;background:#f6eedf}.append-placeholder{display:grid;place-items:center;font-size:30px}.append-product>b{font-size:12px;overflow-wrap:anywhere}.append-product small{font-size:10px;color:#887493}.append-product strong{font-size:12px;margin-top:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.append-product strong span{color:#8c52b1}.append-cart{background:#faf7fd;padding:15px;border:1px solid #e7deed;border-radius:14px;align-self:start}.append-cart h3{margin:0 0 12px}.append-chosen{padding:10px 0;border-bottom:1px solid #e6dceb}.append-chosen>div:first-child{display:flex;align-items:center;gap:9px}.append-chosen img,.append-chosen .append-placeholder{width:36px;height:36px;flex-shrink:0;font-size:18px}.append-chosen b{font-size:11px;overflow-wrap:anywhere}.append-chosen small{display:block;font-size:10px;color:#9980a7;font-weight:400}.append-quantity{display:flex;align-items:center;gap:9px;margin-top:9px}.append-quantity>span{margin-right:auto;font-size:11px}.append-quantity button{border:0;background:#eee4f7;color:#765294;width:32px;height:32px;border-radius:8px;cursor:pointer}.append-cart .bill-row.total{font-size:13px}.append-cart summary{font-size:11px;cursor:pointer;margin-top:12px}.append-cart details .field{margin-top:10px}.append-menu-dialog button:focus-visible{outline:2px solid #8951c3;outline-offset:2px}
@media(max-width:700px){.append-layout{grid-template-columns:1fr}.append-menu{grid-template-columns:repeat(2,minmax(0,1fr));max-height:38vh}.append-product img,.append-product .append-placeholder{height:85px}.append-summary{flex-direction:column;gap:5px}.append-catalog>input{font-size:16px}.append-menu-dialog .modal-body{padding:14px}.append-cart{padding:12px}.append-menu-dialog .modal-foot{position:sticky;bottom:-14px;background:white;padding:12px 0;margin-top:14px}}
/* Viewport-bound order dialogs: controls stay outside the scrolling product regions. */
.modal.order-review-dialog,.modal.append-menu-dialog{height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden}
.order-review-dialog .modal-head,.append-menu-dialog .modal-head{flex:none;padding:12px 18px}.order-review-dialog .modal-head h2,.append-menu-dialog .modal-head h2{font-size:18px}.order-review-dialog .modal-body,.append-menu-dialog .modal-body{flex:1;min-height:0;padding:12px 18px;overflow:hidden}.order-review-dialog .modal-body{display:flex;flex-direction:column;gap:9px}.order-invoice-meta{font-size:11px;margin:0;flex:none}.order-review-dialog .detail-stats{padding:10px 12px;gap:8px;margin:0;flex:none}.order-review-dialog .detail-stats b{font-size:17px}.order-review-dialog .actions:not(.order-fixed-actions){font-size:11px;gap:7px}.order-item-scroll{flex:1;min-height:60px;overflow:auto;margin:0!important;overscroll-behavior:contain}.order-item-scroll table{min-width:0!important;width:100%;table-layout:fixed}.order-item-scroll th:first-child,.order-item-scroll td:first-child{width:44%}.order-item-scroll th,.order-item-scroll td{padding:9px 6px;font-size:11px;overflow-wrap:anywhere}.order-item-scroll thead{position:sticky;top:0;z-index:1;background:#faf7ff}.order-review-dialog .bill-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;padding-top:8px;margin:0;flex:none}.order-review-dialog .bill-row{font-size:10px;margin:0;gap:5px}.order-fixed-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;margin:0!important;padding-top:7px;border-top:1px solid #e9e1ef;flex:none}.order-fixed-actions .btn{min-width:0;padding:9px 6px;font-size:10px;justify-content:center;min-height:36px;white-space:normal;text-align:center}.order-fixed-actions svg{width:14px;height:14px;flex-shrink:0}.order-payments summary{font-size:12px;cursor:pointer;padding:9px 0}.order-item-scroll .notice{margin:0 0 8px;padding:8px;font-size:11px}
.append-menu-dialog #modal-form{height:100%;display:flex;flex-direction:column;min-height:0;gap:10px}.append-menu-dialog #form-error{flex:none}.append-menu-dialog #form-error:empty{display:none}.append-menu-dialog .append-summary{margin:0;padding:8px 12px;flex:none;font-size:11px;flex-direction:row}.append-menu-dialog .append-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.append-menu-dialog .append-catalog{display:flex;flex-direction:column;min-height:0;overflow:hidden}.append-menu-dialog .append-catalog>input{flex:none;padding:9px 12px}.append-menu-dialog .append-categories{flex:none;margin:8px 0;gap:5px}.append-menu-dialog .append-categories button{font-size:10px;padding:7px 10px}.append-menu-dialog .append-menu{flex:1;min-height:0;max-height:none;overflow:auto;align-content:start;overscroll-behavior:contain}.append-menu-dialog .append-cart{align-self:stretch;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px}.append-cart h3{font-size:13px;margin-bottom:6px;flex:none}.append-menu-dialog #append-selected{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.append-menu-dialog .append-cart .bill-row.total{margin:7px 0;padding-top:7px;flex:none;font-size:12px}.append-menu-dialog .append-cart>.field{flex:none;margin:0}.append-menu-dialog .append-cart>.field label{font-size:10px;margin-bottom:3px}.append-menu-dialog .append-cart>.field input{padding:7px 9px;font-size:13px;height:34px}.append-menu-dialog .modal-foot{flex:none;position:static;margin:0;padding:9px 0 0;background:white}.append-menu-dialog .modal-foot .btn{font-size:12px;padding:10px 14px}.append-product img,.append-product .append-placeholder{height:75px}.append-product{gap:5px}.append-chosen{padding:7px 0}
@media(max-width:700px){.order-review-dialog .modal-head,.append-menu-dialog .modal-head{padding:10px 12px}.order-review-dialog .modal-body,.append-menu-dialog .modal-body{padding:10px 12px}.order-fixed-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.order-review-dialog .bill-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-review-dialog .detail-stats b{font-size:15px}.order-review-dialog .modal-body{gap:7px}.append-menu-dialog .append-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 170px;gap:9px}.append-menu-dialog .append-summary{font-size:10px;gap:8px}.append-menu-dialog .append-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.append-menu-dialog .append-catalog>input{font-size:16px;padding:8px 10px}.append-menu-dialog .append-categories{margin:6px 0;gap:4px}.append-menu-dialog .append-categories button{font-size:10px;padding:6px 8px}.append-menu-dialog .append-cart{padding:9px 11px}.append-chosen>div:first-child img,.append-chosen .append-placeholder{width:28px;height:28px}.append-chosen{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.append-quantity{margin:0;gap:5px}.append-quantity button{height:30px;width:30px}.append-chosen small{font-size:9px}.append-menu-dialog .append-cart>.field input{font-size:16px}.append-menu-dialog .modal-foot{padding-top:7px}.append-menu-dialog .modal-head h2,.order-review-dialog .modal-head h2{font-size:16px}}
@media(max-height:450px){.modal.order-review-dialog,.modal.append-menu-dialog{overflow:auto}.order-review-dialog .modal-body,.append-menu-dialog .modal-body{overflow:visible;flex:none}.append-menu-dialog #modal-form{height:auto}.append-menu-dialog .append-layout{min-height:400px}.order-item-scroll{min-height:100px;max-height:180px}}
@media(max-width:700px){.append-menu-dialog .append-layout{grid-template-rows:minmax(0,1fr) 210px}}
.history-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid #e7dfed;border-radius:14px;padding:14px;margin-bottom:15px}.history-filters label{display:grid;gap:5px;font-size:11px;color:#806d91;flex:1;min-width:140px}.history-filters input{width:100%;min-width:0;border:1px solid #dfd5e9;border-radius:9px;padding:10px;font:inherit;color:#43314f;background:#fff}.history-status{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.history-status .tab{padding:10px 14px}.history-count{font-size:12px;color:#84708f;margin:10px 0}.history-table{padding:14px}.history-table table{min-width:740px}.history-table td:first-child{min-width:155px}.history-table td{padding:11px 9px}.history-table th{padding:10px 9px}.history-table small{font-size:10px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:12px;color:#887096}.history-pagination .btn:disabled{opacity:.4;cursor:default}@media(max-width:600px){.history-filters{gap:9px;padding:12px}.history-filters label{flex:1 1 calc(50% - 9px);min-width:0}.history-filters input{font-size:16px;padding:8px}.history-filters .btn{flex:1}.history-status .tab{padding:8px 10px;font-size:10px}.history-table{padding:8px}.history-pagination{font-size:11px}.history-pagination .btn{padding:9px 11px}}

/* Live dashboard analytics */
.insight-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.chart-card,.stock-chart-card{padding:22px}.chart-legend{display:flex;align-items:center;gap:13px;color:#83768f;font-size:10px;white-space:nowrap}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.stock-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.sales-key{background:#7953d5;box-shadow:0 0 0 3px #7953d517}.paid-key{background:#ff794f;box-shadow:0 0 0 3px #ff794f17}.trend-chart{height:235px;position:relative}.trend-chart svg{display:block;width:100%;height:100%;overflow:visible}.graph-gridline{stroke:#eeeaf4;stroke-width:1}.sales-area{fill:url(#sales-area)}.sales-line,.paid-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.sales-line{stroke:#7953d5;stroke-width:3}.paid-line{stroke:#ff794f;stroke-width:2.5;stroke-dasharray:5 5}.sales-point{fill:#fff;stroke:#7953d5;stroke-width:3}.paid-point{fill:#ff794f;stroke:#fff;stroke-width:2}.graph-label{fill:#998fa8;font-size:10px;font-family:'Segoe UI',Arial,sans-serif}.graph-scale{fill:#9f93ad;font-size:10px;font-family:'Segoe UI',Arial,sans-serif}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#9f92aa;font-size:12px;background:linear-gradient(90deg,#ffffff66,#ffffffd9,#ffffff66);pointer-events:none}.chart-empty.hidden{display:none}.chart-foot{display:flex;align-items:center;gap:8px;border-top:1px solid #f0edf4;padding-top:14px;color:#93899f;font-size:11px}.chart-foot b{color:#443553;font-size:13px}.chart-foot .link{margin-left:auto}.stock-mix{display:flex;align-items:center;justify-content:center;gap:24px;min-height:205px}.stock-donut{--mobile-share:50%;height:148px;width:148px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7953d5 0 var(--mobile-share),#ff976d var(--mobile-share) 100%);position:relative;flex:none;box-shadow:0 10px 25px #50377e11}.stock-donut:before{content:'';position:absolute;inset:18px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #f0ebf5}.stock-donut>div{z-index:1;text-align:center}.stock-donut b{display:block;font-size:24px;letter-spacing:-.8px;color:#463553}.stock-donut small{display:block;font-size:10px;color:#9a8fa7;margin-top:1px}.stock-legend{display:grid;gap:13px;min-width:0;flex:1}.stock-legend div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:11px;color:#897d94}.stock-legend b{color:#43334f;font-size:12px}.legend-mobile{background:#7953d5}.legend-accessory{background:#ff976d}.legend-alert{background:#e9ad50}.stock-link{display:block;text-align:right;border-top:1px solid #f0edf4;padding-top:14px}
@media(max-width:980px){.insight-grid{grid-template-columns:1fr}.stock-chart-card{min-height:0}.stock-mix{justify-content:flex-start;padding:5px 9%}.chart-card .card-head{align-items:flex-start}.chart-legend{padding-top:4px}}
@media(max-width:600px){.insight-grid{gap:14px;margin-bottom:14px}.chart-card,.stock-chart-card{padding:16px}.chart-card .card-head{display:block}.chart-legend{margin-top:10px}.trend-chart{height:205px}.chart-foot{flex-wrap:wrap}.chart-foot .link{margin-left:0;width:100%;padding-top:3px}.stock-mix{padding:5px 0;gap:17px;min-height:170px}.stock-donut{width:120px;height:120px}.stock-donut:before{inset:15px}.stock-donut b{font-size:20px}.stock-legend{gap:10px}.stock-legend div{font-size:10px}.stock-link{text-align:left}.graph-label{font-size:9px}}

/* Premium retail finish and transaction documents */
body{background:radial-gradient(circle at 92% -8%,#f0e8ff 0,transparent 31%),radial-gradient(circle at -8% 20%,#fff0e5 0,transparent 27%),var(--bg)}.topbar{background:#fffffff2;backdrop-filter:blur(14px)}.card{box-shadow:0 9px 26px #2d184b08;border-color:#e9e3f0}.card:hover{border-color:#dfd2ed}.page-head h1{font-size:30px;letter-spacing:-1.15px}.hero{box-shadow:0 14px 35px #5e398718}.btn.orange{background:linear-gradient(135deg,#ff8c62,#f56646);box-shadow:0 7px 16px #f9704c29}.btn.orange:hover{filter:brightness(1.03)}.stat{box-shadow:0 9px 23px #2d184b08}.purchase-line-editor{margin-top:17px;padding:17px;border:1px dashed #d9c7eb;border-radius:13px;background:linear-gradient(145deg,#fcfaff,#f8f3ff)}.purchase-line-editor h3{margin:0 0 13px;font-size:14px;color:#4b385e}.bill-line-list{display:grid;gap:7px;margin-top:12px}.bill-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border-radius:9px;background:#fff;border:1px solid #eee6f4}.bill-line b{font-size:12px;color:#483657}.bill-line small{display:block;color:#93849f;font-size:10px;margin-top:2px}.ledger-table{max-height:55vh}.danger{background:#fff0f3!important;color:#c84f70!important;border:1px solid #ffd7e1!important}.danger:hover{background:#ffe7ed!important}.notice{line-height:1.55}.report-filters{box-shadow:0 7px 20px #43246908}@media(max-width:700px){.page-head h1{font-size:24px}.purchase-line-editor{padding:13px}.bill-line{grid-template-columns:minmax(0,1fr) auto auto}.bill-line .icon-btn{width:30px;height:30px}.ledger-table{max-height:48vh}}

/* In-place searchable dropdowns and section tabs */
.searchable-select{position:relative}.searchable-select.is-open{z-index:80}.select-trigger{width:100%;min-height:42px;padding:10px 12px;border:1px solid #e6e0ed;border-radius:9px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:13px}.select-trigger:hover,.searchable-select.is-open .select-trigger{border-color:#ae93e8}.searchable-select.is-open .select-trigger{box-shadow:0 0 0 3px #7351d509}.select-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{color:#8d7aa1;font-size:18px;line-height:1;transition:.16s}.searchable-select.is-open .select-chevron{transform:rotate(180deg)}.select-menu{display:none;position:absolute;top:calc(100% - 15px);left:0;right:0;min-width:220px;overflow:hidden;border:1px solid #d9cbe9;border-radius:11px;background:#fff;box-shadow:0 15px 35px #2a1c4320;z-index:81}.searchable-select.is-open .select-menu{display:block}.select-menu-search{display:flex;align-items:center;gap:8px;padding:10px 11px;border-bottom:1px solid #eee8f4;background:#fbf9fe;color:#967eb2}.select-menu-search .k-icon{font-size:16px}.select-menu-search .select-menu-input{border:0!important;box-shadow:none!important;outline:0;padding:2px!important;min-height:24px;width:100%;background:transparent!important;font-size:12px}.select-options{max-height:210px;overflow:auto;padding:5px}.select-option{width:100%;border:0;border-radius:7px;padding:9px 10px;background:transparent;color:#51445f;text-align:left;font-size:12px}.select-option:hover,.select-option.selected{background:#f0eafd;color:#7049bd;font-weight:650}.select-option[hidden]{display:none}.page-tabs{gap:7px;margin:-2px 0 20px;padding:0 0 2px;border:0;overflow-x:auto;scrollbar-width:thin}.page-tabs .tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #e9e3f0;background:#fff;box-shadow:0 2px 7px #2d174306}.page-tabs .tab.active{background:#eee7fc;border-color:#d9c9f6;box-shadow:none}.page-tabs .k-icon{font-size:16px;line-height:1}@media(max-width:600px){.select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0;max-height:min(58dvh,420px);border-radius:14px}.select-options{max-height:min(42dvh,310px)}.select-menu-search{padding:12px}.select-menu-search .select-menu-input{font-size:16px}.page-tabs{margin-bottom:15px;padding-bottom:3px}.page-tabs .tab{padding:9px 12px;font-size:11px}}
@media(max-width:600px){.history-table table{min-width:0;width:100%;display:block}.history-table thead{display:none}.history-table tbody{display:block}.history-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:13px 8px;border-bottom:1px solid #ece4f2}.history-table td{display:block;padding:0!important;border:0!important;min-width:0!important;overflow-wrap:anywhere}.history-table td:first-child{grid-column:1/-1}.history-table td:first-child>b{font-size:13px;white-space:nowrap}.history-table td small{font-size:10px;line-height:1.5}.history-table td:nth-child(2):before{content:'Customer';display:block}.history-table td:nth-child(3):before{content:'Service';display:block}.history-table td:nth-child(4):before{content:'Total';display:block}.history-table td:nth-child(5):before{content:'Status';display:block}.history-table td:nth-child(6):before{content:'Payment';display:block}.history-table td:before{color:#9b88a7;font-size:9px;margin-bottom:3px}.history-table td:last-child{align-self:end;text-align:right}.history-table td .btn{min-width:80px;justify-content:center}}

/* Smooth, aligned searchable dropdowns and the report library. */
.searchable-select{isolation:isolate}.select-trigger{min-height:44px;line-height:1.25;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select-menu{display:block;top:calc(100% + 6px);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.985);transform-origin:top center;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s}.searchable-select.is-open .select-menu{display:block;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.select-menu-search{min-height:43px}.select-options{scrollbar-color:#c6b5dd transparent}.select-option{transition:background .12s ease,color .12s ease;min-height:36px}.history-filters>.searchable-select{flex:1 1 170px;min-width:170px;margin:0;align-self:end}.history-filters>.searchable-select label{display:block;min-width:0;margin-bottom:5px}.history-filters>.searchable-select .select-trigger{width:100%}.report-library{display:grid;gap:28px}.report-group>h2{font-size:16px;margin:0 0 12px;color:#4b3b60}.report-group>h2:after{content:'';display:inline-block;width:42px;height:2px;border-radius:4px;background:linear-gradient(90deg,#8a65d7,#ff8d61);margin:0 0 5px 10px}.report-library .report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-library .report-card{border:1px solid #e8e1ef;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;min-height:150px;cursor:pointer;box-shadow:0 5px 18px #37204d08}.report-library .report-card:hover{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#bea5e9;box-shadow:0 12px 28px #3a20551a}.report-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eee7fc;color:#7651c7;font-size:19px}.report-card:nth-child(3n+2) .report-card-icon{background:#fff0e3;color:#e17b54}.report-card:nth-child(3n+3) .report-card-icon{background:#e7f7f0;color:#238c6a}.report-library .report-card b{display:block;color:#423151;font-size:13px;margin:2px 0 6px}.report-library .report-card small{display:block;color:#95899f;font-size:10px;line-height:1.55}.report-library .report-card em{grid-column:1/-1;align-self:end;font-style:normal;color:#8060bd;font-weight:700;font-size:10px;display:flex;align-items:center;gap:5px}.report-library .report-card em .k-icon{font-size:14px}.report-result{margin-top:0}.report-stats{margin-top:0}
@media(max-width:1050px){.report-library .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.history-filters>.searchable-select{flex:1 1 calc(50% - 9px);min-width:0}.history-filters>.searchable-select label{font-size:10px}.searchable-select .select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0;max-height:min(58dvh,420px);transform:translateY(14px) scale(.985);transform-origin:bottom center}.searchable-select.is-open .select-menu{transform:translateY(0) scale(1)}.report-library{gap:23px}.report-library .report-grid{grid-template-columns:1fr;gap:10px}.report-library .report-card{min-height:122px;padding:15px}.report-group>h2{font-size:15px}}

/* Branded report pages and viewport-fit Fri-Chicks style dialogs. */
.report-brand-strip{display:flex;align-items:center;gap:12px;padding:15px 18px;margin:-4px 0 14px;border:1px solid #e3d8f0;border-radius:15px;background:linear-gradient(110deg,#2b1c48,#664797 66%,#ee7754);color:#fff;box-shadow:0 12px 28px #3d225b1a}.report-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#704aa8;font-weight:850;font-size:21px;flex:none}.report-brand-strip b{display:block;font-size:14px}.report-brand-strip span{display:block;margin-top:2px;color:#eadeff;font-size:9px;letter-spacing:.9px}.report-brand-strip em{margin-left:auto;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.8px;color:#fff2eb;text-align:right}.premium-report-filters{border-color:#e3d8f0;background:linear-gradient(120deg,#fff,#fbf8ff)}.premium-report-library .report-group{padding:18px;border:1px solid #e9e2f0;border-radius:18px;background:linear-gradient(145deg,#fff,#fcfaff);box-shadow:0 8px 25px #38204b08}.report-group-title{display:flex;align-items:center;gap:9px;margin:0 0 15px}.report-group-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#efe8fb;color:#8058c4}.report-group-title h2{font-size:16px;color:#423052}.report-group-title small{margin-left:auto;border:1px solid #e7ddf1;border-radius:99px;padding:4px 8px;color:#907d9e;font-size:9px}.premium-report-result{border-top:3px solid #8a65d7}.premium-report-result .card-head{margin-bottom:15px}.report-kicker{font-size:9px!important;font-weight:750;letter-spacing:1px;color:#a77c64!important;text-transform:uppercase;margin-bottom:5px!important}.pnl-reconciliation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:15px 17px;border:1px solid #ebdfc9;border-radius:14px;background:linear-gradient(120deg,#fff8ef,#fff)}.pnl-reconciliation div{padding:5px 0}.pnl-reconciliation span{display:block;color:#947b67;text-transform:uppercase;letter-spacing:.75px;font-size:9px}.pnl-reconciliation b{display:block;margin-top:4px;color:#4a384f;font-size:12px}.pnl-reconciliation p{grid-column:1/-1;margin:2px 0 0;color:#877989;font-size:10px;line-height:1.55}.report-total-row td{background:#f7f1ff!important;border-top:1px solid #dfd0ef;border-bottom:1px solid #dfd0ef}.form-modal.modal,.modal{max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden}.modal-head{flex:none}.modal-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.form-modal .modal-body{padding:17px 20px}.form-modal #modal-form{min-height:100%;display:flex;flex-direction:column}.form-modal .form-grid{gap:0 12px}.form-modal .field{margin-bottom:9px}.form-modal .field label{font-size:10px}.form-modal .field input,.form-modal .field textarea{padding:9px 10px}.form-modal .select-trigger{min-height:39px;padding:8px 10px}.form-modal .modal-foot{position:sticky;bottom:-17px;margin-top:auto;padding:11px 0 0;background:#fff;box-shadow:0 -8px 12px #fff;z-index:5}.form-modal .notice{margin:5px 0 9px;padding:9px 12px;font-size:11px}.form-modal .detail-stats{margin:0 0 10px;padding:10px 12px;gap:8px}.form-modal .detail-stats b{font-size:15px}.form-modal .bill-summary{margin-top:8px;padding-top:7px}.form-modal .bill-row.total{font-size:15px;padding-top:8px}.modal.wide{width:min(920px,100%)}
@media(max-width:700px){.report-brand-strip{padding:12px 13px;gap:10px}.report-brand-mark{width:35px;height:35px;border-radius:11px;font-size:17px}.report-brand-strip b{font-size:12px}.report-brand-strip span{max-width:190px;font-size:8px;line-height:1.35}.report-brand-strip em{display:none}.pnl-reconciliation{grid-template-columns:1fr;padding:12px}.pnl-reconciliation p{grid-column:auto}.form-modal .modal-body{padding:13px 14px}.form-modal .form-grid{gap:0 9px}.form-modal .field{margin-bottom:7px}.form-modal .field input,.form-modal .field textarea{font-size:16px;min-height:37px;padding:7px 9px}.form-modal .select-trigger{min-height:37px;font-size:14px}.form-modal .modal-foot{bottom:-13px;padding-top:9px}.modal-head{padding:13px 14px}.modal-head h2{font-size:17px}.modal-body{padding:14px}.modal-foot{margin-top:10px;padding-top:10px}.modal-foot .btn{padding:10px 12px;font-size:11px}}
@media(max-height:680px) and (min-width:701px){.form-modal .modal-head{padding:13px 18px}.form-modal .modal-body{padding:12px 18px}.form-modal .field{margin-bottom:6px}.form-modal .field input,.form-modal .field textarea{padding:7px 9px;min-height:35px}.form-modal .select-trigger{min-height:35px;padding:6px 9px}.form-modal .modal-foot{padding-top:8px}.form-modal .notice{padding:7px 10px;margin:3px 0 7px}}

/* Billing controls, compact purchase cart and universally spaced table actions. */
.native-select select{width:100%;min-height:42px;padding:10px 34px 10px 12px;border:1px solid #ded5e8;border-radius:10px;background:#fff;color:#40314c;font:inherit;appearance:auto}.native-select select:focus{outline:0;border-color:#9c78df;box-shadow:0 0 0 3px #7a55cc12}.credit-switch{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:9px;border:1px solid #e2d5f1;border-radius:11px;background:linear-gradient(110deg,#faf7ff,#fff);color:#5e4772;cursor:pointer}.credit-switch input{width:18px;height:18px;accent-color:#7b57cd}.credit-switch b{display:block;font-size:12px}.credit-switch small{display:block;color:#947fa1;font-size:10px;margin-top:2px}.form-modal .walkin-only[hidden]{display:none}.checkout-dialog.modal{width:min(860px,100%)}.purchase-dialog.modal{width:min(980px,100%);height:min(760px,calc(100dvh - 24px))}.purchase-dialog .modal-body{display:flex;flex-direction:column;overflow:hidden}.purchase-dialog #modal-form{min-height:0;flex:1}.purchase-meta{flex:none}.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;margin:0 0 10px;border:1px solid #e9dff2;border-radius:12px;background:linear-gradient(125deg,#f8f3ff,#fff)}.purchase-summary small{display:block;color:#9684a4;font-size:9px;text-transform:uppercase;letter-spacing:.45px}.purchase-summary b{display:block;margin-top:3px;color:#463253;font-size:13px}.purchase-dialog .purchase-line-editor{margin-top:0;flex:none}.purchase-lines-scroll{flex:1;min-height:54px;max-height:none;overflow:auto;overscroll-behavior:contain;padding-right:3px}.purchase-dialog .modal-foot{flex:none}.line-quantity{display:flex;align-items:center;gap:5px}.line-quantity button{width:26px;height:26px;border:0;border-radius:7px;background:#eee7f8;color:#7653a9;font-size:16px}.line-quantity input{width:62px;min-height:28px;padding:4px 5px;border:1px solid #dfd4ea;border-radius:7px;text-align:center;font:inherit;font-size:11px}.table-wrap td:last-child{white-space:nowrap}.table-wrap td:last-child>.btn,.table-wrap td:last-child>a.btn{margin:2px 5px 2px 0}.table-wrap td:last-child>.btn:last-child,.table-wrap td:last-child>a.btn:last-child{margin-right:0}.table-wrap .btn.small{min-height:31px}.table-wrap .btn.small .k-icon{font-size:13px}.logo-upload-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed #d7c6eb;border-radius:12px;background:#fcfaff}.settings-logo-preview,.settings-logo-placeholder{width:52px;height:52px;border-radius:13px;object-fit:contain;flex:none;background:#f0e9fb}.settings-logo-placeholder{display:grid;place-items:center;color:#8a69bd;font-weight:750;font-size:10px}.logo-upload-row input{max-width:220px}.logo-upload-row span:last-child{font-size:11px;color:#907f9c;line-height:1.5}
@media(max-width:700px){.purchase-dialog.modal{height:calc(100dvh - 14px)}.purchase-summary{gap:5px;padding:8px}.purchase-summary b{font-size:11px}.purchase-dialog .purchase-line-editor{padding:10px}.purchase-dialog .purchase-line-editor .form-grid{grid-template-columns:1fr 1fr}.purchase-dialog .purchase-line-editor .span-2{grid-column:1/-1}.purchase-lines-scroll{min-height:65px}.bill-line{gap:6px;padding:8px}.bill-line> b{font-size:10px}.line-quantity input{width:46px}.line-quantity button{width:24px;height:24px}.credit-switch{padding:8px 10px}.logo-upload-row{align-items:flex-start;flex-wrap:wrap}.logo-upload-row input{width:100%;max-width:none}.table-wrap td:last-child{white-space:normal;min-width:180px}}

/* Report pages retain an actual paper hierarchy on screen and in print. */
.modal-head{background:linear-gradient(112deg,#2a1b47,#674391 67%,#ef7957);border-bottom:0;color:#fff;box-shadow:0 5px 18px #38204b24}.modal-head h2{color:#fff}.modal-head .icon-btn{border-color:#ffffff2f;background:#ffffff16;color:#fff}.modal-head .icon-btn:hover{background:#fff;color:#654390}.modal-body{background:linear-gradient(145deg,#fff,#fcf9ff)}.modal-foot{background:linear-gradient(180deg,#fff,#faf7ff)}
.account-head-picker select{display:none}.account-head-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.account-head-choice{min-width:0;padding:10px 11px;border:1px solid #dfd4eb;border-radius:10px;background:#fff;color:#5c496b;text-align:left;transition:.15s}.account-head-choice:hover{border-color:#a983de;background:#faf7ff}.account-head-choice.selected{border-color:#7751c1;background:linear-gradient(125deg,#f0e8ff,#fff4ed);box-shadow:0 0 0 2px #7b55cf18}.account-head-choice span,.account-head-choice small{display:block}.account-head-choice span{font-size:11px;font-weight:750;color:#453154}.account-head-choice small{margin-top:3px;color:#947fa1;font-size:9px;text-transform:capitalize}.form-modal .account-head-picker{margin-bottom:10px}
.pos-toolbar{align-items:flex-start}.pos-category-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pos-category-buttons button{border:1px solid #e2d7ef;border-radius:999px;padding:8px 11px;background:#fff;color:#725a83;font-size:10px;font-weight:700}.pos-category-buttons button.active{background:#643f9a;border-color:#643f9a;color:#fff}.checkout-dialog.modal{width:min(930px,100%);height:auto;max-height:calc(100dvh - 18px)}.checkout-dialog .modal-body{overflow:hidden}.checkout-dialog #modal-form{min-height:0}.checkout-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #e8def2;border-radius:12px;background:#e8def2;overflow:hidden;margin-bottom:9px}.checkout-stats span{padding:8px 11px;background:#fff}.checkout-stats small,.checkout-stats b{display:block}.checkout-stats small{font-size:9px;color:#9a89a9}.checkout-stats b{font-size:13px;color:#443253;margin-top:2px}.checkout-grid .searchable-select{margin-bottom:7px}.checkout-payment{grid-column:span 1}.checkout-payment .account-head-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.checkout-payment .account-head-choice{padding:8px 9px}.credit-choice{background:#fff5ee!important;border-color:#ffc9ae!important}.credit-choice.selected{background:linear-gradient(135deg,#ff7d55,#ef5d40)!important;border-color:#ef5d40!important}.credit-choice.selected span,.credit-choice.selected small{color:#fff!important}.compact-summary{margin-top:5px}.bill-preview-modal.modal{width:min(980px,100%);height:min(94dvh,980px)}.bill-preview-modal .modal-body{padding:0;overflow:hidden}.bill-preview{height:100%;min-height:0;background:#edeaf1}.bill-preview iframe{display:block;width:100%;height:100%;min-height:68dvh;border:0;background:#fff}.label-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;overflow:auto;margin-top:10px}.label-product-list label{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid #e8def0;border-radius:9px;background:#fff}.label-product-list b,.label-product-list small{display:block}.label-product-list b{font-size:11px}.label-product-list small{font-size:9px;color:#98869f;margin-top:2px}.report-controls{width:min(1160px,calc(100% - 64px));margin:0 auto 12px}.report-paper .report-stats{display:none}.report-brand-strip{border-color:#e6ded6;background:linear-gradient(110deg,#fff,#fff9f2);box-shadow:none;color:#161116}.report-brand-strip b{color:#171217}.report-brand-strip span{color:#936b53}.report-brand-strip em{color:#b4572e}.report-brand-mark{background:#f57943;color:#fff}.report-paper-head{border-color:#1c1718;color:#171217}.employee-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.employee-progress .card-head{grid-column:1/-1;margin-bottom:4px}.employee-progress>div{padding:10px 11px;border:1px solid #ece2f1;border-radius:10px;background:#fcfaff}.employee-progress b,.employee-progress span{display:block}.employee-progress span{font-size:10px;color:#907e9a;margin-top:3px}.uploaded-brand-mark{background:#fff!important;padding:0!important;overflow:hidden}.uploaded-brand-mark img{width:100%;height:100%;object-fit:contain}.user-block{position:relative}.user-menu-toggle{border:0;background:transparent;color:#8b7d9a;font-size:17px}.user-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);width:145px;padding:6px;border:1px solid #e5dcec;border-radius:10px;background:#fff;box-shadow:0 14px 28px #28173b22;z-index:80}.user-block.menu-open .user-menu{display:grid}.user-menu a,.user-menu button{border:0;background:#fff;padding:8px;text-align:left;font:inherit;font-size:11px;color:#594768;display:flex;gap:7px;align-items:center}.user-menu button{width:100%}
.pos-toolbar{display:block}.pos-toolbar .search-box{width:100%;max-width:none}.pos-category-buttons{justify-content:flex-start;margin-top:9px;width:100%}.checkout-dialog.modal{height:calc(100dvh - 12px)}.checkout-dialog .modal-body{padding:10px 16px}.checkout-dialog #modal-form{display:grid;grid-template-rows:auto auto auto auto;gap:5px;height:100%}.checkout-dialog .modal-foot{position:static;bottom:auto;margin:0;padding:7px 0 0}.checkout-dialog .field{margin-bottom:4px}.checkout-dialog .field label{font-size:9px}.checkout-dialog .field input,.checkout-dialog .select-trigger{min-height:32px;padding:6px 8px}.checkout-dialog .checkout-payment .account-head-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-dialog .account-head-choice{padding:6px 7px}.checkout-dialog .account-head-choice small{font-size:8px}.checkout-dialog .checkout-stats{margin-bottom:2px}.checkout-dialog .checkout-stats span{padding:5px 8px}.checkout-dialog .checkout-stats b{font-size:11px}.checkout-dialog .compact-summary{margin:0;padding-top:3px}.checkout-dialog .bill-row{margin:4px 0}.checkout-dialog .bill-row.total{font-size:13px;padding-top:5px}
.label-product-list label{grid-template-columns:auto minmax(0,1fr) 88px;align-items:center}.label-product-list .label-qty{width:100%;min-height:33px;padding:6px 8px;border:1px solid #ded4e8;border-radius:8px;font:inherit;font-size:11px}.bill-preview-modal .modal-body{display:flex;flex:1;min-height:0}.bill-preview-modal .bill-preview{display:flex;flex:1}.bill-preview-modal .bill-preview iframe{flex:1;min-height:0}.bill-preview-modal .modal-foot{flex:none;position:static;margin:0;padding:10px 18px}
.purchase-dialog.modal,.checkout-dialog.modal{width:calc(100vw - 28px);height:calc(100dvh - 28px);max-width:none;max-height:none;border-radius:24px;background:#f7faf7;box-shadow:0 30px 90px #001c162e}.purchase-dialog .modal-head,.checkout-dialog .modal-head{padding:25px 30px 16px;background:#f7faf7;color:#164c42;box-shadow:none;border-bottom:0}.purchase-dialog .modal-head:before,.checkout-dialog .modal-head:before{content:'BILLING WORKSPACE';position:absolute;top:10px;left:31px;color:#a07b40;font-size:9px;font-weight:800;letter-spacing:2px}.purchase-dialog .modal-head h2,.checkout-dialog .modal-head h2{margin-top:16px;color:#164c42;font-size:28px;letter-spacing:-1px}.purchase-dialog .modal-head .icon-btn,.checkout-dialog .modal-head .icon-btn{background:transparent;border:0;color:#789084}.purchase-dialog .modal-body,.checkout-dialog .modal-body{padding:10px 30px 16px;background:#f7faf7}.purchase-dialog .field label,.checkout-dialog .field label{color:#60776d;font-size:11px;font-weight:800;text-transform:uppercase}.purchase-dialog .field input,.purchase-dialog .field textarea,.purchase-dialog .native-select select,.purchase-dialog .select-trigger,.checkout-dialog .field input,.checkout-dialog .select-trigger{border-color:#d5e2da;background:#fff;border-radius:10px;color:#31453d}.purchase-dialog .account-head-choice,.checkout-dialog .account-head-choice{border-color:#d5e2da;background:#fff;color:#355449}.purchase-dialog .account-head-choice.selected,.checkout-dialog .account-head-choice.selected{border-color:#0f705e;background:#e9f4ef;box-shadow:0 0 0 2px #0f705e16}.purchase-dialog .purchase-line-editor{background:#fff;border:1px solid #d6e2db;border-radius:14px}.purchase-dialog .purchase-summary{background:#edf5f0;border-color:#d7e5dc}.purchase-dialog .modal-foot,.checkout-dialog .modal-foot{border-color:#d6e3db;background:transparent}.purchase-dialog .btn.orange,.checkout-dialog .btn.orange{background:#0e6e5c;box-shadow:0 8px 16px #0e6e5c27}.purchase-dialog .btn.light,.checkout-dialog .btn.light{background:#edf3ef;border-color:#edf3ef;color:#486258}.purchase-dialog #modal-form{display:flex;flex-direction:column;min-height:0}.purchase-dialog .purchase-meta{flex:none}.purchase-dialog .purchase-line-editor{margin-top:10px}.purchase-dialog .purchase-lines-scroll{min-height:90px}.purchase-dialog .modal-foot{margin-top:10px;padding-top:14px}.checkout-dialog .checkout-stats{background:#dbe9e1;border-color:#dbe9e1}.checkout-dialog .checkout-stats span{background:#f7faf7}.checkout-dialog .checkout-stats b{color:#164c42}.checkout-dialog .credit-choice{border-color:#b7d2c7!important;background:#f3f8f5!important}.checkout-dialog .credit-choice.selected{background:#0e6e5c!important;border-color:#0e6e5c!important}
@media(max-width:700px){.purchase-dialog.modal,.checkout-dialog.modal{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:14px}.purchase-dialog .modal-head,.checkout-dialog .modal-head{padding:19px 18px 12px}.purchase-dialog .modal-head:before,.checkout-dialog .modal-head:before{left:19px;top:8px}.purchase-dialog .modal-head h2,.checkout-dialog .modal-head h2{font-size:21px}.purchase-dialog .modal-body,.checkout-dialog .modal-body{padding:8px 14px 10px}}
/* Keep Kashi Mobile's original purple / coral identity; reference controls only guide layout. */
.purchase-dialog.modal,.checkout-dialog.modal{background:#fff;box-shadow:0 30px 90px #24143a42}.purchase-dialog .modal-head,.checkout-dialog .modal-head{background:linear-gradient(112deg,#2a1b47,#674391 67%,#ef7957);color:#fff}.purchase-dialog .modal-head h2,.checkout-dialog .modal-head h2{color:#fff}.purchase-dialog .modal-head:before,.checkout-dialog .modal-head:before{color:#f8cf9f}.purchase-dialog .modal-head .icon-btn,.checkout-dialog .modal-head .icon-btn{background:#ffffff16;border:1px solid #ffffff2f;color:#fff}.purchase-dialog .modal-body,.checkout-dialog .modal-body{background:linear-gradient(145deg,#fff,#fcf9ff)}.purchase-dialog .field label,.checkout-dialog .field label{color:#81718f}.purchase-dialog .field input,.purchase-dialog .field textarea,.purchase-dialog .native-select select,.purchase-dialog .select-trigger,.checkout-dialog .field input,.checkout-dialog .select-trigger{border-color:#e2d9ea;color:#40314c}.purchase-dialog .account-head-choice,.checkout-dialog .account-head-choice{border-color:#dfd4eb;color:#5c496b}.purchase-dialog .account-head-choice.selected,.checkout-dialog .account-head-choice.selected{border-color:#7751c1;background:linear-gradient(125deg,#f0e8ff,#fff4ed);box-shadow:0 0 0 2px #7b55cf18}.purchase-dialog .purchase-line-editor{background:linear-gradient(145deg,#fcfaff,#f8f3ff);border-color:#d9c7eb}.purchase-dialog .purchase-summary{background:linear-gradient(125deg,#f8f3ff,#fff);border-color:#e9dff2}.purchase-dialog .modal-foot,.checkout-dialog .modal-foot{border-color:#ece4f2}.purchase-dialog .btn.orange,.checkout-dialog .btn.orange{background:linear-gradient(135deg,#ff8c62,#f56646);box-shadow:0 7px 16px #f9704c29}.purchase-dialog .btn.light,.checkout-dialog .btn.light{background:#fff;border-color:#e5e0eb;color:#6e6380}.checkout-dialog .checkout-stats{background:#e8def2;border-color:#e8def2}.checkout-dialog .checkout-stats span{background:#fff}.checkout-dialog .checkout-stats b{color:#443253}.checkout-dialog .credit-choice{border-color:#ffc9ae!important;background:#fff5ee!important}.checkout-dialog .credit-choice.selected{background:linear-gradient(135deg,#ff7d55,#ef5d40)!important;border-color:#ef5d40!important}
.checkout-dialog .checkout-stats{grid-template-columns:repeat(4,1fr)}.checkout-dialog .checkout-grid>.searchable-select,.checkout-dialog .checkout-payment{grid-column:1/-1}.checkout-dialog .checkout-payment .account-head-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.checkout-dialog .searchable-select{z-index:220}.checkout-dialog .searchable-select .select-menu{top:calc(100% + 4px);z-index:230}.checkout-dialog .checkout-grid{overflow:visible}.checkout-dialog .modal-body{overflow:visible}@media(max-width:700px){.checkout-dialog .checkout-stats{grid-template-columns:repeat(2,1fr)}.checkout-dialog .checkout-payment .account-head-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:760px) and (min-width:701px){.form-modal .modal-head{padding:10px 16px}.form-modal .modal-body{padding:10px 16px}.form-modal .field{margin-bottom:5px}.form-modal .field input,.form-modal .field textarea{min-height:31px;padding:6px 8px}.form-modal .select-trigger{min-height:32px;padding:5px 8px}.form-modal .modal-foot{padding-top:7px}.checkout-stats span{padding:6px 9px}.checkout-payment .account-head-choice{padding:6px 7px}.checkout-payment .account-head-choice small{font-size:8px}.purchase-summary{padding:7px 9px}.purchase-line-editor{padding:9px}.purchase-line-editor h3{margin-bottom:6px}.purchase-dialog.modal{height:calc(100dvh - 14px)}}
@media(max-width:700px){.pos-toolbar{display:block}.pos-category-buttons{justify-content:flex-start;margin-top:9px;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.pos-category-buttons button{white-space:nowrap}.checkout-grid,.checkout-payment{grid-column:1/-1}.checkout-payment .account-head-buttons{grid-template-columns:1fr 1fr}.checkout-stats{gap:1px}.checkout-stats b{font-size:11px}.report-controls{width:100%;padding:0 14px}.label-product-list{grid-template-columns:1fr;max-height:220px}.bill-preview iframe{min-height:63dvh}}
@media print{.report-controls{display:none!important}}
.report-paper{width:min(210mm,calc(100vw - 70px));min-height:297mm;margin:20px auto 34px;padding:15mm 14mm 12mm;background:#fff;border:1px solid #e4dced;box-shadow:0 18px 45px #2d18401f;box-sizing:border-box}.report-paper.report-paper-a3{width:min(297mm,calc(100vw - 70px));min-height:420mm}.report-paper-head{display:flex;justify-content:space-between;gap:20px;padding:0 0 10px;border-bottom:2px solid #7d58b6;color:#4b3560}.report-paper-head div:last-child{text-align:right}.report-paper-head b,.report-paper-head span{display:block}.report-paper-head b{font-size:12px}.report-paper-head span{margin-top:3px;color:#927fa2;font-size:9px;letter-spacing:.35px}.report-paper-foot{margin-top:22px;padding:12px 0 0;border-top:1px solid #e5dcea;color:#917b9e;text-align:center;font-size:10px}.report-paper .report-brand-strip{margin-top:16px}.report-paper .premium-report-filters{margin-top:14px}@media(max-width:760px){.report-paper,.report-paper.report-paper-a3{width:100%;min-height:0;margin:0;padding:14px;border:0;box-shadow:none}.report-paper-head{gap:8px}.report-paper-head b{font-size:10px}.report-paper-head span{font-size:8px}.report-paper .report-brand-strip{margin-top:12px}}@media print{body{background:#fff!important}.topbar,.sidebar,.page-head,.report-library,.backup-actions{display:none!important}.report-paper,.report-paper.report-paper-a3{width:100%;min-height:0;margin:0;padding:10mm 10mm 12mm;border:0;box-shadow:none;break-after:page}.report-paper.report-paper-a3{size:A3 landscape}.report-paper-head{break-inside:avoid}.report-paper-foot{position:running(report-footer)}@page{size:A4;margin:10mm}.report-paper.report-paper-a3{@page{size:A3 landscape;margin:10mm}}}