:root{--color-primary: #FF9500;--color-primary-hover: #E6860E;--color-secondary: #FFCC00;--color-tertiary: #5AC8FA;--color-success: #34C759;--color-danger: #FF3B30;--color-bg: #F2F2F7;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #1C1C1E;--color-text-secondary: #8E8E93;--color-text-tertiary: #C7C7CC;--color-separator: #E5E5EA;--color-overlay: rgba(0, 0, 0, .4);--font-family: "Montserrat", "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-numbers: "Montserrat", "SF Pro Display", -apple-system, sans-serif;--fs-display: 34px;--fs-h1: 28px;--fs-h2: 22px;--fs-h3: 17px;--fs-body: 15px;--fs-caption: 13px;--fs-button: 16px;--fs-overline: 11px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-floating: 0 1px 3px rgba(0, 0, 0, .08);--shadow-modal: 0 4px 12px rgba(0, 0, 0, .08);--transition-fast: .2s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .4s ease-in-out;--content-max-width: 1200px;--navbar-height: 56px}@media(prefers-color-scheme:dark){:root{--color-bg: #000000;--color-surface: #1C1C1E;--color-surface-elevated: #2C2C2E;--color-text-primary: #FFFFFF;--color-text-secondary: #AEAEB2;--color-text-tertiary: #636366;--color-separator: #38383A;--color-overlay: rgba(0, 0, 0, .6);--color-success: #30D158;--color-danger: #FF453A;--shadow-card: none;--shadow-floating: 0 1px 3px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);line-height:1.2;font-weight:var(--fw-bold)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{padding:0 var(--space-lg)}}@media(min-width:1024px){.container{padding:0 var(--space-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:48px;padding:14px 24px;border-radius:var(--radius-lg);font-size:var(--fs-button);font-weight:var(--fw-semibold);transition:opacity var(--transition-fast),background var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{opacity:.7}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-primary)}.btn-secondary:hover{background:#ff950014}.btn-tertiary{background:transparent;color:var(--color-text-secondary)}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-separator);padding:var(--space-lg);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.badge-success{background:#34c7591f;color:var(--color-success)}.badge-warning{background:#ff95001f;color:var(--color-primary)}.badge-danger{background:#ff3b301f;color:var(--color-danger)}.badge-neutral{background:#7676801f;color:var(--color-text-secondary);text-transform:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton{background:var(--color-separator);border-radius:var(--radius-sm);animation:pulse 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-separator);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.photo-tile-btn{display:block;padding:0;border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden;cursor:zoom-in}.photo-tile-btn img{transition:transform .15s ease}.photo-tile-btn:hover img,.photo-tile-btn:focus-visible img{transform:scale(1.03)}.navbar-inner{flex-wrap:nowrap}.nav-inline{display:flex;align-items:center;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-inline::-webkit-scrollbar{display:none}.navbar-session{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.nav-menu-button{display:none}@media(max-width:767px){.nav-inline,.navbar-logo-text,.navbar-session{display:none}.nav-menu-button{display:inline-flex}}.order-detail-layout,.product-edit-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:start}@media(min-width:1024px){.product-edit-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media(min-width:1024px){.order-detail-layout{grid-template-columns:minmax(0,1fr) 380px}.order-detail-chat{position:sticky;top:var(--space-lg);max-height:calc(100vh - 120px);overflow-y:auto}}.bambu-dot{width:8px;height:8px;border-radius:50%;flex:none}.bambu-dot-online{background:var(--color-success)}.bambu-dot-offline{background:var(--color-text-tertiary)}