:root,[data-theme=dark]{--font-sans:"Inter","Prompt","Sarabun",-apple-system,BlinkMacSystemFont,sans-serif;--bg-app:#080f0d;--bg-card:#101b17;--bg-surface:#162620;--bg-muted:#1c3129;--border:#1d3b31;--border-focus:#10b981;--text-primary:#f1f5f9;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#080f0d;--teal-50:#064e3b;--teal-100:#065f46;--teal-500:#10b981;--teal-600:#10b981;--teal-700:#34d399;--blue-500:#38bdf8;--blue-600:#0284c7;--color-primary:#10b981;--color-primary-hover:#059669;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-purple:#a855f7;--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 2px 4px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.6);--shadow-lg:0 10px 25px rgba(0,0,0,0.7);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--ease-default:0.18s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-app:#f4f6f8;--bg-card:#ffffff;--bg-surface:#e9ecef;--bg-muted:#f1f3f5;--border:#cbd5e1;--border-focus:#059669;--text-primary:#0f172a;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#ffffff;--teal-50:#ecfdf5;--teal-100:#d1fae5;--teal-500:#10b981;--teal-600:#059669;--teal-700:#047857;--blue-500:#0284c7;--blue-600:#0369a1;--color-primary:#059669;--color-primary-hover:#047857;--color-success:#10b981;--color-warning:#d97706;--color-danger:#dc2626;--color-purple:#7e22ce;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pos-wrapper{display:grid;grid-template-columns:1fr 380px;height:100vh;width:100vw}@media (max-width:1100px){.pos-wrapper{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto;min-height:100vh}}.catalogue-section{display:flex;flex-direction:column;height:100vh;padding:20px 24px;overflow:hidden;background:var(--bg-app)}@media (max-width:1100px){.catalogue-section{height:auto;max-height:70vh;padding:16px}}.pos-header{justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand-title,.pos-header{display:flex;align-items:center}.brand-title{gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.brand-icon{display:flex;width:36px;height:36px;background:var(--teal-600);color:white;border-radius:var(--radius-md)}.brand-badge{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-100);padding:2px 8px;border-radius:var(--radius-full)}.header-status{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 2px rgba(16,185,129,.2);animation:pulse 2.5s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--ease-default);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary);box-shadow:0 1px 2px rgba(13,148,136,.15)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{background:var(--bg-muted);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-danger-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-danger-ghost:hover{color:var(--color-danger)}.btn-sm{padding:5px 10px}.btn-lg{padding:12px 20px;font-size:15px;font-weight:600;border-radius:var(--radius-lg)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.search-container{position:relative;margin-bottom:14px}.search-input{width:100%;height:44px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 42px;color:var(--text-primary);font-size:13.5px;font-family:var(--font-sans);transition:all var(--ease-default);box-shadow:var(--shadow-xs)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.search-input::placeholder{color:var(--text-muted)}.search-icon{left:14px;font-size:15px;pointer-events:none}.clear-search-btn,.search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted)}.clear-search-btn{right:12px;background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:2px;transition:color var(--ease-default)}.clear-search-btn:hover{color:var(--text-secondary)}.filter-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-badge{background:var(--bg-card);border:1px solid var(--border);padding:5px 14px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--ease-default);box-shadow:var(--shadow-xs)}.filter-badge:hover{background:var(--bg-muted);color:var(--text-primary)}.filter-badge.active{background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-700);font-weight:600}.product-grid{flex:1 1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;padding-right:2px}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:all var(--ease-default);box-shadow:var(--shadow-xs);cursor:default}.product-card:hover{border-color:rgba(13,148,136,.3);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.product-card.out-of-stock{opacity:.55;pointer-events:none}.product-card.out-of-stock:hover{transform:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tmt-id-label{font-size:10px;font-weight:500;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.3px}.stock-badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.stock-badge.in-stock{background:#064e3b;color:#6ee7b7;border:1px solid #047857}.stock-badge.low-stock{background:#451a03;color:#fde68a;border:1px solid #b45309}.stock-badge.no-stock{background:#450a0a;color:#fca5a5;border:1px solid #b91c1c}.card-body{flex:1 1;display:flex;flex-direction:column;gap:6px}.drug-title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.35;letter-spacing:-.1px}.drug-details{display:flex;flex-wrap:wrap;gap:4px}.drug-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.drug-desc{font-size:12px;color:var(--text-secondary);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--bg-surface)}.price-display{display:flex;flex-direction:column;line-height:1.2}.price-amount{font-size:18px;font-weight:700;color:var(--teal-600);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-unit{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.add-btn{background:var(--teal-600);color:#ffffff;border:none;padding:7px 14px;border-radius:var(--radius-md);font-size:12.5px;font-weight:600;cursor:pointer;transition:all var(--ease-default);font-family:var(--font-sans)}.add-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.add-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.qty-counter-control{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.qty-btn,.qty-counter-control{display:flex;align-items:center;height:34px}.qty-btn{background:none;border:none;color:var(--text-primary);width:30px;cursor:pointer;font-size:16px;font-weight:600;transition:background var(--ease-default);justify-content:center}.qty-btn:hover{background:var(--border)}.qty-number-input{font-family:var(--font-sans);font-size:13px;font-weight:700;width:36px;height:100%;border:none!important;background:transparent!important;text-align:center;color:var(--text-primary)!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important;-webkit-appearance:none!important;-moz-appearance:textfield!important}.qty-number-input::-webkit-inner-spin-button,.qty-number-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.cart-section{background:var(--bg-card);border-left:1px solid var(--border);height:100vh;display:flex;flex-direction:column}@media (max-width:1100px){.cart-section{height:50vh;border-left:none;border-top:1px solid var(--border)}}.cart-header{padding:16px 20px;border-bottom:1px solid var(--border);justify-content:space-between;background:var(--bg-card)}.cart-header,.cart-title{display:flex;align-items:center}.cart-title{font-size:15px;font-weight:600;gap:8px;color:var(--text-primary)}.cart-count-badge{background:var(--teal-600);color:#ffffff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full)}.clear-cart-btn{font-size:12px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--ease-default);font-family:var(--font-sans)}.clear-cart-btn:hover{color:var(--color-danger)}.cart-items-container{flex:1 1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:0}.empty-cart-state{flex-direction:column;height:100%;color:var(--text-muted);gap:10px}.empty-cart-icon,.empty-cart-state{display:flex;align-items:center;justify-content:center}.empty-cart-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-surface);font-size:22px}.cart-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--bg-surface)}.cart-item-row:last-child{border-bottom:none}.item-details{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.item-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.item-meta{font-size:11px;color:var(--text-muted)}.item-total-price{font-size:13px;font-weight:700;color:var(--text-primary);min-width:64px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.remove-item-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 4px;transition:color var(--ease-default);line-height:1}.remove-item-btn:hover{color:var(--color-danger)}.checkout-footer{padding:16px 18px;border-top:1px solid var(--border);background:var(--bg-card);gap:14px}.checkout-footer,.summary-rows{display:flex;flex-direction:column}.summary-rows{gap:5px}.summary-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-secondary)}.summary-row.grand-total{margin-top:8px;padding-top:10px;border-top:1px solid var(--border);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.summary-row.grand-total span:last-child{color:var(--teal-600)}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.payment-btn{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 4px;color:var(--text-secondary);font-size:11.5px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--ease-default);font-family:var(--font-sans)}.payment-btn:hover{background:var(--bg-card)}.payment-btn.active,.payment-btn:hover{border-color:var(--teal-600);color:var(--teal-700)}.payment-btn.active{background:var(--teal-50);font-weight:600}.checkout-submit-btn{background:var(--teal-600);color:#ffffff;border:none;height:48px;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:14.5px;font-weight:600;cursor:pointer;transition:all var(--ease-default);display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 2px 4px rgba(13,148,136,.2)}.checkout-submit-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(13,148,136,.3);transform:translateY(-1px)}.checkout-submit-btn:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none}.cash-input-label{font-size:11.5px;letter-spacing:.2px}.cash-prefix{left:11px;font-size:14px;font-weight:600;pointer-events:none}.cash-input{height:40px;padding-left:28px;font-weight:600;color:var(--text-primary);background:var(--bg-card)}.cash-input:focus{outline:none}.change-display{font-weight:600}.promptpay-panel{display:grid;grid-template-columns:96px 1fr;grid-gap:12px;gap:12px;align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.promptpay-qr-frame{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#e2e8f0}.promptpay-qr-image{width:88px;height:88px;display:block}.promptpay-details{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-secondary)}.promptpay-details strong{color:var(--text-primary);font-size:13px}.modal-overlay{background:rgba(17,24,39,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}.modal-box{color:var(--text-primary);border:1px solid var(--border);width:100%;max-width:400px;display:flex;flex-direction:column;gap:0;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-header{padding:28px 28px 20px;border-bottom:1px solid var(--border)}.modal-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;font-size:24px;margin:0 auto 12px}.modal-title{font-size:17px;letter-spacing:-.2px}.modal-subtitle{font-size:12.5px;margin-top:4px}.modal-body{padding:20px 28px}.modal-footer{padding:16px 28px 24px;display:flex}.modal-footer .btn{flex:1 1}.confirm-item-list{max-height:160px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);padding:10px 14px;display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.confirm-item-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--text-secondary);padding-bottom:7px;border-bottom:1px dashed var(--border)}.confirm-item-row:last-child{border-bottom:none;padding-bottom:0}.confirm-item-name{font-weight:500;color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-summary-rows{gap:6px}.confirm-row{padding:4px 0}.confirm-row.total{border-top:1px solid var(--border);padding-top:10px;margin-top:2px;font-size:17px}.confirm-row.total span:last-child{color:var(--teal-600)}.confirm-row.change{font-weight:600}.receipt-overlay{position:fixed;inset:0;background:rgba(17,24,39,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px}.receipt-box{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);width:100%;max-width:360px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.receipt-header{text-align:center;padding:24px 24px 16px;border-bottom:1px dashed var(--border);background:var(--bg-surface)}.receipt-logo{font-size:26px;margin-bottom:6px}.receipt-shop-name{font-weight:800;font-size:17px;color:var(--text-primary);letter-spacing:.5px}.receipt-meta{font-size:10.5px;color:#6b7280;text-align:left;width:100%;gap:2px;margin-top:10px}.receipt-meta,.receipt-table{display:flex;flex-direction:column}.receipt-table{padding:16px 24px;border-bottom:1px dashed #d1d5db;gap:7px}.receipt-row{display:flex;justify-content:space-between;font-size:12px}.receipt-row.item-line{color:#374151}.receipt-total-section{padding:14px 24px;border-bottom:1px dashed #d1d5db;display:flex;flex-direction:column;gap:5px}.receipt-total-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.receipt-total-row.grand-total{font-size:17px;color:#111827;margin-top:4px;padding-top:8px;border-top:1px solid #e5e7eb}.receipt-footer{text-align:center;font-size:11px;color:#6b7280;padding:16px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.promptpay-receipt-qr img{width:90px;height:90px;display:block}.receipt-close-btn{background:var(--text-primary);color:#ffffff;border:none;height:42px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:background var(--ease-default)}.receipt-close-btn:hover{background:#374151}.dashboard-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--bg-app)}@media (max-width:900px){.dashboard-shell{grid-template-columns:1fr}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--border);transition:background var(--ease-default)}.sidebar-brand:hover{background:var(--bg-muted)}.sidebar-brand-icon{width:32px;height:32px;background:var(--teal-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.sidebar-brand-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.sidebar-brand-sub{font-size:10px;color:var(--text-muted);font-weight:400}.sidebar-nav{padding:14px 10px;display:flex;flex-direction:column;gap:2px;flex:1 1}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);padding:8px 8px 4px}.sidebar-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all var(--ease-default);cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-link.active{background:var(--teal-50);color:var(--teal-700);font-weight:600}.sidebar-link-icon{font-size:15px;width:20px;text-align:center}.sidebar-footer{padding:14px 10px;border-top:1px solid var(--border)}.dashboard-content{padding:28px 32px;overflow-y:auto;min-height:100vh}@media (max-width:900px){.dashboard-content{padding:16px}}.page-header,.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}.dashboard-title,.page-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;line-height:1.3;margin-bottom:4px}.dashboard-subtitle,.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.header-actions,.page-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:2px}.tab-group{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);padding:3px;gap:2px}.tab-btn{background:transparent;border:none;padding:6px 16px;border-radius:calc(var(--radius-md) - 3px);font-size:12.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--ease-default);font-family:var(--font-sans)}.tab-btn.active,.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);font-weight:600;box-shadow:var(--shadow-xs)}.date-picker-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px}.date-picker-label{font-size:11.5px;color:var(--text-muted);font-weight:500;white-space:nowrap}.date-picker-input{border:none;font-size:12.5px;font-weight:600;color:var(--text-primary);font-family:var(--font-sans);background:transparent;outline:none;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);transition:box-shadow var(--ease-default)}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-header{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:15px}.kpi-value{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-sub{font-size:11px;color:var(--text-muted)}.kpi-teal .kpi-icon{background:var(--teal-50);color:var(--teal-600)}.kpi-yellow .kpi-icon{background:#fefce8;color:#ca8a04}.kpi-blue .kpi-icon{background:#eff6ff;color:var(--blue-600)}.kpi-slate .kpi-icon{background:#f8fafc;color:#475569}.kpi-green .kpi-icon{background:#f0fdf4;color:#16a34a}.kpi-purple .kpi-icon{background:#f5f3ff;color:#7c3aed}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-xs)}.dash-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:7px}.dash-card-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px}.time-range-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 20px;margin-bottom:20px;gap:16px;flex-wrap:wrap}.time-range-info{font-size:12px;color:var(--text-secondary)}.time-range-info strong{color:var(--text-primary);font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid var(--border)}.data-table th{padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;text-align:left}.data-table td{padding:11px 12px;color:var(--text-secondary);border-bottom:1px solid var(--bg-surface);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-muted)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .td-bold{font-weight:600;color:var(--text-primary)}.data-table .td-mono{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary)}.data-table .td-right{text-align:right}.data-table .td-center{text-align:center}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.badge-teal{background:var(--teal-50);color:var(--teal-700)}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-purple{background:#f5f3ff;color:#6d28d9}.badge-orange{background:#fff7ed;color:#c2410c}.badge-gray{background:var(--bg-surface);color:var(--text-secondary)}.badge-red{background:#fef2f2;color:#b91c1c}.badge-green{background:#f0fdf4;color:#15803d}.badge-yellow{background:#fefce8;color:#a16207}.expanded-row td{padding:0;background:var(--bg-muted)}.expanded-inner{margin:0 12px 12px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.expanded-header{background:var(--bg-surface);padding:10px 16px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.alert-item,.expanded-header{display:flex;justify-content:space-between}.alert-item{align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--bg-surface)}.alert-item:last-child{border-bottom:none}.alert-name{font-size:13px;font-weight:600;color:var(--text-primary)}.alert-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.alert-stat{text-align:right;font-size:12px;font-weight:700;white-space:nowrap}.spinner{border-top:2px solid var(--border);border:2px solid var(--border);border-top-color:var(--teal-600);border-radius:50%;width:18px;height:18px;animation:spin .75s linear infinite;display:inline-block}.empty-state,.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted);font-size:13px}.empty-state{text-align:center}.empty-icon{font-size:36px;opacity:.5}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:10px 14px;font-size:12.5px;color:#b91c1c;display:flex;align-items:center;gap:6px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 2px rgba(16,185,129,.2)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(16,185,129,.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modalSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkout-submit-btn .spinner{border-color:#ffffff rgba(255,255,255,.3) rgba(255,255,255,.3)}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;letter-spacing:.01em}.form-input{width:100%;height:38px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 12px;font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color var(--ease-default),box-shadow var(--ease-default)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:220px;overflow-y:auto}.autocomplete-item{padding:9px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--bg-surface);transition:background var(--ease-default)}.autocomplete-item:hover{background:var(--bg-muted)}.autocomplete-item:last-child{border-bottom:none}.success-banner{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;font-weight:500;color:var(--color-success)}.drug-tag{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:10px;font-weight:500;border:1px solid var(--border)}.cash-input-area{display:flex;flex-direction:column;gap:6px}.cash-input-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.cash-input-wrapper{position:relative}.cash-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px}.cash-input{width:100%;height:38px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 12px 0 28px;font-size:14px;font-family:var(--font-sans);outline:none;transition:border-color var(--ease-default)}.cash-input:focus{border-color:var(--border-focus)}.change-display{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--color-success);margin-top:2px}.payment-btn-icon{display:block;font-size:18px;margin-bottom:2px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px}.btn-sm{padding:4px 10px;font-size:12px;height:auto}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-box{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;max-width:420px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{text-align:center;margin-bottom:20px}.modal-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--teal-50);color:var(--teal-600);font-size:20px;font-weight:700;margin-bottom:10px}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.modal-subtitle{font-size:12px;color:var(--text-muted)}.modal-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.modal-footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.confirm-summary-rows{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:12px}.confirm-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.confirm-row.total{font-size:15px;font-weight:700;color:var(--text-primary)}.confirm-row.change{font-size:14px;font-weight:700;color:var(--color-success)}@media print{@page{size:A4 landscape;margin:10mm 12mm}[data-theme=dark],[data-theme=light],body,div,html,main,section,table,td,th,tr{background:#ffffff!important;background-color:#ffffff!important;color:#000000!important;font-family:Sarabun,-apple-system,sans-serif!important;font-size:10pt!important;line-height:1.4!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important}.chatbot-widget,.filter-scroll,.header-actions,.modal-backdrop,.print-hidden,.search-container,.sidebar,.sidebar-brand,.sidebar-footer,.sidebar-nav,button,input,select{display:none!important}.dashboard-content,.dashboard-page-container,.dashboard-shell,.print-sheet{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#ffffff!important;background-color:#ffffff!important;box-shadow:none!important;border:none!important;border-radius:0!important}.print-sheet div,.print-sheet h2,.print-sheet span{color:#000000!important}.table-responsive{overflow:visible!important}.data-table{width:100%!important;border-collapse:collapse!important;margin-top:15px!important;font-size:9.5pt!important}.data-table td,.data-table th{border:1px solid #000000!important;padding:6px 8px!important;color:#000000!important;background:#ffffff!important;background-color:#ffffff!important}.data-table th{font-weight:700!important;background-color:#f1f5f9!important;text-align:center!important}.data-table tr,.print-only{page-break-inside:avoid!important}.print-only{display:flex!important;justify-content:space-between!important;margin-top:40px!important;padding-top:20px!important;font-size:10.5pt!important}}:root{--chat-primary:#0f766e;--chat-primary-gradient:linear-gradient(135deg,#14b8a6,#0d9488);--chat-bg:#f8fafc;--chat-bot-bubble:#ffffff;--chat-user-bubble:#0d9488;--chat-text-dark:#0f172a;--chat-text-muted:#64748b;--chat-border:#e2e8f0;--chat-shadow-subtle:0 4px 20px rgba(0,0,0,0.08);--chat-shadow-glow:0 8px 32px rgba(13,148,136,0.25)}.rdu-chatbot-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:var(--chat-primary-gradient);color:white;border:none;box-shadow:var(--chat-shadow-glow);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:9999}.rdu-chatbot-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(13,148,136,.35)}.rdu-chatbot-fab.active{background:#1e293b;transform:rotate(90deg);box-shadow:var(--chat-shadow-subtle)}.fab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.fab-bot-emoji{font-size:32px;z-index:2}.pulse-alert .fab-glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid #14b8a6;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;z-index:1}@keyframes pulse-ring{0%{width:100%;height:100%;opacity:1}to{width:180%;height:180%;opacity:0}}.rdu-chatbot-container{position:fixed;bottom:100px;right:24px;width:400px;max-width:calc(100vw - 48px);height:650px;max-height:calc(100vh - 120px);background:var(--chat-bg);border-radius:24px;box-shadow:0 12px 48px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.rdu-chatbot-container.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.chatbot-header{background:var(--chat-primary-gradient);padding:20px;display:flex;justify-content:space-between;align-items:center;color:white;border-bottom:1px solid rgba(0,0,0,.05)}.header-bot-info{display:flex;align-items:center;gap:14px}.bot-avatar-wrapper{position:relative;width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 10px rgba(0,0,0,.1)}.bot-avatar-emoji{font-size:24px}.online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#10b981;border:2px solid #0d9488;border-radius:50%;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.header-bot-name{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-bot-status{margin:2px 0 0;font-size:12px;opacity:.9;font-weight:500}.header-close-btn{background:rgba(255,255,255,.1);border:none;color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-close-btn:hover{background:rgba(255,255,255,.25);transform:rotate(90deg)}.chatbot-context-banner{background:#f0fdfa;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccfbf1;font-size:13px;animation:slide-down .3s ease}@keyframes slide-down{0%{margin-top:-40px;opacity:0}to{margin-top:0;opacity:1}}.context-pill{display:flex;align-items:center;gap:8px;color:var(--chat-primary)}.context-clear-btn{background:none;border:none;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;opacity:.8;transition:opacity .2s}.context-clear-btn:hover{opacity:1}.chatbot-messages-area{flex:1 1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.chatbot-messages-area::-webkit-scrollbar{width:6px}.chatbot-messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-message-bubble-wrapper{display:flex;gap:12px;max-width:88%;animation:slide-up-fade .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(10px)}@keyframes slide-up-fade{to{opacity:1;transform:translateY(0)}}.chat-message-bubble-wrapper.bot-side{align-self:flex-start}.chat-message-bubble-wrapper.user-side{align-self:flex-end;flex-direction:row-reverse}.message-bot-avatar{width:32px;height:32px;background:white;border:1px solid var(--chat-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,.05);flex-shrink:0}.message-bubble-inner{display:flex;flex-direction:column;gap:4px}.message-text{padding:14px 18px;border-radius:20px;font-size:14.5px;line-height:1.55;word-break:break-word;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04)}.bot-side .message-text{background:var(--chat-bot-bubble);color:var(--chat-text-dark);border:1px solid var(--chat-border);border-top-left-radius:4px}.user-side .message-text{background:var(--chat-primary-gradient);color:white;border-top-right-radius:4px}.message-timestamp{font-size:11px;color:var(--chat-text-muted);padding:0 4px}.user-side .message-timestamp{align-self:flex-end}.rdu-chat-blockquote{border-left:3px solid #cbd5e1;color:#64748b;font-style:italic;margin:6px 0;background:#f8fafc;padding:8px 12px;border-radius:0 8px 8px 0}.user-side .rdu-chat-blockquote{border-left-color:rgba(255,255,255,.4);color:rgba(255,255,255,.9);background:rgba(0,0,0,.1)}.rdu-chat-bullet{margin-left:20px;position:relative}.rdu-chat-bullet:before{content:"•";position:absolute;left:-14px;color:var(--chat-primary)}.user-side .rdu-chat-bullet:before{color:rgba(255,255,255,.8)}.typing-dots-bubble{flex-direction:row;align-items:center;background:white;border:1px solid var(--chat-border);border-radius:20px;border-top-left-radius:4px;padding:14px 18px;display:flex;gap:5px}.typing-dot{width:6px;height:6px;background:#cbd5e1;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1);background:var(--chat-primary)}}.chatbot-suggestions-section{padding:12px 20px 4px;background:linear-gradient(180deg,transparent,white 20%)}.suggestions-label{font-size:12px;color:var(--chat-primary);font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:4px}.suggestions-scroll-wrapper{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.suggestions-scroll-wrapper::-webkit-scrollbar{display:none}.suggestion-tag-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.02)}.suggestion-tag-btn:hover{background:var(--chat-primary);color:white;border-color:var(--chat-primary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(13,148,136,.2)}.chatbot-input-bar{padding:16px 20px;background:white;border-top:1px solid var(--chat-border);display:flex;gap:12px;align-items:center}.chatbot-text-input{flex:1 1;height:52px;background:#f1f5f9;border:1px solid transparent;border-radius:26px;padding:0 20px;font-size:14.5px;color:var(--chat-text-dark);outline:none;transition:all .3s}.chatbot-text-input::placeholder{color:#94a3b8}.chatbot-text-input:focus{background:white;border-color:var(--chat-primary);box-shadow:0 0 0 4px rgba(13,148,136,.1)}.chatbot-send-btn{width:52px;height:52px;border-radius:50%;background:#e2e8f0;color:#94a3b8;border:none;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .3s}.chatbot-send-btn.active{background:var(--chat-primary-gradient);color:white;cursor:pointer;box-shadow:0 4px 14px rgba(13,148,136,.3)}.chatbot-send-btn.active:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(13,148,136,.4)}