:root{--bg-primary:#fafaf9;--bg-secondary:#f5f5f4;--bg-elevated:#fff;--bg-sidebar:#fff;--card-bg:#fff;--border-primary:#e7e5e4;--border-subtle:#f0efee;--border-color:#e7e5e4;--text-primary:#1c1917;--text-secondary:#57534e;--text-tertiary:#6f675f;--accent-color:#0d9488;--accent-hover:#0f766e;--accent-subtle:#0d948814;--accent-badge:#0d94881a;--danger-color:#dc2626;--danger-subtle:#dc262614;--warning-color:#d97706;--warning-subtle:#d9770614;--success-color:#059669;--success-subtle:#05966914;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:3.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-ring:0 0 0 2px var(--accent-subtle);--transition-fast:.1s ease-out;--transition-normal:.15s ease-out;--bg-dark:var(--bg-primary);--glass-border:var(--border-primary);--glass-bg:var(--bg-elevated);--glass-shadow:var(--shadow-sm);--glass-highlight:var(--border-subtle);--accent-glow:var(--accent-subtle)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:IBM Plex Sans Thai,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}input,select,textarea{background:var(--bg-elevated);color:var(--text-primary);font-family:inherit}.heading-primary{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-sm);font-family:Plus Jakarta Sans,IBM Plex Sans Thai,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.3}.text-muted{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.text-gradient-accent{color:var(--accent-color);font-weight:700}.dashboard-container{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{padding:var(--space-lg);border-right:1px solid var(--border-primary);background:var(--bg-sidebar);z-index:10;height:100vh;position:sticky;top:0;overflow-y:auto}.main-content{padding:var(--space-xl) clamp(1.5rem, 3vw, 3rem);gap:var(--space-lg);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;animation:.2s ease-out fadeIn;display:flex}.main-content>*{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.glass-panel{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:clip}.glass-panel:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:none}.glass-badge{letter-spacing:.02em;background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.glass-badge.danger{color:var(--danger-color);background:var(--danger-subtle)}.glass-badge.warning{color:var(--warning-color);background:var(--warning-subtle)}.glass-badge.success{color:var(--success-color);background:var(--success-subtle)}.glass-badge.accent{color:var(--accent-color);background:var(--accent-badge)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:.4375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--accent-hover);box-shadow:none;transform:none}.btn-outline{border:1px solid var(--border-primary);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.sidebar-btn-active{background:var(--accent-color);color:#fff;box-shadow:none;border:none}.sidebar-btn-active:hover{background:var(--accent-hover)}.stat-card{padding:var(--space-lg)}.stat-value{margin-top:var(--space-sm);margin-bottom:var(--space-xs);letter-spacing:-.03em;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.stat-trend{align-items:center;gap:var(--space-xs);font-size:.75rem;font-weight:500;display:flex}.stat-trend.positive{color:var(--success-color)}.stat-trend.negative{color:var(--danger-color)}.grid-metrics{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;display:grid}.grid-cols-2{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.section-header{margin-bottom:var(--space-md)}.list-item{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.list-item:hover{background:var(--bg-secondary)}.list-item:last-child{border-bottom:none}.item-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.history-toolbar{align-items:flex-start;gap:1rem}.history-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.history-search{align-items:center;gap:.6rem;min-width:min(380px,100%);padding:.65rem .9rem;display:flex}.history-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem}.history-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);align-items:start;gap:1.5rem;display:grid}.history-side-column{flex-direction:column;gap:1.5rem;display:flex}.history-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.history-filters{flex-wrap:wrap;gap:.5rem;display:flex}.history-list{flex-direction:column;gap:1rem;display:flex}.history-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:linear-gradient(#fffffffa 0%,#f5f5f4b8 100%);padding:1.1rem}.history-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.history-order-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.45rem;display:flex}.history-order-title{margin-bottom:.2rem;font-size:1.05rem;line-height:1.2}.history-items-grid{gap:.65rem;display:grid}.history-item-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffffd1;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.history-performance-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:.9rem 0;display:grid}.history-performance-row:last-child{border-bottom:none;padding-bottom:0}.history-progress-track{background:var(--bg-secondary);border-radius:999px;grid-column:1/-1;width:100%;height:6px;overflow:hidden}.history-progress-fill{border-radius:inherit;height:100%}.history-note-panel{background:radial-gradient(circle at top right, #0d948814, transparent 35%), var(--bg-elevated);padding:1.5rem}.history-mini-spec{border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);justify-content:space-between;gap:1rem;padding:.85rem .95rem;font-size:.8rem;display:flex}.history-mini-spec strong{color:var(--text-primary);font-size:.82rem}.history-empty-state{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px dashed var(--border-primary);align-items:center;gap:1rem;padding:1.25rem;display:flex}@keyframes pulseGlow{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.flash-indicator{background-color:var(--danger-color);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulseGlow}.chart-container{width:100%;height:280px;margin-top:var(--space-md)}table{font-size:.8125rem}table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}table td{color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-subtle);color:var(--accent-color)}@media (width<=1100px){.history-layout{grid-template-columns:1fr}}@media (width<=900px){.dashboard-container{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-primary);height:auto;position:relative}.main-content{max-width:none;padding:var(--space-lg) var(--space-md);gap:var(--space-md)}.grid-cols-2{grid-template-columns:1fr}}@media (width<=720px){.flex-between{flex-wrap:wrap;gap:.75rem}.demo-banner{flex-direction:column;align-items:stretch}.demo-banner .btn{width:100%}.user-chip{flex-wrap:wrap;max-width:100%}.history-search{min-width:100%}.history-card-top,.history-item-row,.history-mini-spec{flex-direction:column;align-items:flex-start}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.sidebar-logo{margin-bottom:var(--space-lg)}.user-chip{border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-elevated);align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.demo-banner{justify-content:space-between;align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);background:linear-gradient(#0d948814,#0d94880a);border:1px solid #0d948838;padding:.85rem 1rem;display:flex}.demo-banner>div{flex-wrap:wrap;align-items:center;gap:.65rem;min-width:0;display:flex}.demo-banner strong{color:var(--accent-hover);font-size:.82rem}.demo-banner span{font-size:.82rem;line-height:1.45}.toast-item{color:#fff;pointer-events:auto;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.1rem;font-size:.85rem;font-weight:500;animation:.25s ease-out toastSlideIn;display:flex;box-shadow:0 4px 16px #00000026}.toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.toast-success{background:#059669}.toast-error{background:#dc2626}.toast-warning{background:#d97706}.toast-info{background:#2563eb}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.sidebar-nav-btn{border-color:#0000;justify-content:flex-start;width:100%}.sidebar-logo{align-items:center;gap:10px;margin-bottom:2.5rem;display:flex}.sidebar-logo-icon{background:var(--accent-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-text{letter-spacing:-.03em;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}