@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-thai-thai-400-normal.cfa7347b.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-thai-400-normal.1777396b.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-thai-latin-ext-400-normal.d1f0118e.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-ext-400-normal.1445e4a9.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-thai-latin-400-normal.b5fe6246.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-400-normal.62ebf3e1.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/noto-sans-thai-thai-500-normal.55245bc8.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-thai-500-normal.4d98c103.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/noto-sans-thai-latin-ext-500-normal.5777c495.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-ext-500-normal.c84f53b0.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/noto-sans-thai-latin-500-normal.55890779.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-500-normal.b61eb7ba.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/noto-sans-thai-thai-600-normal.96af9127.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-thai-600-normal.83f567f6.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/noto-sans-thai-latin-ext-600-normal.635d5a93.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-ext-600-normal.0329dbce.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/noto-sans-thai-latin-600-normal.85900f16.woff2) format("woff2"),url(/_next/static/media/noto-sans-thai-latin-600-normal.22acfcc4.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--background:#f7f9fc;--surface:#fff;--surface-muted:#f2f5f8;--text-primary:#1b2533;--text-secondary:#667085;--border:#e3e8ef;--primary:#27628d;--primary-hover:#1f5278;--success:#2e7d5b;--warning:#b7791f;--danger:#c2413b;--sidebar:232px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:6px}*{box-sizing:border-box}body{background:var(--background);color:var(--text-primary);margin:0;font:14px/1.6 Noto Sans Thai,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.5}h1,h2{font-weight:600}h2{font-size:16px}h3{font-weight:600}h3,p{font-size:14px}p,small{color:var(--text-secondary)}small{font-size:12px}b,strong{font-weight:600}svg{flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}input,select,textarea{width:100%;min-height:38px;color:var(--text-primary);background:#fff;border:1px solid #d5dce5;border-radius:6px;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #27628d25}input::placeholder{color:#8993a1}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--primary)}textarea{resize:vertical;min-height:80px}select,summary{cursor:pointer}.btn{min-height:36px;color:var(--text-primary);white-space:nowrap;background:#fff;border:1px solid #d7dfe8;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-muted)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger);background:0 0;border-color:#0000}.btn.danger:hover{background:#fbefed}.btn.small{min-height:32px;padding:4px 8px;font-size:12px}.text-link{color:var(--primary);text-align:left;background:0 0;border:0;padding:0;font-weight:500}.text-link:hover{text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--text-secondary)}.warning-text{color:var(--warning)}.danger-text,.error{color:var(--danger)}.success-text{color:var(--success)}.numeric{text-align:right;font-variant-numeric:tabular-nums}.skip-link{z-index:300;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.sidebar{width:var(--sidebar);border-right:1px solid var(--border);z-index:40;background:#fff;flex-direction:column;padding:24px 12px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 20px;display:flex}.brand-mark{width:40px;height:40px;color:var(--primary);background:#eaf2f8;border-radius:8px;place-items:center;display:grid}.brand strong{white-space:nowrap;font-size:16px}.brand small{margin-top:4px;display:block}.branch{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;margin:0 8px 12px;padding:12px 0;font-size:12px;display:flex}.sidebar nav{scrollbar-width:thin;flex:1;overflow-y:auto}.nav-section{margin-bottom:12px}.nav-section-label{color:#8490a1;padding:8px 12px 4px;font-size:12px;display:block}.sidebar nav button{text-align:left;color:#536173;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:38px;padding:8px 12px;font-size:13px;display:flex}.sidebar nav button:hover{background:var(--surface-muted)}.sidebar nav button.active{color:var(--primary);background:#eaf2f8;font-weight:600}.sidebar nav button small{color:inherit;margin-left:auto}.sidebar nav button svg{stroke-width:1.6px}.user-menu{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;position:relative}.user-menu summary{align-items:center;gap:8px;padding:8px;list-style:none;display:flex}.user-menu summary::-webkit-details-marker{display:none}.avatar{background:var(--surface-muted);width:32px;height:32px;color:var(--text-secondary);border-radius:6px;place-items:center;display:grid}.user-menu summary span:nth-child(2){flex:1}.user-menu small{font-size:12px;display:block}.user-menu b{font-size:12px}.role-options{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 4px 20px #1b253315}.role-options>small{padding:8px}.role-options button{text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px;font-size:13px;display:flex}.role-options button:hover,.role-options button[aria-pressed=true]{color:var(--primary);background:#eaf2f8}.app-shell{margin-left:var(--sidebar)}.app-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;height:56px;padding:0 32px}.app-header,.header-breadcrumb{align-items:center;display:flex}.header-breadcrumb{color:var(--text-secondary);gap:12px;font-size:12px}.header-breadcrumb b{color:#b0b8c4;font-weight:400}.header-breadcrumb strong{color:var(--text-primary);font-size:13px;font-weight:500}.header-tools{align-items:center;gap:16px;display:flex}.global-search-button,.header-role{color:var(--text-secondary);font-size:12px}.global-search-button{background:0 0;border-color:#0000;justify-content:flex-start;min-width:120px}.notification-button{background:0 0;border-color:#0000;padding:6px;position:relative}.notification-button>span{color:var(--primary);text-align:center;background:#edf2f7;border-radius:4px;min-width:16px;height:16px;font-size:10px;line-height:16px;position:absolute;top:0;right:0}.menu-toggle{display:none}main{outline:none;max-width:1536px;min-height:calc(100vh - 112px);margin:auto;padding:24px 32px 40px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head p{margin-top:4px;font-size:12px}.page-head>.actions{padding-top:4px}.back-link{color:var(--text-secondary);background:0 0;border:0;margin-bottom:8px;padding:0;font-size:12px;display:block}.app-footer{border-top:1px solid var(--border);color:#8993a1;justify-content:space-between;padding:16px 32px;font-size:12px;display:flex}.section{min-width:0;margin-bottom:24px}.section-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:12px;display:flex}.section-head>select{width:auto;min-width:180px;font-size:12px}.section-head>.muted{font-size:12px}.split-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.home-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;display:grid}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px 0;display:flex}.toolbar>.field{width:160px;margin:0}.toolbar>.field>span{font-size:12px}.toolbar>.search-input{width:360px;max-width:100%}.result-count{color:var(--text-secondary);margin-left:auto;padding-bottom:8px;font-size:12px}.search-input{color:#8993a1;background:#fff;border:1px solid #d5dce5;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:flex}.search-input input{background:0 0;border:0;outline:none;min-width:0;min-height:36px;padding:6px 0;font-size:13px}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #27628d15}.search-input button{color:var(--text-secondary);background:0 0;border:0;padding:4px;display:flex}.quick-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding-bottom:8px;display:flex}.quick-filters button{min-height:32px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:flex}.quick-filters button.selected{color:var(--primary);background:#eaf2f8;font-weight:500}.quick-filters button span{font-variant-numeric:tabular-nums;font-size:12px}.quick-filters button:hover{background:var(--surface-muted)}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{z-index:1;position:sticky;top:0}th{text-align:left;color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid var(--border);background:#f6f8fa;font-size:12px;font-weight:500}td,th{padding:10px 12px}td{border-bottom:1px solid #edf0f4;line-height:1.6}tr:last-child td{border-bottom:0}td small{margin-top:2px;font-size:12px;line-height:1.5;display:block}td .inline-unit{margin:0;font-weight:400;display:inline}tbody tr:hover{background:#fafbfd}.clickable{cursor:pointer}.badge{color:#617184;white-space:nowrap;background:#f2f5f8;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:400;line-height:1.5;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.badge.warning{color:#986414;background:#fcf4e8}.badge.danger{color:#b33e38;background:#fbefed}.badge.success{color:#317656;background:#edf6f0}.quiet-status{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.quiet-status .status-dot{color:var(--success)}.repeated-product{visibility:hidden}.recommended{color:var(--primary)}.empty{text-align:center;border:1px dashed var(--border);border-radius:8px;margin:12px 0;padding:32px 16px}.empty h3{color:#64748b;font-weight:500}.empty p{margin:8px 0 16px;font-size:12px}.empty .btn{margin-top:12px}.stat-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;padding:16px 0 20px;display:flex}.stat-strip>div{border-right:1px solid var(--border);flex:1;padding:0 24px}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:0}.stat-strip small{display:block}.stat-strip strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:600;display:block}.stat-strip span{color:var(--text-secondary);font-size:12px}.action-center{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px 20px}.action-center .section-head{margin-bottom:8px}.action-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text-primary);background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.action-row:last-child{border-bottom:0}.action-row:hover{background:#f7f9fc}.action-row>span:nth-child(2){flex:1;min-width:0}.action-row b{font-size:14px;font-weight:500}.action-row small{color:var(--text-secondary);margin-top:2px;display:block}.action-row>strong{font-variant-numeric:tabular-nums;font-size:16px}.action-row>.action-label{color:var(--primary);font-size:12px}.action-row>svg{color:var(--primary)}.action-row.warning>.status-dot{background:var(--warning)}.action-row.danger>.status-dot{background:var(--danger)}.action-row.info>.status-dot{background:var(--primary)}.action-row.neutral>.status-dot{background:#9aa6b5}.notice{color:#416077;border-left:2px solid var(--primary);background:#eef4f8;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.notice.warning{border-left-color:var(--warning);color:#895d1d;background:#fcf5e9}.notice.success{border-left-color:var(--success);color:var(--success);background:#edf6f0}.inline-error{color:var(--danger);border-left:2px solid var(--danger);background:#fbefed;margin:12px 0;padding:12px;font-size:13px}.field{margin-bottom:16px;font-size:13px;display:block}.field>span{margin-bottom:4px;font-weight:500;display:block}.field>small{margin-top:4px;display:block}.field input,.field select,.field textarea{font-size:13px}.required{color:var(--danger)}.field-readonly{min-height:38px;color:var(--text-secondary);padding:8px 0;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:20px;display:flex}.check-row{gap:8px;padding:12px 0;font-size:13px}.check-row,.list-row{align-items:center;display:flex}.list-row{justify-content:space-between;gap:12px;padding:12px}.list-row,.work-steps{border-bottom:1px solid var(--border)}.work-steps{gap:24px;margin:-8px 0 20px;padding-bottom:12px;display:flex}.work-steps>span{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.work-steps b{font-weight:500}.work-steps .done{color:var(--primary)}.order-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.order-left{min-width:0}.customer-section,.products-section{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px}.customer-search-row{gap:8px;display:flex}.customer-search-row>.search-input{flex:1;min-width:0}.selected-customer{border-left:2px solid var(--primary);background:#f4f8fb;justify-content:space-between;align-items:flex-start;gap:12px;margin:12px 0;padding:12px;display:flex}.selected-customer strong{font-size:16px}.selected-customer small,.selected-customer span{margin-top:4px;font-size:12px;display:block}.selected-customer span{color:var(--primary)}.customer-results{max-height:220px;margin:12px 0;overflow:auto}.customer-results button{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.customer-results button:hover{background:#f2f6fa}.customer-results small{display:block}.customer-results>button>span:last-child{color:var(--text-secondary);font-size:12px}.compact-grid{margin-top:12px}.compact-grid .field{margin-bottom:0}.product-picker{max-height:520px;margin-top:12px;overflow:auto}.product-pick-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 0;font-size:12px;display:grid}.product-pick-row b{font-size:13px}.product-pick-row small{display:block}.product-pick-row:last-child{border:0}.order-summary{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:calc(100vh - 32px);padding:16px;position:sticky;top:16px;overflow:auto}.order-summary .section-head span{color:var(--text-secondary);font-size:12px}.summary-customer{border-bottom:1px solid var(--border);color:var(--text-primary);padding-bottom:12px}.summary-customer small{margin-top:4px;display:block}.summary-item{border-bottom:1px solid var(--border);margin-bottom:12px;padding:12px 0}.summary-line{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.summary-line .btn{color:#98a2b3;border:0;min-height:24px;padding:4px}.quantity-line{align-items:center;gap:8px;margin:8px 0;display:flex}.quantity-line .field{width:72px;margin:0}.quantity-line .field>span{display:none}.quantity-line input{text-align:right;height:36px;padding:6px 8px}.quantity-line>span{color:var(--text-secondary);font-size:12px}.quantity-line>strong{margin-left:auto;font-size:13px}.lot-suggestion{border-left:2px solid #b8cbdc;margin-top:8px;padding-left:12px;font-size:12px}.lot-suggestion>b,.lot-suggestion>small,.lot-suggestion>span{font-size:12px;display:block}.lot-suggestion>span{color:var(--primary)}.total-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:16px 0;font-size:13px;display:flex}.total-row strong{font-variant-numeric:tabular-nums;font-size:20px}.order-extras{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.order-extras>.field{margin-top:12px}.sticky-submit>.btn{width:100%}.sticky-submit>small{text-align:center;margin-top:8px;display:block}.review-note{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.confirm-items{margin-top:16px}.confirm-items>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.mobile-step-switch{display:none}.record-heading{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px 0 20px;display:flex}.customer-name{text-align:left;color:var(--text-primary);background:0 0;border:0;padding:0;font-size:18px;font-weight:600}.record-heading p{margin-top:4px;font-size:13px}.status-timeline{gap:8px;margin:24px 0 32px;display:flex}.status-timeline>div{text-align:center;color:#8993a1;flex:1;font-size:12px;position:relative}.status-timeline>div:before{content:"";background:var(--border);z-index:0;height:1px;position:absolute;top:12px;left:0;right:0}.status-timeline span{z-index:1;color:#8993a1;background:#edf0f4;border-radius:50%;place-items:center;width:24px;height:24px;margin:0 auto 8px;display:grid;position:relative}.status-timeline .done{color:var(--success)}.status-timeline .done span{color:var(--success);background:#edf6f0}.status-timeline .current{color:var(--primary)}.status-timeline .current span{background:var(--primary);color:#fff}.status-timeline small{color:inherit}.order-detail-total{justify-content:flex-end;align-items:center;gap:24px;padding:16px 0;font-size:13px;display:flex}.order-detail-total b{font-size:20px}.record-log{border-top:1px solid var(--border);color:var(--text-secondary);margin-bottom:24px;padding-top:16px;font-size:13px}.record-log>div{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:8px 0;font-size:12px;display:flex}.record-log summary{margin-bottom:12px}.record-footer{border-top:1px solid var(--border);padding-top:16px}.stock-history{margin-top:24px;font-size:13px}.stock-history>summary{border-top:1px solid var(--border);margin-bottom:16px;padding:16px 0}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.room{border:1px solid var(--border);background:#fff;border-radius:8px;padding:20px}.room.abnormal{border-color:#dcb2af;border-top:2px solid var(--danger)}.room-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.room-title svg{color:#8a98a8}.room .temperature{font-variant-numeric:tabular-nums;margin:16px 0 8px;font-size:32px;font-weight:500}.room .temperature span{color:var(--text-secondary);margin-left:4px;font-size:18px}.room.abnormal .temperature{color:var(--danger)}.room-status{align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.room-status:not(.danger-text) svg{color:var(--success)}.room-status b{font-weight:500}.room>p{color:var(--danger);margin-top:-8px;margin-bottom:16px;font-size:12px}.room-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.room-meta b{color:var(--text-primary);font-weight:400}.sensor-status{align-items:center;gap:8px;margin:12px 0 16px;display:flex}.sensor-status .status-dot{color:var(--success)}.room .actions>.btn{font-size:12px}.sales-chart,.temperature-chart{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px 8px 8px}.chart-caption{margin:4px 0 12px;font-size:12px}.incident-timeline{border-left:1px solid var(--border);margin:24px 0;padding-left:16px}.incident-timeline>div{margin-bottom:20px}.incident-timeline b,.incident-timeline small,.incident-timeline span{font-size:12px;display:block}.incident-timeline span{color:var(--text-secondary)}.incident-timeline b{margin:4px 0}.customer-tags{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:12px;display:flex}.customer-tags>span:first-child{color:var(--primary)}.contact-details{padding:8px 0 16px}.contact-details>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;font-size:13px;display:flex}.contact-details>div>span{color:var(--text-secondary);min-width:100px}.contact-details b{font-weight:500}.contact-details p{font-size:13px}.contact-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:24px;padding:16px 0;display:flex}.contact-entry>span{min-width:120px;font-size:12px}.contact-entry small{display:block}.contact-entry p{color:var(--text-primary);flex:1;font-size:13px}.groups-workspace{grid-template-columns:260px minmax(0,1fr);gap:24px;display:grid}.group-list{border:1px solid var(--border);background:#fff;border-radius:8px;align-self:start;overflow:hidden}.group-list>button{text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;width:100%;padding:16px;font-size:13px;display:block;position:relative}.group-list>button.selected{box-shadow:inset 2px 0 var(--primary);background:#eaf2f8}.group-list>button>span{float:right;color:var(--primary);font-size:12px}.group-list>button>small{margin-top:8px;font-size:12px;display:block}.group-list>button:hover{background:#f7f9fc}.promotion-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:32px;display:grid}.promotion-review{border:1px solid var(--border);background:#fff;border-radius:8px;align-self:start;padding:20px;position:sticky;top:16px}.promotion-review>p{margin:4px 0 16px;font-size:12px}.message-preview{background:#f2f5f8;border-radius:8px;max-width:560px;margin:16px 0;padding:16px}.message-preview p{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:14px}.message-preview small{color:var(--primary)}.message-preview span{color:var(--text-secondary);font-size:12px;display:block}.recipient-preview{max-height:240px;margin:12px 0 16px;overflow:auto}.recipient-preview>div{border-bottom:1px solid var(--border);padding:8px 0;font-size:12px}.recipient-preview small{display:block}.loyalty-section{margin-top:32px}.message-history{border-bottom:1px solid var(--border);padding:12px 0}.message-history b{font-size:13px}.message-history span{color:var(--text-secondary);font-size:12px;display:block}.message-history p{margin-top:8px;font-size:12px}.score-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;padding:16px 0;font-size:13px;display:flex}.score-summary span{align-items:center;gap:8px;display:flex}.score-summary>span:first-child{color:var(--success)}.score-summary small{margin-left:auto}.scorecard{border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 20px}.score-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1.5fr;gap:8px 24px;padding:20px 0;display:grid}.score-row:last-child{border:0}.score-row h2{margin-bottom:4px;font-size:14px}.score-value strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;display:block}.score-value>span{color:var(--text-secondary);font-size:12px}.score-progress{align-self:center}.progress{background:#edf0f4;border-radius:2px;height:5px;margin:8px 0;overflow:hidden}.progress>span{background:var(--primary);height:100%;display:block}.score-trend{color:var(--text-secondary);grid-column:2/4;font-size:12px}.score-row>.actions{grid-column:1/4;margin-top:4px}.channel-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.channel-row>span{width:72px}.channel-row .progress{flex:1}.channel-row strong{text-align:right;font-variant-numeric:tabular-nums;min-width:100px}.training-sections{margin-top:32px}.training-sections ol{color:var(--text-secondary);margin:8px 0 16px;padding-left:20px;font-size:13px;line-height:2}.connection-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding:12px 0;display:flex}.connection-row>div{flex:1}.connection-row small{margin-top:4px;display:block}.connection-row b{font-size:13px}.notification-list>.unread{border-left:2px solid var(--primary);background:#f1f6fa;padding-left:16px}.notification-list>div{border-bottom:1px solid var(--border);padding:0 16px 12px}.notification-list .action-row{border:0;padding-bottom:4px}.notification-list>div>small{padding-left:17px;display:block}.global-results{max-height:65vh;margin-top:24px;overflow:auto}.global-results>h3{color:var(--text-secondary);margin:16px 0 8px}dialog{color:var(--text-primary);border:1px solid var(--border);background:#fff;border-radius:12px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;overflow:auto;box-shadow:0 8px 40px #1b253320}dialog::backdrop{background:#1b253340}.dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dialog-head h2{font-size:18px}.dialog-head>.btn{border:0;min-height:32px;padding:4px}.wide-dialog{width:min(720px,100vw - 32px)}.drawer-modal dialog{border-width:0 0 0 1px;border-radius:0;width:min(560px,100vw);height:100dvh;max-height:100dvh;margin:0;padding:24px;position:fixed;inset:0 0 0 auto}.toast{z-index:200;color:#fff;pointer-events:none;background:#263b4d;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;left:calc(50% + 116px);transform:translate(-50%);box-shadow:0 4px 16px #1b253320}.mobile-bottom,.nav-scrim{display:none}.loading-state{color:var(--text-secondary);padding:32px}@media (min-width:1600px){main{padding:32px 40px 48px}}@media (max-width:1200px){.order-workspace,.promotion-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.product-pick-row{gap:8px}.room{padding:16px}.room-grid{gap:12px}main{padding:24px}.app-header{padding:0 24px}.secondary-column{display:none}}@media (max-width:1024px){.sidebar{width:232px;transition:transform .15s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-shell{margin-left:0}.menu-toggle{background:0 0;border:0;padding:4px;display:inline-flex}.nav-scrim{z-index:35;background:#1b253340;border:0;display:block;position:fixed;inset:0}.toast{left:50%}.home-columns{grid-template-columns:1fr 1fr}.header-breadcrumb>b,.header-breadcrumb>span,.header-role{display:none}.groups-workspace{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:767px){.app-header{z-index:30;height:52px;padding:0 16px;position:sticky;top:0}.header-tools{gap:4px}.global-search-button{min-width:0;padding:6px}.global-search-button>span{display:none}main{min-height:calc(100dvh - 52px);padding:20px 16px 96px}.page-head{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-head>.actions{width:100%;padding:0}.page-head>.actions .btn.primary{margin-left:auto}.app-footer{display:none}.groups-workspace,.home-columns,.promotion-workspace,.split-layout{grid-template-columns:1fr;gap:0}.action-center{padding:12px 16px}.action-row{gap:8px;min-height:64px}.action-row>.action-label{display:none}.action-row b{font-size:13px}.stat-strip{flex-wrap:wrap;gap:12px;padding:16px 0}.stat-strip>div{flex:initial;border:0;min-width:calc(50% - 12px);padding:0}.table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}table,tbody,td,tr{width:100%;display:block}thead{display:none}tbody tr{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px;padding:12px;display:grid}td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;font-size:13px}td:before{content:attr(data-label);color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}td:first-child{grid-column:1/-1}td:first-child:before{display:none}td:last-child:has(button){text-align:right;border-top:1px solid var(--border);grid-column:1/-1;padding-top:8px}td:last-child:has(button):before{display:none}.numeric{text-align:left}.secondary-column{display:none}.toolbar{align-items:center;gap:8px}.toolbar>.search-input{flex-basis:100%;width:100%}.toolbar>.field{flex:1;min-width:120px}.toolbar>.btn{font-size:12px}.result-count{text-align:right;flex:1;margin-left:0}.quick-filters{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow:auto}.quick-filters button{flex-shrink:0;padding:6px 8px;font-size:12px}.repeated-product{visibility:visible}.form-grid{grid-template-columns:1fr;gap:0}.compact-grid{grid-template-columns:1fr 1fr;gap:8px}.room-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.room{grid-template-columns:1fr 1fr;gap:0 16px;padding:16px;display:grid}.room-title,.room>.actions,.room>.room-meta,.room>.sensor-status,.room>p{grid-column:1/-1}.room>.temperature{grid-column:1;margin:12px 0}.room>.room-status{grid-area:3/2;margin:12px 0}.room>.room-title svg{display:none}.status-timeline{gap:4px;margin:20px 0 24px}.status-timeline small{font-size:10px}.status-timeline span{width:20px;height:20px;font-size:10px}.status-timeline>div:before{top:10px}.record-heading{margin-bottom:20px}.record-heading p{font-size:12px}.order-detail-total{flex-wrap:wrap;gap:12px}.work-steps{display:none}.mobile-step-switch,.order-workspace{display:block}.order-left.mobile-step-1>.products-section,.order-left.mobile-step-2>.customer-section,.order-left.mobile-step-3,.order-summary.mobile-step-1{display:none}.order-summary.mobile-step-2{max-height:none;margin-top:16px;position:static}.order-summary.mobile-step-2>.field,.order-summary.mobile-step-2>.order-extras,.order-summary.mobile-step-2>.summary-customer{display:none}.order-summary.mobile-step-3{max-height:none;position:static}.customer-search-row{flex-wrap:wrap}.customer-search-row>.search-input{flex-basis:100%}.product-picker{max-height:none}.product-pick-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.product-pick-row>.muted,.product-pick-row>.warning-text{grid-column:1;font-size:12px}.product-pick-row>.btn{grid-area:1/2/3}.selected-customer{display:block}.selected-customer>.btn{margin-top:8px}.sticky-submit{z-index:5;background:#fff;padding-top:8px;position:sticky;bottom:72px}.quantity-line .field{width:80px}.group-list{margin-bottom:24px}.group-list>button{padding:12px 16px}.group-list>button>small{margin-top:4px}.promotion-review{position:static}.contact-entry{flex-wrap:wrap;gap:8px}.contact-entry>span{flex-basis:100%;min-width:0}.contact-entry p{font-size:13px}.customer-tags{gap:12px}.scorecard{padding:0 16px}.score-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.score-row>.actions,.score-title,.score-trend{grid-column:1/-1}.score-summary{gap:12px;margin:16px 0}.score-summary>small{flex-basis:100%;margin-left:0}.channel-row{gap:8px;font-size:12px}.channel-row strong{min-width:85px}.connection-row{flex-wrap:wrap}.connection-row>div{min-width:100%}.contact-details>div{flex-wrap:wrap;gap:8px}.contact-details>div>span{min-width:80px}.contact-details b{overflow-wrap:anywhere;max-width:100%}.record-log>div{flex-direction:column;gap:4px}.mobile-bottom{z-index:30;border-top:1px solid var(--border);padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom>button{color:var(--text-secondary);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex}.mobile-bottom>button.active{color:var(--primary)}.toast{width:max-content;max-width:calc(100vw - 32px);font-size:12px;bottom:80px}.drawer-modal dialog{padding:20px 16px}.dialog-head h2{font-size:16px}dialog{max-height:calc(100dvh - 32px);padding:20px 16px}.section-head{flex-wrap:wrap}.section-head .quick-filters{max-width:100%;margin:0}.promotion-review .actions{flex-direction:column}.promotion-review .actions>.btn{width:100%}}@media print{body *{visibility:hidden}.print-document,.print-document *{visibility:visible}.print-document{background:#fff;padding:16px;position:absolute;inset:0}.print-document button{display:none}.print-document table{width:100%;display:table}.print-document tbody{display:table-row-group}.print-document tr{display:table-row}.print-document td,.print-document th{padding:12px;display:table-cell}.print-document thead{display:table-header-group}.print-document td:before{display:none}dialog{width:100%;height:auto;max-height:none;box-shadow:none;border:0;padding:0;position:absolute;inset:0}.app-header,.app-shell,.mobile-bottom,.sidebar,.toast{display:none}}td{padding:8px 12px;line-height:1.45}td small{line-height:1.4}.action-center .action-row{padding:8px 0}.order-summary .sticky-submit{border-top:1px solid var(--border);z-index:5;background:#fff;margin-bottom:-16px;padding:12px 0 16px;position:sticky;bottom:-16px}@media (max-width:767px){td{padding:0}.order-summary .sticky-submit{margin-bottom:0;padding:12px 0;bottom:72px}}.mobile-next{display:none}@media (max-width:767px){.mobile-next{justify-content:flex-end;margin-top:16px;display:flex}.order-summary .sticky-submit{z-index:31;background:#fff;padding:8px 16px;position:fixed;bottom:72px;left:0;right:0;box-shadow:0 -2px 8px #1b253308}.order-summary{padding-bottom:120px}.sticky-submit>small{font-size:10px}.order-summary .sticky-submit>.btn{min-height:40px}}.toast-error{background:#a83e37}@media (max-width:767px){.toast{top:64px;bottom:auto}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}