@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap");:root{color-scheme:light;--ink:#17211b;--muted:#6f776f;--line:#e4e8e3;--surface:#ffffff;--canvas:#f3f5f1;--green:#2a58a6;--green-dark:#1e4383;--green-soft:#e8eef9;--amber:#e89a36;--red:#bf4b45;--shadow:0 14px 40px rgba(34,51,40,.08);font-family:Noto Sans Thai,sans-serif;background:var(--canvas);color:var(--ink)}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:clip}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-frame{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:24px 16px;background:#18366b;color:white;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;background:white;color:var(--green);display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:800}.brand small,.brand strong{display:block}.brand strong{font-family:Outfit,sans-serif;font-size:18px;letter-spacing:.3px}.brand-logo{border-radius:50%;object-fit:contain;flex:0 0 auto}.brand small{margin-top:1px;color:#b9cabe;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.nav-list{display:grid;grid-gap:5px;gap:5px}.nav-scroll-hint{display:none}.nav-list a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#d7e2da;font-size:14px;transition:.15s ease}.nav-list a:hover{background:rgba(255,255,255,.09);color:white;transform:translateX(2px)}.nav-list a span{width:22px;text-align:center;color:#e2b163;font-size:17px}.profile-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 4px 0;display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center}.profile-card .avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e6f2eb;color:var(--green);font-weight:700}.profile-card small,.profile-card strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card strong{font-size:13px}.profile-card small{color:#aebfb3;font-size:11px;text-transform:capitalize}.profile-card form{grid-column:1/-1}.app-main{min-width:0;padding:32px 40px 50px}.page-header{min-height:70px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-header h1{font-size:28px;line-height:1.25;margin-bottom:5px}.page-header p{color:var(--muted);margin:0;font-size:14px}.page-actions{display:flex;gap:10px}.button{border:0;border-radius:10px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:.15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{color:white;background:var(--green);box-shadow:0 6px 18px rgba(42,88,166,.2)}.button-primary:hover{background:var(--green-dark)}.button-secondary{background:var(--green-soft);color:var(--green)}.button-danger{background:#f9e8e6;color:var(--red)}.button-ghost{background:transparent;color:inherit;border:1px solid var(--line)}.sidebar .button-ghost{border-color:rgba(255,255,255,.15);color:#cbd8cf;width:100%}.button-small{min-height:32px;padding:0 11px;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(31,55,39,.035)}.card-pad{padding:22px}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card small{color:var(--muted)}.stat-card strong{display:block;font-family:Outfit,sans-serif;font-size:29px;margin-top:8px}.stat-card .trend{font-size:12px;color:var(--green);margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-title h2{font-size:18px;margin:0}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.search{flex:1 1;min-width:220px;position:relative}.search input{width:100%;padding-left:38px}.search:before{content:"⌕";position:absolute;left:14px;top:9px;color:var(--muted);font-size:20px}input,select,textarea{width:100%;border:1px solid #dce2dc;background:white;border-radius:10px;min-height:42px;padding:9px 12px;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7193ce;box-shadow:0 0 0 3px rgba(42,88,166,.1)}label{display:grid;grid-gap:6px;gap:6px;color:#485148;font-size:13px;font-weight:500}.form-stack{display:grid;grid-gap:16px;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.form-error{background:#fbe9e7;color:#a63e38}.form-error,.form-success{padding:10px 12px;border-radius:9px;font-size:13px;margin:0}.form-success{background:var(--green-soft);color:var(--green)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:12px 15px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);background:#fafbf9}.data-table td{padding:14px 15px;border-bottom:1px solid #edf0ec;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .actions{display:flex;justify-content:flex-end;gap:6px}.money{font-family:Outfit,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge,.money{font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;background:#eef1ed;color:#5e665e}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:#fff1dd;color:#a96713}.badge-red{background:#fbe9e7;color:#a63e38}.badge-blue{background:#e7f0f8;color:#396f9c}.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:5px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(15,29,21,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:white;border-radius:18px;box-shadow:var(--shadow);padding:24px}.modal-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,42%) 1fr;background:white}.login-panel{width:min(440px,calc(100% - 48px));margin:auto;display:grid;grid-gap:46px;gap:46px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand small,.login-brand strong{display:block}.login-brand strong{font:700 19px Outfit}.login-brand small{color:var(--muted);font-size:11px;letter-spacing:1.5px}.login-panel h1{font-size:34px;margin:6px 0 7px}.login-panel p{color:var(--muted)}.eyebrow{color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700}.login-visual{padding:70px;display:flex;align-items:flex-end;color:white;background:linear-gradient(150deg,rgba(42,88,166,.18),rgba(17,45,93,.88)),url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1600&q=85) 50%/cover}.login-visual h2{font-size:clamp(42px,5vw,70px);line-height:1.08;margin:12px 0 20px}.login-visual p{max-width:500px;color:#d7e5dc}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.menu-card{padding:17px;cursor:pointer;transition:.15s}.menu-card:hover{border-color:#9fc5af;transform:translateY(-2px);box-shadow:var(--shadow)}.menu-card h3{font-size:15px;margin-bottom:5px}.menu-card p{color:var(--muted);font-size:12px;margin-bottom:15px}.menu-card-footer{display:flex;align-items:center;justify-content:space-between}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;align-items:start}.cart{position:-webkit-sticky;position:sticky;top:24px}.cart-line{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-line h4{margin:0 0 3px;font-size:13px}.qty-control{display:flex;align-items:center;gap:8px}.qty-control button{width:27px;height:27px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.cart-total{padding-top:17px;display:grid;grid-gap:8px;gap:8px}.cart-total div{display:flex;justify-content:space-between}.cart-total .grand{border-top:1px solid var(--line);padding-top:12px;font-size:18px}.order-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.order-meta label:nth-child(2),.order-meta>label:first-child{grid-column:1/-1}.line-note,.line-option{display:block;color:var(--green);font-size:11px}.line-note{color:#9a6625}.print-order-button{min-height:49px;font-size:15px}.source-choices{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.source-choices button{width:100%;min-width:0;height:68px;padding:5px;border:1px solid var(--line);border-radius:10px;background:white;cursor:pointer;display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;overflow:hidden}.source-choices button.active{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(42,88,166,.08)}.source-choices img{border-radius:7px;object-fit:cover}.source-choices small{font-size:10px;font-weight:700;white-space:nowrap}.source-store{font-size:25px;line-height:30px}.icon-choice-field{width:100%;border:0;padding:0;margin:0;min-width:0;grid-column:1/-1}.icon-choice-field legend{font-size:12px;color:#485148;font-weight:600;margin-bottom:6px}.cart-total .icon-choice-grid,.icon-choice-grid{width:100%;display:grid;grid-gap:8px;gap:8px}.icon-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-choice{width:100%;min-width:0;min-height:68px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--muted);cursor:pointer;display:grid;justify-items:center;align-content:center;grid-gap:3px;gap:3px;padding:7px}.icon-choice svg{width:22px;height:22px}.icon-choice span{font-size:11px;font-weight:600;white-space:nowrap}.icon-choice.active{border-color:var(--green);background:var(--green-soft);color:var(--green);box-shadow:0 0 0 2px rgba(42,88,166,.08)}.language-switcher{margin:-12px 8px 18px;padding:5px;border:1px solid rgba(255,255,255,.16);border-radius:10px;display:flex;align-items:center;gap:4px;color:#d5e1f4}.language-switcher svg{margin-inline:3px auto}.language-switcher button{border:0;border-radius:6px;background:transparent;color:#c9d6ec;padding:3px 7px;cursor:pointer;font-size:10px;font-weight:700}.language-switcher button.active{background:white;color:var(--green)}.login-brand .language-switcher{margin:0 0 0 auto;border-color:var(--line);color:var(--green)}.login-brand .language-switcher button{color:var(--muted)}.login-brand .language-switcher button.active{background:var(--green);color:white}.page-loading{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;animation:loading-pulse 1.2s ease-in-out infinite}.page-loading>span{display:block;height:24px;border-radius:8px;background:#e3e8e2}.page-loading>span:first-child{grid-column:1/3;height:38px}.loading-card{height:220px;grid-column:span 3;border-radius:16px;background:#e7ebe6}@keyframes loading-pulse{50%{opacity:.52}}.dashboard-filters{padding:12px;margin-bottom:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dashboard-filters input{width:190px}.period-switch{display:flex;padding:3px;border-radius:10px;background:#eef1f6}.period-switch button{border:0;border-radius:8px;padding:8px 12px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:6px}.period-switch button.active{background:white;color:var(--green);box-shadow:0 2px 8px rgba(35,61,106,.1)}.category-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.category-stat{padding:16px;display:flex;align-items:center;gap:12px}.category-stat>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green)}.category-stat small,.category-stat strong{display:block}.category-stat small{color:var(--muted);margin-top:2px}.dashboard-bottom{min-width:0;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}.dashboard-bottom>section{min-width:0}.chart-scroll,.dashboard-bottom .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-chart{height:230px;display:flex;align-items:flex-end;gap:7px}.chart-column{flex:1 1;min-width:24px;text-align:center;display:grid;align-items:end;height:100%;grid-template-rows:28px 1fr 22px}.chart-column>div{width:72%;margin:auto auto 4px;border-radius:7px 7px 2px 2px;background:linear-gradient(#6388ca,#2a58a6)}.chart-column small{font-size:8px;overflow:hidden}.chart-column span{font-size:9px;color:var(--muted)}.option-group{border:0;padding:0;margin:0}.option-group legend{font-size:13px;font-weight:600;margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.sweetness-grid{grid-template-columns:repeat(3,1fr)}.choice-button{padding:13px 8px;border:1px solid var(--line);border-radius:10px;background:white;cursor:pointer;color:var(--ink)}.choice-button.active{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:700;box-shadow:0 0 0 2px rgba(42,88,166,.08)}.order-card-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:15px;gap:15px;align-items:center}.order-queue{font:700 26px Outfit,sans-serif;min-width:74px;height:52px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:12px}.order-title{display:flex;gap:8px;align-items:center}.order-card-head small{color:var(--muted)}.external-order{color:#9a6625;font-size:12px;margin-top:3px}.order-total{font-size:20px}.order-lines{margin:16px 0;border-block:1px solid var(--line)}.order-line{padding:10px 2px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px dashed var(--line);font-size:13px}.order-line:last-child{border-bottom:0}.order-line small{display:block;color:var(--muted);margin-top:2px}.order-actions{margin:0;justify-content:flex-end}.payment-select{width:180px;min-height:34px}.orders-filters{align-items:end}.orders-filters label,.orders-filters select{width:190px}.date-filter-control{position:relative}.date-filter-control svg{position:absolute;z-index:1;left:12px;top:50%;color:var(--green);pointer-events:none;transform:translateY(-50%)}.date-filter-control input{padding-left:38px}.edit-order-items{display:grid;grid-gap:12px;gap:12px}.edit-order-item{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbf9;display:grid;grid-gap:10px;gap:10px}.receipt-cancelled{margin:1mm 0;padding:1mm;border:2px solid #000;text-align:center;font-size:18px;font-weight:900;text-transform:uppercase}.print-receipts{display:none}@media print{@page{size:58mm 200mm;margin:0}body,html{width:58mm;margin:0!important;padding:0!important;background:white!important}body>*{visibility:hidden!important}.print-receipts,.print-receipts *{visibility:visible!important}.print-receipts{display:block!important;position:absolute;inset:0 auto auto 0;width:58mm;color:#000;background:#fff;font-family:Arial,Noto Sans Thai,sans-serif}.thermal-receipt{width:58mm;padding:3mm 3mm 5mm;font-size:10px;line-height:1.35}.kitchen-receipt{border-bottom:1px dashed #000;padding-bottom:7mm;margin-bottom:3mm}.receipt-title{text-align:center;font-weight:700;font-size:13px;margin:1mm 0}.queue-number{text-align:center;font:900 32px/1 Arial,sans-serif;margin:2mm 0;letter-spacing:1px}.customer-queue{font-size:27px}.receipt-order-source{font-size:18px;line-height:1.25;margin-bottom:1mm}.receipt-center{text-align:center}.receipt-rule{border-top:1px dashed #000;margin:2mm 0}.receipt-row{display:flex;justify-content:space-between;gap:2mm}.receipt-item{padding:1.2mm 0}.receipt-item small{display:block;padding-left:3mm}.receipt-grand{font-size:13px;border-top:1px solid #000;margin-top:1mm;padding-top:1mm}.receipt-date{margin-top:3mm}.receipt-footer{margin-top:2mm}}@media (max-width:1100px){.dashboard-bottom{grid-template-columns:1fr}.app-main{padding-inline:28px}}@media (max-width:960px){.app-frame{grid-template-columns:84px 1fr}.sidebar{padding-inline:10px}.brand span:last-child,.nav-list a:not(:hover){font-size:0}.brand{justify-content:center;padding-inline:0}.brand-logo{width:45px;height:45px}.nav-list a{justify-content:center}.nav-list a span{font-size:18px}.profile-card div,.profile-card form{display:none}.profile-card{display:flex;justify-content:center}.language-switcher svg{display:none}.language-switcher{margin-inline:0}.pos-layout{grid-template-columns:1fr}.cart{position:static}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.app-frame{display:block}.sidebar{height:auto;position:-webkit-sticky;position:sticky;z-index:10;flex-direction:row;align-items:center;overflow:hidden;padding:9px 12px}.brand{flex:0 0 auto;padding:0 8px 0 0}.brand>span:last-child{display:none}.brand-logo{width:38px;height:38px}.nav-scroll{position:relative;flex:1 1 auto;min-width:0}.nav-list{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-right:34px}.nav-list::-webkit-scrollbar{display:none}.nav-list a{flex:0 0 auto;min-width:45px;padding:9px}.nav-scroll-hint{position:absolute;z-index:2;inset:0 0 0 auto;width:34px;display:grid;place-items:center end;pointer-events:none;color:#f1b75a;background:linear-gradient(90deg,rgba(24,54,107,0),#18366b 58%);animation:nav-hint-pulse 1.6s ease-in-out infinite}.language-switcher{flex:0 0 auto;margin:0 5px;min-width:80px}.profile-card{display:none}.app-main{padding:22px 18px 40px}.page-header{margin-bottom:18px}.page-header h1{font-size:24px}.form-grid,.grid-2,.grid-3,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:40px 0}.data-table{min-width:620px}.sweetness-grid{grid-template-columns:repeat(2,1fr)}.order-card-head{grid-template-columns:auto 1fr}.order-total{grid-column:2}.order-meta{grid-template-columns:1fr}.order-meta label:nth-child(2){grid-column:auto}}@keyframes nav-hint-pulse{50%{transform:translateX(3px);opacity:.65}}@media (max-width:520px){.app-main{padding-inline:12px}.dashboard-stats,.grid-4{grid-template-columns:1fr}.dashboard-filters{align-items:stretch}.dashboard-filters .button,.dashboard-filters input{width:100%}.orders-filters{align-items:stretch}.orders-filters .button,.orders-filters label,.orders-filters select,.period-switch{width:100%}.period-switch button{flex:1 1;justify-content:center}.icon-choice-grid.four{grid-template-columns:repeat(2,1fr)}.modal{padding:18px}.order-queue{min-width:62px;font-size:22px}.page-header{min-height:52px}}