@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.spinner{color:var(--color-text-muted)}.spinner-arc{transform-origin:50%;animation:.8s linear infinite spin}.page-loader{justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;color:var(--color-text-secondary);animation:fadeIn var(--transition-base);flex-direction:column;display:flex}.sidebar{width:var(--sidebar-width);z-index:var(--z-sticky);background:var(--color-bg-base);border-right:1px solid var(--color-border);transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}@media (width<=767px){.sidebar{width:280px;z-index:calc(var(--z-modal) + 1);background:var(--color-bg-base);-webkit-backdrop-filter:blur(24px)saturate(160%);border-right:1px solid #ffffff14;transition:transform .3s cubic-bezier(.34,1.2,.64,1);transform:translate(-100%);box-shadow:8px 0 48px #000000a6,inset -1px 0 #ffffff0a}.sidebar-mobile-open{transform:translate(0)}}@media (width>=768px) and (width<=1023px){.sidebar{width:var(--sidebar-collapsed)}}@media (width>=1024px){.sidebar-collapsed{width:var(--sidebar-collapsed)}}.sidebar-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);background:#000000a6;animation:.22s both fadeIn;position:fixed;inset:0}.sidebar-header{height:var(--header-height);padding:0 var(--space-5);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-brand-group{align-items:center;gap:var(--space-2);min-width:0;display:flex;overflow:hidden}.sidebar-brand{font-size:var(--text-xl);font-weight:var(--weight-bold);background:linear-gradient(135deg, var(--color-accent), var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), var(--color-cyan));color:#fff;width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-lg);justify-content:center;align-items:center;margin:0 auto;display:flex}.sidebar-brand-icon--sm{width:30px;height:30px;font-size:var(--text-sm);flex-shrink:0;margin:0}.sidebar-logo-img{object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;width:30px;height:30px;transition:width .2s,height .2s}.sidebar-logo-img--collapsed{width:28px;height:28px;margin:0 auto;display:block}.sidebar-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar-nav{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-divider{padding:var(--space-4) var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);min-height:40px;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar-item.active{background:var(--color-accent-light);color:var(--color-accent)}.sidebar-indicator{background:var(--color-accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-collapsed .sidebar-item{padding:var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-nav{align-items:center}.sidebar-collapsed .sidebar-divider{display:none}.sidebar-collapsed .sidebar-indicator{left:0}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-user{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), var(--color-cyan));color:#fff;width:32px;height:32px;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{color:var(--color-text-muted);font-size:10px}.sidebar-logout-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.sidebar-collapsed .sidebar-footer{padding:var(--space-2)}.sidebar-collapsed .sidebar-user{gap:var(--space-2);padding:var(--space-2);background:0 0;border:none;flex-direction:column}.sidebar-collapsed .sidebar-logout-btn{width:32px;height:32px}.notif-backdrop{z-index:9998;opacity:0;pointer-events:none;isolation:isolate;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.notif-backdrop--open{opacity:1;pointer-events:all}.notif-panel{z-index:9999;isolation:isolate;will-change:transform;background:#0d1120;border-left:1px solid #ffffff12;flex-direction:column;width:400px;max-width:100vw;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.notif-panel--open{transform:translate(0)}.notif-panel__header{background:#080c16cc;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.notif-panel__title{color:#f1f5f9;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.notif-panel__title svg{color:#818cf8}.notif-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #6366f180}.notif-panel__actions{align-items:center;gap:4px;display:flex}.notif-hdr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.notif-hdr-btn:hover{color:#94a3b8;background:#ffffff0f}.notif-hdr-btn:disabled{opacity:.4;cursor:not-allowed}.notif-hdr-btn--read{color:#6ee7b7}.notif-hdr-btn--read:hover{color:#34d399;background:#10b98114}.notif-hdr-btn--del{color:#f87171}.notif-hdr-btn--del:hover{color:#ef4444;background:#ef444414}.notif-hdr-btn--close{color:#64748b;padding:6px}.notif-hdr-btn--close:hover{color:#ef4444;background:#ef444414}.notif-meta{border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:10px;padding:8px 18px;display:flex}.notif-meta__count{color:#475569;font-size:12px}.notif-meta__unread{color:#818cf8;background:#6366f11a;border-radius:20px;padding:2px 8px;font-size:11.5px;font-weight:600}.notif-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;will-change:scroll-position;scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex:1;padding:6px 0;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.notif-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:13px 16px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#ffffff08}.notif-item--unread{background:#6366f10a}.notif-item--unread:hover{background:#6366f114}.notif-item--clickable{cursor:pointer}.notif-item--clickable:hover{background:#6366f112!important}.notif-item--clickable:hover .notif-item__link{opacity:1}.notif-item__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notif-item__body{flex:1;min-width:0}.notif-item__header{align-items:center;gap:8px;margin-bottom:3px;display:flex}.notif-item__title{color:#e2e8f0;font-size:13.5px;font-weight:600;line-height:1.3}.notif-item__dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite notif-pulse;box-shadow:0 0 6px #6366f199}@keyframes notif-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.notif-item__msg{color:#64748b;word-break:break-word;margin:0 0 5px;font-size:12.5px;line-height:1.5}.notif-item__footer{align-items:center;gap:10px;display:flex}.notif-item__time{color:#334155;align-items:center;gap:4px;font-size:11px;display:inline-flex}.notif-item__link{color:#6366f1;opacity:0;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:opacity .15s;display:inline-flex}.notif-item__del{opacity:0;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:5px;transition:all .15s}.notif-item:hover .notif-item__del{opacity:1}.notif-item__del:hover{color:#ef4444;background:#ef44441f}.notif-loader{justify-content:center;padding:16px;display:flex}.notif-loader__spinner{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.notif-spin-ring{border:2px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite notif-spin}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-loader__end{color:#334155;align-items:center;gap:5px;font-size:12px;display:flex}.notif-loader__end svg{color:#22c55e}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 30px;display:flex}.notif-empty svg{color:#1e293b}.notif-empty p{color:#334155;margin:0;font-size:15px;font-weight:600}.notif-empty span{color:#1e293b;font-size:13px}.notif-spin{animation:.7s linear infinite notif-spin}@media (width<=480px){.notif-panel{width:100vw}}.header{height:var(--header-height);background:var(--color-bg-base);align-items:center;gap:var(--space-3);padding:0 var(--space-4);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);will-change:transform;contain:layout style;border-bottom:none;grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}@media (width<=767px){.header{width:100%;z-index:calc(var(--z-sticky) + 1);grid-template-columns:auto 1fr auto;position:fixed;top:0;left:0;right:0}}.header-left,.header-right{align-items:center;gap:var(--space-2);display:flex}.header-mobile-brand{padding-left:var(--space-1);align-items:center;display:flex}.header-mobile-logo{object-fit:contain;border-radius:var(--radius-sm);width:auto;max-width:120px;height:32px}.header-mobile-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), var(--color-cyan));color:#fff;width:32px;height:32px;font-weight:var(--weight-bold);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.header-center-area{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.header-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.header-icon-btn--active{background:var(--color-accent-light);color:var(--color-accent);position:relative}.header-filter-dot{background:var(--color-accent);border:1.5px solid var(--color-bg-base);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.header-sidebar-toggle{border-radius:var(--radius-md);background:var(--color-accent-light)!important;color:var(--color-accent)!important}.header-sidebar-toggle:hover{background:var(--color-accent)!important;color:#fff!important}@keyframes pageInfoEnter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes greetingEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.header-page-info{align-items:center;gap:var(--space-2);margin-left:var(--space-2);animation:.35s cubic-bezier(.34,1.56,.64,1) both pageInfoEnter;display:flex;overflow:hidden}.hpi-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hpi-texts{flex-direction:column;gap:1px;display:flex;overflow:hidden}.hpi-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;line-height:1.2}.hpi-subtitle{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.header-actions-area{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-search-slot{align-items:center;width:100%;max-width:420px;display:flex}.header-greeting{align-items:center;gap:var(--space-3);animation:.4s cubic-bezier(.34,1.56,.64,1) both greetingEnter;display:flex}.hg-emoji{font-size:1.25rem;line-height:1;animation:3s ease-in-out infinite floatSoft;display:inline-block}.hg-text-wrap{flex-direction:column;gap:1px;display:flex}.hg-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap}.hg-date{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.hg-live{border-radius:var(--radius-full);color:var(--color-success);font-size:11px;font-weight:var(--weight-semibold);background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.hg-live-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}.header-notif{position:relative}.header-notif--active{color:#818cf8!important;background:#6366f11f!important}.header-notif-count{color:#fff;border:2px solid var(--color-bg-base);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) notif-count-enter;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #ef444480}@keyframes notif-count-enter{0%{transform:scale(0)}to{transform:scale(1)}}@media (width>=768px){.header{padding:0 var(--space-6)}}.header-search-toggle--active{color:#c084fc!important;background:#a855f71f!important}.mobile-search-panel{top:var(--header-height);z-index:calc(var(--z-sticky) + 1);opacity:0;pointer-events:none;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .22s;position:fixed;left:0;right:0;overflow:hidden}.mobile-search-panel--open{opacity:1;pointer-events:auto;max-height:72px}.mobile-search-inner{padding:var(--space-2) var(--space-4) var(--space-3);background:var(--color-bg-base);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12}.mobile-search-inner .hs-wrap{width:100%;max-width:100%}@media (width>=768px){.mobile-search-panel{display:none}}@keyframes pillSlide{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes tapBounce{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.mobile-nav{z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.mobile-nav{display:none}}.mnav-inner{height:var(--mobile-nav-height);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0a0e1ae0;border-top:1px solid #ffffff12;display:flex;box-shadow:0 -4px 30px #00000073,inset 0 1px #ffffff0a}.mnav-item{color:var(--color-text-muted);font-size:10px;font-weight:var(--weight-medium);font-family:var(--font-sans);letter-spacing:.01em;padding:var(--space-1) 0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.mnav-item.active{color:var(--color-accent)}.mnav-item:active{animation:.3s both tapBounce}.mnav-more-btn{cursor:pointer;background:0 0;border:none}.mnav-icon-wrap{border-radius:var(--radius-full);width:44px;height:28px;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.mnav-item.active .mnav-icon-wrap{background:#7c3aed2e}.mnav-pill{border-radius:var(--radius-full);background:#7c3aed24;animation:.2s cubic-bezier(.34,1.56,.64,1) both pillSlide;position:absolute;inset:0;box-shadow:0 0 16px #7c3aed40}.mnav-icon{z-index:1;transition:transform var(--transition-fast);position:relative}.mnav-item.active .mnav-icon{transform:scale(1.08)}.mnav-label{letter-spacing:.02em;transition:color var(--transition-fast);font-size:9.5px}.mnav-item.active .mnav-label{font-weight:var(--weight-semibold)}.mnav-sheet-overlay{z-index:calc(var(--z-sticky) + 1);-webkit-backdrop-filter:blur(4px);background:#0000008c;animation:.22s both overlayIn;position:fixed;inset:0}@media (width>=768px){.mnav-sheet-overlay{display:none}}.mnav-sheet{z-index:calc(var(--z-sticky) + 2);-webkit-backdrop-filter:blur(24px)saturate(160%);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));background:#0d1223f7;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;max-height:80vh;transition:transform .32s cubic-bezier(.25,.46,.45,.94);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 40px #0009,inset 0 1px #ffffff0f}.mnav-sheet--open{transform:translateY(0)}@media (width>=768px){.mnav-sheet{display:none}}.mnav-sheet-handle{cursor:pointer;background:#ffffff2e;border-radius:4px;width:40px;height:4px;margin:12px auto 0}.mnav-sheet-header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.mnav-sheet-title{font-size:15px;font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.mnav-sheet-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.mnav-sheet-close:hover{color:var(--color-text-primary);background:#ffffff1a}.mnav-sheet-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px 16px;display:grid}.mnav-sheet-item{color:var(--color-text-muted);font-size:11px;font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;display:flex}.mnav-sheet-item:active{transform:scale(.93)}.mnav-sheet-item:hover,.mnav-sheet-item.active{color:var(--color-accent);background:#7c3aed1a}.mnav-sheet-icon{width:48px;height:48px;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;display:flex}.mnav-sheet-item.active .mnav-sheet-icon{background:#7c3aed26;border-color:#7c3aed4d;box-shadow:0 0 16px #7c3aed33}.mnav-sheet-label{text-align:center;letter-spacing:.01em;font-size:10px;line-height:1.3}.app-shell{min-height:100vh;display:flex}.app-main{min-width:0;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content{padding:var(--space-4);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4));max-width:var(--content-max-width);box-sizing:border-box;flex:1;width:100%;min-width:0}@media (width>=768px){.app-main{margin-left:var(--sidebar-collapsed)}.app-content{padding:var(--space-6);padding-bottom:var(--space-6)}}@media (width>=1024px){.app-main{margin-left:var(--sidebar-width)}.sidebar-is-collapsed .app-main{margin-left:var(--sidebar-collapsed)}.app-content{padding:var(--space-8)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{font-size:var(--text-xs);height:32px;padding:6px 12px}.btn-md{font-size:var(--text-sm);height:38px;padding:8px 18px}.btn-lg{font-size:var(--text-base);height:44px;padding:10px 24px}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg, var(--color-accent), #9333ea);color:#fff;box-shadow:var(--shadow-sm), 0 0 0 0 var(--color-accent-glow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), var(--shadow-glow-accent);filter:brightness(1.1)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 16px #ef444466}.btn-success{background:var(--color-success);color:#fff}.btn-spinner{animation:.7s linear infinite spin}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:12px}.input-field{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast);padding:10px 14px}.input-field.has-icon{padding-left:40px}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover{border-color:var(--color-border-hover)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.input-field:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-accent)}.input-error .input-field{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-light)}.input-error-text{font-size:var(--text-xs);color:var(--color-danger)}.input-field-textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:1.6}.login-page{min-height:100vh;padding:var(--space-4);background:var(--color-bg-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.login-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.login-orb-1{background:var(--color-accent);width:500px;height:500px;top:-150px;right:-100px}.login-orb-2{background:var(--color-cyan);width:400px;height:400px;animation-duration:25s;animation-delay:-7s;bottom:-100px;left:-100px}.login-orb-3{background:#9333ea;width:300px;height:300px;animation-duration:30s;animation-delay:-14s;top:40%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,30px)scale(1.02)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8) var(--space-6);background:#161d30cc;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent), var(--color-cyan));font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff;box-shadow:var(--shadow-glow-accent);justify-content:center;align-items:center;display:flex}.login-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-error{padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);border:1px solid #ef44444d;animation:.2s slideUp}@media (width>=768px){.login-card{padding:var(--space-10) var(--space-8)}}@keyframes dashEnter{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.7}}@keyframes barGrow{0%{height:0%}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes drawLine{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}.dashboard{min-height:calc(100vh - var(--header-height));position:relative}.dashboard-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:-120px;right:-80px}.dashboard>:not(.dashboard-ambient){z-index:1;position:relative}.dashboard-header{margin-bottom:var(--space-6);animation:dashEnter .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger) * 60ms) both;justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.dashboard-header{display:none}}.greeting-section{align-items:center;gap:var(--space-4);display:flex}.greeting-emoji{font-size:2.2rem;line-height:1;animation:3s ease-in-out infinite floatSoft}.greeting-text{font-size:var(--text-2xl);font-weight:var(--weight-bold);background:linear-gradient(135deg, var(--color-text-primary) 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.greeting-sub{color:var(--color-text-tertiary);font-size:var(--text-sm);align-items:center;gap:6px;margin-top:2px;display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.live-indicator{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-success);letter-spacing:.5px;text-transform:uppercase;background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:6px;padding:6px 14px;display:flex}.live-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.stat-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){.stat-grid{grid-template-columns:repeat(6,1fr)}}.stat-card{border-radius:var(--radius-lg);animation:dashEnter .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger) * 80ms) both;cursor:default;position:relative;overflow:hidden}.stat-card-inner{z-index:1;padding:var(--space-5);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);transition:all var(--transition-base);gap:var(--space-3);background:linear-gradient(145deg,#161d30d9 0%,#161d3080 100%);border:1px solid #ffffff0f;flex-direction:column;height:100%;display:flex;position:relative}.stat-card:hover .stat-card-inner{border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.stat-card[style*="--accent: #7C3AED"]:hover .stat-card-inner{border-color:#7c3aed4d;box-shadow:0 8px 32px #0000004d,0 0 20px #7c3aed1f}.stat-card[style*="--accent: #06B6D4"]:hover .stat-card-inner{border-color:#06b6d44d;box-shadow:0 8px 32px #0000004d,0 0 20px #06b6d41f}.stat-card[style*="--accent: #10B981"]:hover .stat-card-inner{border-color:#10b9814d;box-shadow:0 8px 32px #0000004d,0 0 20px #10b9811f}.stat-card[style*="--accent: #F59E0B"]:hover .stat-card-inner{border-color:#f59e0b4d;box-shadow:0 8px 32px #0000004d,0 0 20px #f59e0b1f}.stat-card[style*="--accent: #3B82F6"]:hover .stat-card-inner{border-color:#3b82f64d;box-shadow:0 8px 32px #0000004d,0 0 20px #3b82f61f}.stat-card[style*="--accent: #8B5CF6"]:hover .stat-card-inner{border-color:#8b5cf64d;box-shadow:0 8px 32px #0000004d,0 0 20px #8b5cf61f}.stat-card-glow{background:var(--accent);opacity:0;filter:blur(30px);width:80%;height:60px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.stat-card:hover .stat-card-glow{opacity:.12}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-icon-wrap{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card[style*="--accent: #7C3AED"] .stat-icon-wrap{background:#7c3aed26}.stat-card[style*="--accent: #06B6D4"] .stat-icon-wrap{background:#06b6d426}.stat-card[style*="--accent: #10B981"] .stat-icon-wrap{background:#10b98126}.stat-card[style*="--accent: #F59E0B"] .stat-icon-wrap{background:#f59e0b26}.stat-card[style*="--accent: #3B82F6"] .stat-icon-wrap{background:#3b82f626}.stat-card[style*="--accent: #8B5CF6"] .stat-icon-wrap{background:#8b5cf626}.stat-card:hover .stat-icon-wrap{transform:scale(1.08)}.stat-trend{font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;display:flex}.stat-trend.up{color:var(--color-success);background:var(--color-success-light)}.stat-trend.down{color:var(--color-danger);background:var(--color-danger-light)}.stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.3}.stat-sparkline{opacity:.6;transition:opacity var(--transition-base);margin-top:auto}.stat-card:hover .stat-sparkline{opacity:1}.mini-chart{width:100%;height:28px;display:block}.mini-chart-line{stroke-dasharray:300;animation:1.5s ease-out forwards drawLine}.dashboard-content{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.dashboard-content{grid-template-columns:1.2fr 1fr}}.dashboard-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);animation:dashEnter .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger) * 80ms) both;transition:border-color var(--transition-base), box-shadow var(--transition-base);background:linear-gradient(145deg,#161d30cc 0%,#0f1525e6 100%);border:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden}.dashboard-card:hover{border-color:#ffffff1a;box-shadow:0 8px 40px #00000040}.card-top-bar{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-title-group{align-items:center;gap:var(--space-3);min-width:0;display:flex}.card-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chart-icon{color:var(--color-accent);background:#7c3aed26}.orders-icon{color:var(--color-cyan);background:#06b6d426}.dash-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.dash-card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px}.chart-total{text-align:right;flex-shrink:0}.chart-total-label{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.chart-total-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent)}.chart-body{padding:var(--space-5) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex}.revenue-chart{flex-direction:column;flex:1;width:100%;display:flex}.chart-bars{align-items:flex-end;gap:var(--space-3);min-height:160px;padding-top:var(--space-4);flex:1;display:flex}.chart-bar-group{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;height:100%;display:flex;position:relative}.chart-bar-track{border-radius:var(--radius-md) var(--radius-md) 4px 4px;flex:1;align-items:flex-end;width:100%;max-width:42px;display:flex;overflow:hidden}.chart-bar-fill{border-radius:var(--radius-md) var(--radius-md) 4px 4px;background:linear-gradient(180deg, var(--color-accent), #7c3aed66);width:100%;animation:barGrow .8s cubic-bezier(.34, 1.56, .64, 1) var(--delay) both;transition:filter var(--transition-fast);position:relative;overflow:hidden}.chart-bar-group:hover .chart-bar-fill{filter:brightness(1.3)}.chart-bar-group.is-today .chart-bar-fill{background:linear-gradient(180deg, var(--color-cyan), #06b6d466);box-shadow:0 0 16px #06b6d44d}.chart-bar-shimmer{animation:2.5s ease-in-out infinite shimmerSlide;animation-delay:var(--delay);background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);position:absolute;inset:0}.chart-bar-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.chart-bar-group.is-today .chart-bar-label{color:var(--color-cyan);font-weight:var(--weight-semibold)}.chart-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:10;background:#0a0e1af2;border:1px solid #ffffff1a;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.chart-bar-group:hover .chart-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.tooltip-revenue{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.tooltip-orders{font-size:var(--text-xs);color:var(--color-text-tertiary)}.chart-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;height:180px;display:flex}.orders-body{padding:0}.order-list{flex-direction:column;display:flex}.order-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast);animation:dashEnter .4s ease calc(var(--row-delay) + .4s) both;grid-template-columns:26px 1fr auto 76px;display:grid}.order-row:last-child{border-bottom:none}.order-row:hover{background:#ffffff05}.order-status-col{justify-content:center;align-items:center;display:flex}.status-icon.success{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.status-icon.danger{color:var(--color-danger)}.status-icon.info{color:var(--color-info)}.status-icon.muted{color:var(--color-text-muted)}.order-info-col{flex-direction:column;min-width:0;display:flex}.order-invoice-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.order-invoice{font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.dash-pay-badge{font-size:10px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em;flex-shrink:0;padding:1px 7px}.order-product{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-amount{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-align:right}.card-view-all{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent);white-space:nowrap;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;text-decoration:none;display:flex}.card-view-all:hover{opacity:.75}.order-time-col{text-align:right;min-width:80px}.order-time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.orders-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-12) 0;flex-direction:column;display:flex}@media (width<=767px){.dashboard-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.greeting-text{font-size:var(--text-xl)}.greeting-emoji{font-size:1.6rem}.stat-card-inner{padding:var(--space-4)}.stat-value{font-size:var(--text-lg)}.stat-sparkline{display:none}.chart-bars{gap:var(--space-2);min-height:130px}.card-top-bar{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.chart-body{padding:var(--space-3) var(--space-4) var(--space-4)}.order-row{padding:var(--space-3) var(--space-4);grid-template-columns:22px 1fr auto}.order-time-col{display:none}.order-invoice{max-width:100px}.chart-tooltip{display:none}}@media (width>=768px) and (width<=1023px){.dashboard-content{grid-template-columns:1fr}}.modal-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-height:85vh;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-center{animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn}.modal-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUpSheet;position:fixed;bottom:0;left:0;right:0}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.modal-body{padding:var(--space-5);flex:1;min-height:0;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);justify-content:flex-end;gap:var(--space-3);flex-shrink:0;display:flex}.badge{font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:5px;display:inline-flex}.badge-dot .badge-dot-indicator{opacity:.8;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s infinite badgeDotPulse}@keyframes badgeDotPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.badge-xs{padding:2px 7px;font-size:10px}.badge-sm{padding:4px 10px;font-size:11px}.badge-md{font-size:var(--text-sm);padding:5px 14px}.badge-success{color:var(--color-success);background:#10b9811a;border:1px solid #10b98140}.badge-warning{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b40}.badge-danger{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444440}.badge-info{color:var(--color-info);background:#3b82f61a;border:1px solid #3b82f640}.badge-default{color:var(--color-text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.hs-wrap{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff0d;padding:7px 16px;display:flex}.hs-wrap:focus-within{border-color:var(--color-accent)}.hs-icon{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.hs-wrap:focus-within .hs-icon{color:var(--color-accent)}.hs-input{font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:none;flex:1;min-width:0;font-family:inherit;outline:none!important}.hs-input::placeholder{color:var(--color-text-muted)}.hs-clear{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1rem;line-height:1}.hs-clear:hover{color:var(--color-text-primary)}@keyframes catEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cat-page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);animation:catEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger) * 60ms) both;flex-wrap:wrap;display:flex}.cat-header-info{align-items:center;gap:var(--space-3);display:flex}.cat-header-icon{border-radius:var(--radius-lg);background:var(--color-accent-light);width:44px;height:44px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.cat-search-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);animation:catEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger) * 60ms) both;display:flex}.cat-search-input{flex:1;max-width:400px}.cat-count-badge{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--weight-medium);white-space:nowrap;background:#161d30b3;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 14px;display:flex}.cat-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){.cat-grid{grid-template-columns:repeat(4,1fr)}}.cat-card{border-radius:var(--radius-lg);animation:catEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger) * 60ms) both;position:relative;overflow:hidden}.cat-card-inner{z-index:1;padding:var(--space-5);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);gap:var(--space-4);height:100%;transition:all var(--transition-base);background:linear-gradient(145deg,#161d30d9,#161d3080);border:1px solid #ffffff0f;flex-direction:column;display:flex;position:relative}.cat-card:hover .cat-card-inner{border-color:var(--cat-color,#ffffff1f);box-shadow:0 8px 32px #0000004d, 0 0 20px var(--cat-glow,transparent);transform:translateY(-3px)}.cat-card-glow{background:var(--cat-color,var(--color-accent));opacity:0;filter:blur(30px);width:70%;height:50px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.cat-card:hover .cat-card-glow{opacity:.15}.cat-inactive .cat-card-inner{opacity:.55}.cat-inactive:hover .cat-card-inner{opacity:.8}.cat-card-top{justify-content:space-between;align-items:center;display:flex}.cat-card-icon{border-radius:var(--radius-md);background:var(--cat-bg,var(--color-accent-light));width:42px;height:42px;color:var(--cat-color,var(--color-accent));transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.cat-card:hover .cat-card-icon{transform:scale(1.08)rotate(-4deg)}.cat-card-actions{align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.cat-card:hover .cat-card-actions{opacity:1}.cat-toggle{border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;align-items:center;padding:4px;display:flex}.cat-toggle:hover{background:#ffffff0d}.cat-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.cat-action-btn:hover{color:var(--color-text-primary);background:#ffffff14}.cat-action-danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.cat-card-body{flex:1;min-width:0}.cat-card-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:4px;line-height:1.3}.cat-card-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.cat-card-footer{padding-top:var(--space-3);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.cat-stat,.cat-sort{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:5px;display:flex}.cat-stat{color:var(--color-text-secondary)}.cat-empty{text-align:center;padding:var(--space-16) var(--space-6);border-radius:var(--radius-xl);animation:catEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger) * 60ms) both;background:linear-gradient(145deg,#161d3099,#0f1525cc);border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;display:flex}.cat-empty-icon{border-radius:var(--radius-xl);background:var(--color-accent-light);width:72px;height:72px;color:var(--color-accent);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.cat-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.cat-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:320px;margin-bottom:var(--space-5);line-height:1.6}@media (width<=639px){.cat-card-actions{opacity:1}}.cat-mobile-add{margin-bottom:var(--space-4)}@media (width>=768px){.cat-mobile-add{display:none}}@keyframes selSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sel-group{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.sel-group-full{width:100%}.sel-required{color:var(--color-danger);margin-left:3px}.sel-trigger{align-items:center;gap:var(--space-2);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);white-space:nowrap;outline:none;min-width:0;padding:9px 12px;display:flex;position:relative}.sel-trigger:hover:not(.sel-disabled){border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.sel-trigger:focus-visible,.sel-trigger.sel-open{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.sel-trigger.sel-error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-light)}.sel-trigger.sel-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sel-trigger.sel-full{width:100%}.sel-trigger.sel-sm{font-size:var(--text-xs);padding:6px 10px}.sel-trigger-icon{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.sel-trigger.sel-open .sel-trigger-icon,.sel-trigger:focus-visible .sel-trigger-icon{color:var(--color-accent)}.sel-value-text{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.sel-placeholder{color:var(--color-text-muted)}.sel-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;margin-left:auto}.sel-trigger.sel-open .sel-chevron{color:var(--color-accent);transform:rotate(180deg)}.sel-dropdown{border-radius:var(--radius-lg);will-change:transform, opacity;background:#12182a;border:1px solid #ffffff1f;min-width:180px;animation:.16s cubic-bezier(.34,1.56,.64,1) both selSlideDown;overflow:hidden;transform:translateZ(0);box-shadow:0 16px 48px #0009,0 4px 16px #0006,inset 0 1px #ffffff0f}.sel-search-wrap{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid #ffffff0f;display:flex}.sel-search-icon{color:var(--color-text-muted);flex-shrink:0}.sel-search-input{color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.sel-search-input::placeholder{color:var(--color-text-muted)}.sel-search-clear{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.sel-search-clear:hover{color:var(--color-text-primary)}@keyframes selSpin{to{transform:rotate(360deg)}}.sel-spinning{animation:.8s linear infinite selSpin}.sel-options{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;will-change:scroll-position;max-height:240px;padding:var(--space-1);overflow-y:auto}.sel-options::-webkit-scrollbar{width:5px}.sel-options::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px;margin:4px}.sel-options::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff2e}.sel-options::-webkit-scrollbar-thumb:hover{background:#ffffff47}.sel-option{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 10px;display:flex;position:relative}.sel-option:hover:not(.sel-option-disabled){color:var(--color-text-primary);background:#ffffff0f}.sel-option-active{font-weight:var(--weight-medium);background:var(--color-accent-light)!important;color:var(--color-accent)!important}.sel-option-active:hover{background:#7c3aed33!important}.sel-option-disabled{opacity:.4;cursor:not-allowed}.sel-opt-icon{color:currentColor;flex-shrink:0}.sel-opt-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sel-check-icon{color:var(--color-accent);flex-shrink:0;margin-left:auto}.sel-empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.sel-more-hint{color:var(--color-text-muted);text-align:center;border-top:1px solid #ffffff0d;margin-top:2px;padding:6px 10px;font-size:10px}.pagination{align-items:center;gap:var(--space-1);padding:var(--space-3) 0;flex-wrap:wrap;display:flex}.pag-nav-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pag-nav-btn:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.pag-nav-btn:disabled{opacity:.35;cursor:default}.pag-numbers{align-items:center;gap:2px;display:flex}.pag-number{border-radius:var(--radius-md);min-width:34px;height:34px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 6px;display:flex}.pag-number:hover:not(.pag-active){background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.pag-number.pag-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px var(--color-accent-light);font-weight:var(--weight-semibold)}.pag-ellipsis{width:28px;height:34px;font-size:var(--text-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.pag-info{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2);white-space:nowrap}@media (width<=639px){.pag-nav-btn,.pag-number{width:30px;height:30px}.pag-info{display:none}}@keyframes prodEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.products-page{min-height:calc(100vh - var(--header-height));position:relative}.prod-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d412 0%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:7s ease-in-out infinite glowPulse;position:absolute;top:-100px;right:-60px}.products-page>:not(.prod-ambient){z-index:1;position:relative}.prod-page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,0) * 60ms) both;flex-wrap:wrap;display:flex}.prod-header-info{align-items:center;gap:var(--space-3);display:flex}.prod-header-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-cyan);background:#06b6d41f;justify-content:center;align-items:center;display:flex}.prod-stat-strip{gap:var(--space-3);margin-bottom:var(--space-5);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 60ms) both;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.prod-stat-strip{grid-template-columns:repeat(4,1fr)}}.prod-stat-card{border-radius:var(--radius-lg);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 70ms) both;position:relative;overflow:hidden}.prod-stat-inner{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#161d30d9,#161d3080);border:1px solid #ffffff0f;display:flex;position:relative}.prod-stat-card:hover .prod-stat-inner{border-color:var(--accent,#ffffff1f);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.prod-stat-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent,var(--color-accent));background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.prod-stat-card[style*=\#7C3AED] .prod-stat-icon{background:#7c3aed26}.prod-stat-card[style*=\#10B981] .prod-stat-icon{background:#10b98126}.prod-stat-card[style*=\#06B6D4] .prod-stat-icon{background:#06b6d426}.prod-stat-card[style*=\#F59E0B] .prod-stat-icon{background:#f59e0b26}.prod-stat-content{flex-direction:column;min-width:0;display:flex}.prod-stat-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1.2}.prod-stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.prod-stat-glow{background:var(--accent,var(--color-accent));opacity:0;filter:blur(24px);width:70%;height:40px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.prod-stat-card:hover .prod-stat-glow{opacity:.12}.prod-toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,5) * 60ms) both;display:flex}.prod-search-wrap{flex:1}.prod-search-input{width:100%}.prod-toolbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.filter-toggle-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#161d30b3;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 14px;display:flex;position:relative}.filter-toggle-btn:hover,.filter-toggle-btn.active{color:var(--color-text-primary);background:#ffffff0d;border-color:#ffffff1f}.filter-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.filter-clear-btn{border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:5px;padding:8px 12px;display:flex}.filter-clear-btn:hover{background:#ef444426}.prod-filter-panel{max-height:0;margin-bottom:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),margin-bottom .35s;overflow:hidden}.prod-filter-panel.open{max-height:160px;margin-bottom:var(--space-4)}.prod-filter-row{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(145deg,#161d30b3,#0f1525cc);border:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.prod-filter-group{gap:var(--space-1);flex-direction:column;flex:1;min-width:180px;display:flex}.filter-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;display:flex}.prod-select{appearance:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);background:#0f1525cc;border:1px solid #ffffff14;outline:none;width:auto;padding:9px 12px}.prod-select.full{width:100%}.prod-select:focus{border-color:var(--color-accent)}.prod-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.prod-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1400px){.prod-grid{grid-template-columns:repeat(4,1fr)}}.prod-card{border-radius:var(--radius-lg);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,6) * 55ms) both;position:relative;overflow:hidden}.prod-card-inner{z-index:1;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);height:100%;transition:all var(--transition-base);background:linear-gradient(145deg,#161d30e0,#161d308c);border:1px solid #ffffff0f;flex-direction:column;display:flex;position:relative;overflow:hidden}.prod-card:hover .prod-card-inner{border-color:var(--prod-color,#ffffff1f);box-shadow:0 10px 36px #00000059, 0 0 22px var(--prod-glow,transparent);transform:translateY(-3px)}.prod-card-glow{background:var(--prod-color,var(--color-accent));opacity:0;filter:blur(30px);width:75%;height:50px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.prod-card:hover .prod-card-glow{opacity:.14}.prod-inactive .prod-card-inner{opacity:.5}.prod-inactive:hover .prod-card-inner{opacity:.82}.prod-card-img{background:#0a0e1a80;flex-shrink:0;height:130px;position:relative;overflow:hidden}.prod-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.prod-card:hover .prod-card-img img{transform:scale(1.05)}.prod-card-img-placeholder{width:100%;height:100%;color:var(--prod-color,var(--color-text-muted));background:var(--prod-bg,#ffffff08);justify-content:center;align-items:center;display:flex}.prod-img-upload-btn{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--transition-fast);cursor:pointer;background:#0009;justify-content:center;align-items:center;font-size:0;display:flex;position:absolute;bottom:6px;right:6px}.prod-card:hover .prod-img-upload-btn{opacity:1}.prod-delivery-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;font-weight:var(--weight-semibold);color:#fffc;text-transform:capitalize;letter-spacing:.03em;background:#0000008c;align-items:center;gap:4px;padding:3px 8px;display:flex;position:absolute;top:8px;left:8px}.prod-card-body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.prod-card-meta{justify-content:space-between;align-items:center;display:flex}.prod-category-tag{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--prod-color,var(--color-accent));background:var(--prod-bg,#7c3aed1a);border-radius:var(--radius-full);padding:2px 8px}.prod-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);align-items:center;padding:2px;display:flex}.prod-toggle-btn:hover{background:#ffffff0d}.toggle-on{color:var(--color-success)}.toggle-off{color:var(--color-text-muted)}.prod-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.prod-card-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.prod-card-price-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.prod-card-price{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-cyan)}.prod-variant-badge{color:var(--color-text-muted);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;gap:3px;padding:2px 7px;font-size:10px;display:flex}.prod-card-footer{padding-top:var(--space-2);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.prod-card-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:4px;display:flex}.prod-card:hover .prod-card-actions{opacity:1}@media (width<=639px){.prod-card-actions{opacity:1}}.prod-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.prod-action-btn:hover{color:var(--color-text-primary);background:#ffffff14}.prod-action-danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.stock-pill{font-size:10px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.stock-ok{color:var(--color-success);background:var(--color-success-light)}.stock-low{color:var(--color-warning);background:#f59e0b1f}.stock-empty{color:var(--color-danger);background:var(--color-danger-light)}.prod-empty{text-align:center;padding:var(--space-16) var(--space-6);border-radius:var(--radius-xl);animation:prodEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,6) * 60ms) both;background:linear-gradient(145deg,#161d3099,#0f1525cc);border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;display:flex}.prod-empty-icon{border-radius:var(--radius-xl);width:76px;height:76px;color:var(--color-cyan);margin-bottom:var(--space-5);background:#06b6d41a;justify-content:center;align-items:center;display:flex}.prod-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.prod-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:340px;margin-bottom:var(--space-5);line-height:1.6}.prod-pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) 0 var(--space-2);animation:prodEnter .4s ease calc(var(--stagger,99) * 30ms) both;flex-wrap:wrap;display:flex}.pag-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0f;border-color:#ffffff26}.req{color:var(--color-danger);margin-left:2px}.form-info-note{border-radius:var(--radius-md);color:#a78bfa;font-size:var(--text-sm);font-weight:var(--weight-medium);background:#6366f10f;border:1px solid #6366f12e;flex:1;align-self:stretch;align-items:center;padding:0 14px;display:flex}.modal-toggles-row{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;display:flex}.modal-toggle-item{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.modal-toggle-item input[type=checkbox]{display:none}.toggle-track{border-radius:var(--radius-full);width:40px;height:22px;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff14;flex-shrink:0;position:relative}.modal-toggle-item input:checked+.toggle-track{background:var(--color-accent);border-color:var(--color-accent)}.toggle-thumb{width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.modal-toggle-item input:checked+.toggle-track .toggle-thumb{transform:translate(18px)}.toggle-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.delete-confirm-warning{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.prod-action-variant:hover{color:#818cf8;background:#6366f126}.variant-manager{gap:var(--space-4);flex-direction:column;display:flex}.variant-empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0}.variant-list{gap:var(--space-2);flex-direction:column;display:flex}.variant-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;padding:10px 14px;display:flex}.variant-row:hover{border-color:#ffffff1a}.variant-row--inactive{opacity:.5}.variant-info{flex-direction:column;flex:1;gap:2px;display:flex}.variant-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.variant-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.variant-price{font-size:var(--text-xs);color:var(--color-text-muted)}.variant-code-badge{border-radius:var(--radius-full);color:#818cf8;background:#6366f11f;border:1px solid #6366f133;padding:1px 7px;font-family:monospace;font-size:10px;display:inline-block}.variant-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.variant-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;padding:4px 10px}.variant-btn:hover{color:var(--color-text-primary);background:#ffffff14}.variant-btn--edit:hover{color:#818cf8;border-color:#818cf8}.variant-btn--del:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef444414}.variant-btn--toggle{font-size:10px}.variant-btn--save{color:#25d366;border-color:#25d366}.variant-btn--save:hover{background:#25d3661a}.variant-edit-input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;outline:none;padding:8px 10px}.variant-edit-input:focus{border-color:#818cf8}.variant-row--editing{background:#6366f10f;border-color:#6366f14d;flex-direction:column;align-items:stretch;padding:0}.variant-edit-card{gap:var(--space-3);flex-direction:column;width:100%;padding:12px 14px;display:flex}.variant-edit-grid{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=520px){.variant-edit-grid{grid-template-columns:1fr}}.variant-edit-field{flex-direction:column;gap:4px;display:flex}.variant-edit-label{font-size:10px;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.variant-edit-actions{justify-content:flex-end;gap:var(--space-2);border-top:1px solid #ffffff0f;padding-top:10px;display:flex}.variant-add-form{padding:var(--space-4);border-radius:var(--radius-md);background:#6366f10d;border:1px solid #6366f126}.variant-add-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.variant-add-grid{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=540px){.variant-add-grid{grid-template-columns:1fr}}.variant-add-field{flex-direction:column;gap:4px;display:flex}.variant-add-submit{justify-content:flex-end;display:flex}.variant-add-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);background:#0000004d;border:1px solid #ffffff1a;outline:none;padding:9px 12px}.variant-add-input:focus{border-color:var(--color-accent)}.inline-variant-section{margin-top:var(--space-1);border-radius:var(--radius-md);background:#6366f10a;border:1px solid #6366f133;overflow:hidden}.inline-variant-header{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#818cf8;letter-spacing:.04em;text-transform:uppercase;background:#6366f10f;border-bottom:1px solid #6366f126;align-items:center;gap:8px;padding:10px 14px;display:flex}.inline-variant-empty{font-size:var(--text-xs);color:var(--color-text-muted);padding:10px 14px;font-style:italic}.inline-variant-row,.inline-variant-add-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 14px;display:flex}.inline-variant-add-row{background:#ffffff03;border-bottom:none}.inline-variant-num{text-align:center;width:20px;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-semibold);flex-shrink:0}.inline-variant-input{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);background:#00000040;border:1px solid #ffffff14;outline:none;flex:1;min-width:0;padding:7px 10px}.inline-variant-input:focus{border-color:#818cf8}.inline-variant-price{flex-shrink:0;max-width:110px}.inline-variant-code{flex-shrink:0;max-width:150px;font-family:monospace;font-size:12px}.inline-variant-del{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-danger);cursor:pointer;transition:background var(--transition-fast);background:#ef444414;border:1px solid #ef444433;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inline-variant-del:hover{background:#ef44442e}.inline-variant-add-btn{border-radius:var(--radius-sm);color:#818cf8;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:#6366f126;border:1px solid #6366f14d;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;display:inline-flex}.inline-variant-add-btn:hover:not(:disabled){background:#6366f140}.inline-variant-add-btn:disabled{opacity:.4;cursor:not-allowed}.prod-mobile-add{margin-bottom:var(--space-4)}@media (width>=768px){.prod-mobile-add{display:none}}@keyframes stkEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes progressGrow{0%{width:0%}}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.stocks-page{min-height:calc(100vh - var(--header-height));position:relative}.stk-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);border-radius:50%;width:460px;height:460px;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-100px;left:-60px}.stocks-page>:not(.stk-ambient){z-index:1;position:relative}.stk-page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);animation:stkEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,0) * 60ms) both;flex-wrap:wrap;display:flex}.stk-header-info{align-items:center;gap:var(--space-3);display:flex}.stk-header-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-success);background:#10b9811f;justify-content:center;align-items:center;display:flex}.stk-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stk-tab-toggle{border-radius:var(--radius-md);background:#0f1525cc;border:1px solid #ffffff12;align-items:center;gap:2px;padding:3px;display:flex}.stk-tab{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;display:flex}.stk-tab:hover{color:var(--color-text-secondary);background:#ffffff0a}.stk-tab.active{background:var(--color-accent);color:#fff}.stk-stat-strip{gap:var(--space-3);margin-bottom:var(--space-5);animation:stkEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 60ms) both;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stk-stat-strip{grid-template-columns:repeat(4,1fr)}}.stk-stat-card{border-radius:var(--radius-lg);animation:stkEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 70ms) both;position:relative;overflow:hidden}.stk-stat-inner{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-4);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#161d30d9,#161d3080);border:1px solid #ffffff0f;display:flex;position:relative}.stk-stat-card:hover .stk-stat-inner{border-color:var(--accent,#ffffff1f);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.stk-stat-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent,var(--color-accent));background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stk-stat-card[style*=\#7C3AED] .stk-stat-icon{background:#7c3aed26}.stk-stat-card[style*=\#10B981] .stk-stat-icon{background:#10b98126}.stk-stat-card[style*=\#F59E0B] .stk-stat-icon{background:#f59e0b26}.stk-stat-card[style*=\#06B6D4] .stk-stat-icon{background:#06b6d426}.stk-stat-content{flex-direction:column;display:flex}.stk-stat-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1.2}.stk-stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.stk-stat-glow{background:var(--accent,var(--color-accent));opacity:0;filter:blur(24px);width:70%;height:40px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.stk-stat-card:hover .stk-stat-glow{opacity:.12}.stk-empty{text-align:center;padding:var(--space-16) var(--space-6);border-radius:var(--radius-xl);animation:stkEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,5) * 60ms) both;background:linear-gradient(145deg,#161d3099,#0f1525cc);border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;display:flex}.stk-empty-icon{border-radius:var(--radius-xl);width:76px;height:76px;color:var(--color-success);margin-bottom:var(--space-5);background:#10b9811a;justify-content:center;align-items:center;display:flex}.stk-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.stk-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:320px;margin-bottom:var(--space-5);line-height:1.6}.stk-summary-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.stk-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stk-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1400px){.stk-summary-grid{grid-template-columns:repeat(4,1fr)}}.stk-summary-card{border-radius:var(--radius-lg);animation:stkEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,5) * 55ms) both;position:relative;overflow:hidden}.stk-summary-card--clickable{cursor:pointer}.stk-summary-card--clickable:hover .stk-summary-inner{border-color:var(--clr,#ffffff2e)!important;box-shadow:0 14px 36px #00000059, 0 0 24px var(--clr-glow,transparent)!important;transform:translateY(-4px)!important}.stk-summary-card--clickable:active .stk-summary-inner{transform:translateY(-1px)!important}.stk-summary-inner{z-index:1;padding:var(--space-5);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);gap:var(--space-3);transition:all var(--transition-base);background:linear-gradient(145deg,#161d30e0,#161d308c);border:1px solid #ffffff12;flex-direction:column;display:flex;position:relative}.stk-summary-card:hover .stk-summary-inner{border-color:var(--clr,#ffffff1f);box-shadow:0 10px 32px #0000004d, 0 0 20px var(--clr-glow,transparent);transform:translateY(-3px)}.stk-summary-glow{background:var(--clr,var(--color-accent));opacity:0;filter:blur(30px);width:75%;height:50px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.stk-summary-card:hover .stk-summary-glow{opacity:.13}.stk-summary-top{justify-content:space-between;align-items:center;display:flex}.stk-summary-icon{border-radius:var(--radius-md);background:var(--clr-bg,var(--color-accent-light));width:40px;height:40px;color:var(--clr,var(--color-accent));transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.stk-summary-card:hover .stk-summary-icon{transform:scale(1.08)rotate(-4deg)}.stk-avail-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);color:var(--color-success);background:#10b9811f;align-items:center;gap:4px;padding:3px 10px;display:flex}.stk-summary-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.stk-variant-tag{color:var(--color-text-muted);border-radius:var(--radius-full);margin-top:-var(--space-1);background:#ffffff0d;padding:2px 8px;font-size:10px;display:inline-block}.stk-progress-wrap{align-items:center;gap:var(--space-2);display:flex}.stk-progress-bar{border-radius:var(--radius-full);background:#ffffff12;flex:1;height:5px;overflow:hidden}.stk-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--clr,var(--color-accent)), #ffffff80);height:100%;animation:progressGrow 1s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,5) * 55ms) both;transition:width var(--transition-slow)}.stk-progress-pct{font-size:10px;font-weight:var(--weight-semibold);color:var(--clr,var(--color-accent));text-align:right;min-width:30px}.stk-summary-stats{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff0a;grid-template-columns:repeat(4,1fr);display:grid}.stk-stat-pill{padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.stk-stat-pill span{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1}.stk-stat-pill small{color:var(--color-text-muted);font-size:9px}.stk-pill-ok{color:var(--color-success);background:#10b98114}.stk-pill-warn{color:var(--color-warning);background:#f59e0b14}.stk-pill-sold{color:var(--color-info);background:#3b82f614}.stk-pill-total{color:var(--color-text-secondary);background:#ffffff0a}.stk-detail-btn{width:100%;margin-top:var(--space-1);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:#ffffff08;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}.stk-detail-btn:hover{border-color:var(--clr,var(--color-accent));color:var(--clr,var(--color-accent));box-shadow:0 0 12px var(--clr-glow,transparent);background:#ffffff12}.stk-detail-btn__arrow{transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.stk-detail-btn:hover .stk-detail-btn__arrow{transform:translate(3px)}.stk-detail-wrap{gap:var(--space-4);animation:stkEnter .4s ease calc(var(--stagger,5) * 60ms) both;flex-direction:column;display:flex}.stk-detail-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stk-select{appearance:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);background:#0f1525cc;border:1px solid #ffffff14;outline:none;padding:9px 14px}.stk-select.full{width:100%}.stk-select:focus{border-color:var(--color-accent)}.stk-reset-btn{border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:5px;padding:8px 12px;display:flex}.stk-reset-btn:hover{background:#ef444426}.stk-count-badge{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium);white-space:nowrap;background:#161d30b3;border:1px solid #ffffff0f;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;display:flex}.stk-list-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:linear-gradient(145deg,#161d30cc,#0f1525e6);border:1px solid #ffffff0f;overflow:hidden}.stk-list-empty{align-items:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-12) 0;flex-direction:column;display:flex}.stk-list{flex-direction:column;display:flex}.stk-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);transition:background var(--transition-fast), border-color var(--transition-fast);animation:rowFadeIn .3s ease var(--row-delay,0s) both;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;display:flex}.stk-row:last-child{border-bottom:none}.stk-row:hover{background:#ffffff05}.stk-row-available{border-left-color:var(--color-success)}.stk-row-reserved{border-left-color:var(--color-warning);opacity:.8}.stk-row-sold{border-left-color:var(--color-info);opacity:.6}.stk-status-chip{font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.01em;text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:72px;min-width:72px;padding:3px 0;display:inline-flex}.stk-chip-available{color:var(--color-success);background:#10b9811f;border:1px solid #10b98133}.stk-chip-reserved{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b33}.stk-chip-sold{color:var(--color-info);background:#3b82f61f;border:1px solid #3b82f633}.status-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dot-ok{color:var(--color-success);background:#10b9811f}.dot-warn{color:var(--color-warning);background:#f59e0b1f}.dot-sold{color:var(--color-info);background:#3b82f61f}.stk-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.stk-row-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;line-height:1.4}.stk-row-product{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.stk-row-product em{color:var(--color-text-muted);font-style:normal}.stk-row-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;width:60px;display:flex}.stk-edit-btn,.stk-delete-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);opacity:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stk-row:hover .stk-edit-btn,.stk-row:hover .stk-delete-btn{opacity:1}.stk-edit-btn:hover{background:var(--color-accent-light);color:var(--color-accent)}.stk-delete-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}@media (width<=639px){.stk-edit-btn,.stk-delete-btn{opacity:1}}.stk-pagination{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.stk-pag-info{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;min-width:60px}.stk-textarea-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.stk-code-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-success);border-radius:var(--radius-full);background:#10b9811a;align-items:center;gap:4px;padding:2px 8px;display:flex}@media (width<=639px){.stk-page-header{flex-direction:column;align-items:flex-start}.stk-summary-stats{grid-template-columns:repeat(2,1fr)}.stk-detail-toolbar{flex-direction:column;align-items:stretch}.stk-count-badge{align-self:flex-start;margin-left:0}}.stk-mobile-toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.stk-tab-toggle--full{width:100%}.stk-tab-toggle--full .stk-tab{flex:1;justify-content:center}@media (width>=768px){.stk-mobile-toolbar{display:none}}@keyframes ordEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rowSlide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.orders-page{min-height:calc(100vh - var(--header-height));position:relative}.ord-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b0f 0%,#0000 70%);border-radius:50%;width:460px;height:460px;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-100px;right:-60px}.orders-page>:not(.ord-ambient){z-index:1;position:relative}.ord-page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);animation:ordEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,0) * 60ms) both;flex-wrap:wrap;display:flex}.ord-header-info{align-items:center;gap:var(--space-3);display:flex}.ord-header-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-warning);background:#f59e0b1f;justify-content:center;align-items:center;display:flex}.ord-stat-strip{gap:var(--space-3);margin-bottom:var(--space-5);animation:ordEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 60ms) both;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.ord-stat-strip{grid-template-columns:repeat(4,1fr)}}.ord-stat-card{border-radius:var(--radius-lg);animation:ordEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 70ms) both;position:relative;overflow:hidden}.ord-stat-inner{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-4);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#161d30d9,#161d3080);border:1px solid #ffffff0f;display:flex;position:relative}.ord-stat-card:hover .ord-stat-inner{border-color:var(--accent,#ffffff1f);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.ord-stat-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent,var(--color-accent));background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ord-stat-card[style*=\#7C3AED] .ord-stat-icon{background:#7c3aed26}.ord-stat-card[style*=\#10B981] .ord-stat-icon{background:#10b98126}.ord-stat-card[style*=\#F59E0B] .ord-stat-icon{background:#f59e0b26}.ord-stat-card[style*=\#06B6D4] .ord-stat-icon{background:#06b6d426}.ord-stat-content{flex-direction:column;min-width:0;display:flex}.ord-stat-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.ord-stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.ord-stat-glow{background:var(--accent,var(--color-accent));opacity:0;filter:blur(24px);width:70%;height:40px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.ord-stat-card:hover .ord-stat-glow{opacity:.12}.ord-toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);animation:ordEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,5) * 60ms) both;flex-wrap:wrap;display:flex}.ord-search-wrap{flex:1;min-width:200px}.ord-search-input{width:100%}.ord-select{appearance:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);background:#0f1525cc;border:1px solid #ffffff14;outline:none;flex-shrink:0;padding:9px 14px}.ord-select:focus{border-color:var(--color-accent)}.ord-reset-btn{border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;flex-shrink:0;align-items:center;gap:5px;padding:8px 12px;display:flex}.ord-reset-btn:hover{background:#ef444426}.ord-table-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);margin-bottom:var(--space-4);animation:ordEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,6) * 60ms) both;background:linear-gradient(145deg,#161d30cc,#0f1525e6);border:1px solid #ffffff0f;overflow:hidden}.ord-table-bar{padding:var(--space-3) var(--space-5);background:#ffffff03;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.ord-table-count{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium);display:flex}.ord-table-count strong{color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.ord-table-head{gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:10px;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #ffffff0d;grid-template-columns:190px 1fr 140px 110px 130px 105px 70px;display:grid}@media (width<=1100px){.ord-table-head{grid-template-columns:170px 1fr 110px 120px 72px}.ord-table-head span:nth-child(3),.ord-table-head span:nth-child(6){display:none}}@media (width<=767px){.ord-table-head{display:none}}.ord-row{gap:var(--space-3);padding:var(--space-3) var(--space-5);transition:background var(--transition-fast);animation:rowSlide .3s ease var(--row-delay,0s) both;border-bottom:1px solid #ffffff08;grid-template-columns:190px 1fr 140px 110px 130px 105px 70px;align-items:center;display:grid;position:relative}.ord-row:before{content:"";background:var(--color-accent);opacity:0;width:3px;transition:opacity var(--transition-fast);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.ord-row:last-child{border-bottom:none}.ord-row:hover{background:#ffffff08}.ord-row:hover:before{opacity:1}@media (width<=1100px){.ord-row{grid-template-columns:170px 1fr 110px 120px 72px}.ord-col-customer,.ord-col-date{display:none}}@media (width<=767px){.ord-row{padding:var(--space-3) var(--space-4);gap:5px var(--space-3);grid-template:"invoice status""product amount""date actions"/1fr auto}.ord-row:before{display:none}.ord-col-invoice{grid-area:invoice}.ord-col-status{grid-area:status;place-self:start end}.ord-col-product{grid-area:product;display:flex}.ord-col-amount{grid-area:amount;place-self:center end;display:flex}.ord-col-customer{display:none}.ord-col-date{grid-area:date;align-self:center;display:flex}.ord-col-actions{grid-area:actions;place-self:center end}}.ord-col-invoice{flex-direction:column;gap:3px;min-width:0;display:flex}.ord-invoice-no{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ord-col-product{align-items:center;gap:var(--space-2);min-width:0;display:flex}.ord-product-name{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ord-qty{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.ord-col-customer{flex-direction:column;gap:2px;min-width:0;display:flex}.ord-phone{font-size:var(--text-sm);color:var(--color-text-primary)}.ord-cname{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ord-amount{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap}.ord-col-date{flex-direction:column;gap:2px;display:flex}.ord-date-rel{font-size:var(--text-xs);color:var(--color-text-secondary)}.ord-date-abs{color:var(--color-text-muted);font-size:10px}.ord-col-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.ord-action-btn{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.ord-action-btn:hover{color:var(--color-text-primary);background:#ffffff14;border-color:#ffffff1a}.ord-action-danger:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:#ef444433}@media (width<=767px){.ord-action-btn{width:36px;height:36px}.ord-row{border-bottom:1px solid #ffffff0d}.ord-amount{color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}}.ord-status-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.ord-status-badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.ord-s-pending{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b40}.ord-s-pending:before{animation:1.8s infinite badgePulse}.ord-s-waiting{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa40}.ord-s-waiting:before{animation:2s infinite badgePulse}.ord-s-completed{color:var(--color-success);background:#10b9811a;border:1px solid #10b98140}.ord-s-cancelled{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444440}.ord-s-expired{color:var(--color-text-muted);background:#ffffff0d;border:1px solid #ffffff1a}@keyframes badgePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.ord-pay-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.pay-paid{color:var(--color-success);background:#10b9811a;border:1px solid #10b98140}.pay-unpaid{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b40}.pay-cancelled{color:var(--color-text-muted);background:#ffffff0d;border:1px solid #ffffff1a}.ord-empty{text-align:center;padding:var(--space-16) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.ord-empty-icon{border-radius:var(--radius-xl);width:72px;height:72px;color:var(--color-warning);margin-bottom:var(--space-2);background:#f59e0b1a;justify-content:center;align-items:center;display:flex}.ord-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.ord-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:300px;line-height:1.6}.ord-pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) 0 var(--space-4);animation:ordEnter .4s ease calc(var(--stagger,99) * 30ms) both;flex-wrap:wrap;display:flex}.pag-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#161d30b3;border:1px solid #ffffff12;justify-content:center;align-items:center;display:flex}.pag-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0f}.pag-btn:disabled{opacity:.35;cursor:default}.pag-pages{align-items:center;gap:4px;display:flex}.pag-num{border-radius:var(--radius-md);min-width:34px;height:34px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#161d30b3;border:1px solid #ffffff12;justify-content:center;align-items:center;padding:0 8px;display:flex}.pag-num:hover{color:var(--color-text-primary);background:#ffffff0f}.pag-num.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:var(--weight-semibold)}.pag-ellipsis{color:var(--color-text-muted);font-size:var(--text-sm);padding:0 4px}.pag-info{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.ord-detail-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.ord-detail-content{gap:var(--space-5);flex-direction:column;display:flex}.ord-detail-status-row{align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0d;flex-wrap:wrap;display:flex}.ord-pay-method{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);letter-spacing:.01em;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.ord-detail-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=560px){.ord-detail-grid{grid-template-columns:1fr}}.ord-detail-item{flex-direction:column;gap:4px;display:flex}.ord-dl{font-size:10px;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;display:flex}.ord-dv{font-size:var(--text-sm);color:var(--color-text-primary)}.ord-mono{font-family:var(--font-mono)}.ord-total{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-cyan)}.ord-detail-codes{border-radius:var(--radius-lg);border:1px solid #ffffff0f;overflow:hidden}.ord-codes-header{padding:var(--space-3) var(--space-4);background:#ffffff05;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.ord-codes-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);display:flex}.ord-codes-count{background:var(--color-accent);color:#fff;width:20px;height:20px;font-size:10px;font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ord-codes-list{flex-direction:column;display:flex}.ord-code-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);border-bottom:1px solid #ffffff08;display:flex}.ord-code-item:last-child{border-bottom:none}.ord-code-item:hover{background:#ffffff05}.ord-code-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;flex:1}.ord-code-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ord-copy-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ord-copy-btn:hover{color:var(--color-text-primary);background:#ffffff14}.ord-pay-url-wrap{gap:var(--space-2);flex-direction:column;display:flex}.ord-pay-link{font-size:var(--text-xs);color:var(--color-accent);word-break:break-all;padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);background:#7c3aed0f;border:1px solid #7c3aed26}.ord-pay-link:hover{background:#7c3aed1f}.delete-confirm-body{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.delete-confirm-icon{background:var(--color-danger-light);width:56px;height:56px;color:var(--color-danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.delete-confirm-body p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.ord-contact-row{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ffffff0d;flex-wrap:wrap;display:flex}.ord-contact-btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.ord-contact-wa{color:#25d366;background:#25d3661a;border:1px solid #25d36640}.ord-contact-wa:hover{background:#25d3662e;border-color:#25d36666;transform:translateY(-1px);box-shadow:0 4px 12px #25d36626}.ord-contact-tg{color:#29b6f6;background:#29b6f61a;border:1px solid #29b6f640}.ord-contact-tg:hover{background:#29b6f62e;border-color:#29b6f666;transform:translateY(-1px);box-shadow:0 4px 12px #29b6f626}.ord-contact-name{font-size:var(--text-xs);opacity:.75;font-weight:var(--weight-normal)}.ord-contact-ext{opacity:.5;flex-shrink:0}@keyframes pgEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 5px #10b98100}}.payment-page{min-height:calc(100vh - var(--header-height));position:relative}.pg-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed12 0%,#0000 70%);border-radius:50%;width:460px;height:460px;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-80px;right:-60px}.payment-page>:not(.pg-ambient){z-index:1;position:relative}.pg-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);animation:pgEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,0) * 60ms) both;flex-wrap:wrap;display:flex}.pg-header-left{align-items:center;gap:var(--space-3);display:flex}.pg-header-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pg-header-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-accent);background:#7c3aed1f;justify-content:center;align-items:center;display:flex}.pg-encrypt-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);color:var(--color-success);white-space:nowrap;background:#10b98114;border:1px solid #10b98133;align-items:center;gap:6px;padding:6px 12px;display:flex}.pg-empty{text-align:center;padding:var(--space-16) var(--space-6);align-items:center;gap:var(--space-4);border-radius:var(--radius-xl);animation:pgEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,2) * 60ms) both;background:linear-gradient(145deg,#161d3099,#0f1525cc);border:1px dashed #ffffff14;flex-direction:column;display:flex}.pg-empty-icon{border-radius:var(--radius-xl);width:76px;height:76px;color:var(--color-accent);margin-bottom:var(--space-2);background:#7c3aed1a;justify-content:center;align-items:center;display:flex}.pg-empty h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.pg-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:340px;line-height:1.6}.pg-grid{gap:var(--space-4);animation:pgEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,1) * 60ms) both;grid-template-columns:1fr;display:grid}@media (width>=768px){.pg-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.pg-grid{grid-template-columns:repeat(2,1fr)}}.pg-card{border-radius:var(--radius-xl);animation:pgEnter .5s cubic-bezier(.34,1.56,.64,1) calc(var(--stagger,2) * 70ms) both;position:relative;overflow:hidden}.pg-card-inner{z-index:1;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);transition:all var(--transition-base);background:linear-gradient(145deg,#161d30e0,#161d308c);border:1px solid #ffffff12;flex-direction:column;display:flex;position:relative;overflow:hidden}.pg-card:hover .pg-card-inner{border-color:var(--gw-color,#ffffff26);box-shadow:0 12px 40px #00000059, 0 0 24px rgba(var(--gw-color-rgb,124,58,237), .08);transform:translateY(-3px)}.pg-card-active .pg-card-inner{border-color:#10b98140}.pg-card-glow{background:var(--gw-color,var(--color-accent));opacity:0;filter:blur(30px);width:80%;height:60px;transition:opacity var(--transition-base);z-index:0;border-radius:50%;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.pg-card:hover .pg-card-glow{opacity:.1}.pg-card-topbar{width:100%;height:4px}.pg-card-content{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pg-card-header{align-items:center;gap:var(--space-3);display:flex}.pg-gw-icon{border-radius:var(--radius-lg);width:52px;height:52px;font-size:18px;font-weight:var(--weight-bold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #0000004d}.pg-gw-info{flex:1;min-width:0}.pg-gw-name{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:2px}.pg-gw-type{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.pg-status-toggle{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;padding:2px;display:flex}.pg-status-toggle:hover{background:#ffffff0d}.pg-toggle-on{color:var(--color-success)}.pg-toggle-off{color:var(--color-text-muted)}.pg-card-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.pg-status-badge,.pg-config-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.pg-active{color:var(--color-success);background:#10b9811f}.pg-inactive{color:var(--color-text-muted);background:#ffffff0d}.pg-configured{color:var(--color-info);background:#3b82f61a}.pg-unconfigured{color:var(--color-warning);background:#f59e0b1a}.pg-pulse{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;display:inline-block}.pg-fields{flex-direction:column;gap:6px;display:flex}.pg-field{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff0a;padding:6px 0;display:flex}.pg-field:last-child{border-bottom:none}.pg-fl{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:10px}.pg-fv{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:60%;display:flex;overflow:hidden}.pg-masked{color:var(--color-text-muted);letter-spacing:.08em}.pg-channel{color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--weight-medium);padding:1px 8px}.pg-notes{font-family:var(--font-sans);color:var(--color-text-tertiary);max-width:70%;font-size:11px}.pg-field-empty{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-warning);background:#f59e0b0f;border:1px dashed #f59e0b33;display:flex}.pg-card-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff0a;flex-wrap:wrap;display:flex}.pg-form-section{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;display:flex}.pg-section-title{align-items:center;gap:var(--space-2);font-size:10px;font-weight:var(--weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.07em;display:flex}.pg-secret-wrap{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;display:flex;position:relative}.pg-secret-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.pg-secret-icon{color:var(--color-text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.pg-secret-input{color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 40px 10px 38px}.pg-secret-input::placeholder{color:var(--color-text-muted)}.pg-secret-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.pg-secret-toggle:hover{color:var(--color-text-primary);background:#ffffff14}.pg-security-hint{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);background:#7c3aed12;border:1px solid #7c3aed26;line-height:1.5;display:flex}.pg-security-hint svg{color:var(--color-accent);flex-shrink:0;margin-top:1px}.pg-toggle-row{padding:var(--space-4);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-4);background:#ffffff05;border:1px solid #ffffff0f;display:flex}.pg-toggle-left{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.pg-toggle-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.pg-toggle-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.pg-toggle-switch{border-radius:var(--radius-full);cursor:pointer;width:46px;height:26px;transition:background var(--transition-fast);background:#ffffff1f;border:none;outline:none;flex-shrink:0;position:relative}.pg-toggle-switch.on{background:var(--color-success)}.pg-toggle-thumb{width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 6px #0000004d}.pg-toggle-switch.on .pg-toggle-thumb{transform:translate(20px)}.pg-create-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4);line-height:1.6}.pg-gw-picker{gap:var(--space-2);flex-direction:column;display:flex}.pg-gw-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:#161d30b3;border:1px solid #ffffff12;width:100%;display:flex}.pg-gw-option:hover:not(.disabled){background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.pg-gw-option.selected{background:var(--color-accent-light);border-color:var(--color-accent)}.pg-gw-option.disabled{opacity:.4;cursor:not-allowed}.pg-gw-opt-icon{border-radius:var(--radius-md);width:42px;height:42px;font-size:16px;font-weight:var(--weight-bold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000040}.pg-gw-opt-info{flex:1;min-width:0}.pg-gw-opt-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:2px;display:block}.pg-gw-opt-desc{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pg-gw-opt-check{color:var(--color-accent);flex-shrink:0}.pg-gw-opt-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.pg-gw-option:hover:not(.disabled) .pg-gw-opt-arrow{transform:translate(3px)}@media (width<=767px){.pg-card-content{padding:var(--space-4)}.pg-gw-icon{width:44px;height:44px;font-size:15px}}.pg-mobile-add{margin-bottom:var(--space-4)}@media (width>=768px){.pg-mobile-add{display:none}}@keyframes waEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes waSpin{to{transform:rotate(360deg)}}@keyframes waPulse{0%,to{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes cmdSlide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes boxIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.wa-page{gap:var(--space-5);min-height:calc(100vh - var(--header-height));flex-direction:column;display:flex;position:relative}.wa-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle,#25d3660f 0%,#0000 70%);border-radius:50%;width:460px;height:460px;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-80px;left:-60px}.wa-page>:not(.wa-ambient){z-index:1;position:relative}.wa-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,0) * 60ms) both;flex-wrap:wrap;display:flex}.wa-header-left{align-items:center;gap:var(--space-3);display:flex}.wa-header-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-text-muted);transition:all var(--transition-base);background:#ffffff0f;justify-content:center;align-items:center;display:flex}.wa-header-icon.connected{color:#25d366;background:#25d3661f}.wa-status-card{border-radius:var(--radius-xl);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,1) * 60ms) both;overflow:hidden}.wa-status-inner{align-items:center;gap:var(--space-4);padding:var(--space-5);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.wa-connected .wa-status-inner{background:linear-gradient(145deg,#25d3660f,#161d30d9);border-color:#25d36640}.wa-disconnected.wa-status-inner{background:linear-gradient(145deg,#161d30d9,#0f1525e6)}.wa-disconnected .wa-status-inner{border-color:#ffffff0f}.wa-icon-ring{width:60px;height:60px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ring-online{color:#25d366;background:#25d36626;box-shadow:0 0 0 6px #25d36614}.ring-offline{color:var(--color-text-muted);background:#ffffff0d}.wa-status-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.wa-status-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.wa-conn-details{gap:var(--space-2);flex-wrap:wrap;display:flex}.wa-detail-chip{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);background:#ffffff0f;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.wa-online-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.badge-on{color:#25d366;background:#25d3661f}.badge-off{color:var(--color-text-muted);background:#ffffff0d}.wa-pulse{background:#25d366;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite waPulse;display:inline-block}.wa-conn-actions{gap:var(--space-2);padding-top:var(--space-4);padding-left:var(--space-5);padding-right:var(--space-5);padding-bottom:var(--space-4);background:#ffffff04;border-top:1px solid #ffffff0a;flex-wrap:wrap;display:flex}.wa-connect-grid{gap:var(--space-4);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,2) * 60ms) both;grid-template-columns:1fr 1fr;display:grid}@media (width<=639px){.wa-connect-grid{grid-template-columns:1fr}}.wa-method-card{align-items:center;gap:var(--space-4);padding:var(--space-5);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-base);background:linear-gradient(145deg,#161d30cc,#0f1525e6);border:1px solid #ffffff12;display:flex}.wa-method-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.wa-method-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wa-icon-qr{color:#25d366;background:#25d3661f}.wa-icon-pair{color:#60a5fa;background:#3b82f61f}.wa-method-info{flex:1;min-width:0}.wa-method-info h3{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.wa-method-info p{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.wa-method-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.wa-method-card:hover .wa-method-arrow{transform:translate(4px)}.wa-step-card{gap:var(--space-4);padding:var(--space-6);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,2) * 60ms) both;background:linear-gradient(145deg,#161d30d9,#0f1525e6);border:1px solid #ffffff12;flex-direction:column;display:flex}.wa-step-header{align-items:flex-start;gap:var(--space-4);display:flex}.wa-step-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wa-step-header h3{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.wa-step-header p{font-size:var(--text-sm);color:var(--color-text-muted)}.wa-step-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.wa-qr-card{align-items:center}.wa-qr-wrap{justify-content:center;display:flex}.wa-qr-frame{border-radius:var(--radius-lg);background:#fff;padding:12px;position:relative;box-shadow:0 20px 60px #00000080}.wa-qr-img{border-radius:var(--radius-md);width:220px;height:220px;display:block}.wa-qr-corner{border-style:solid;border-color:#25d366;width:20px;height:20px;position:absolute}.wa-qr-tl{border-width:3px 0 0 3px;border-radius:4px 0 0;top:-2px;left:-2px}.wa-qr-tr{border-width:3px 3px 0 0;border-radius:0 4px 0 0;top:-2px;right:-2px}.wa-qr-bl{border-width:0 0 3px 3px;border-radius:0 0 0 4px;bottom:-2px;left:-2px}.wa-qr-br{border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:-2px;right:-2px}.wa-qr-loading{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);width:244px;height:244px;color:var(--color-text-muted);border:2px dashed #ffffff1a;flex-direction:column;display:flex}.wa-qr-steps{gap:var(--space-2);flex-direction:column;display:flex}.wa-qr-step{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.wa-qr-step-num{color:#25d366;width:22px;height:22px;font-size:11px;font-weight:var(--weight-bold);background:#25d3661f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wa-pair-code-wrap{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.wa-pair-code{font-family:var(--font-mono);font-size:2.4rem;font-weight:var(--weight-bold);letter-spacing:.18em;color:#60a5fa;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:#3b82f614;border:2px dashed #3b82f64d}.wa-copy-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.wa-copy-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.wa-pair-waiting{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.wa-spin{animation:1.2s linear infinite waSpin}.wa-settings-card,.wa-commands-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,3) * 60ms) both;background:linear-gradient(145deg,#161d30cc,#0f1525e6);border:1px solid #ffffff0f;overflow:hidden}.wa-settings-header{padding:var(--space-4) var(--space-5);background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.wa-settings-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);display:flex}.wa-cmd-count{background:var(--color-accent);color:#fff;width:20px;height:20px;font-size:10px;font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.wa-settings-body{padding:var(--space-2);flex-direction:column;display:flex}.wa-settings-empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.wa-setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);border-bottom:1px solid #ffffff08;display:flex}.wa-setting-row:last-child{border-bottom:none}.wa-setting-row:hover{background:#ffffff05}.wa-setting-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.wa-setting-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wa-setting-info{flex-direction:column;gap:2px;min-width:0;display:flex}.wa-setting-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.wa-setting-desc{font-size:var(--text-xs);color:var(--color-text-muted);white-space:normal;word-break:break-word;line-height:1.5}.wa-setting-control{flex-shrink:0}.wa-setting-input{min-width:180px;max-width:240px}@media (width<=767px){.wa-setting-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.wa-setting-left{width:100%}.wa-setting-control{justify-content:flex-end;width:100%;display:flex}.wa-setting-input{width:100%;min-width:0;max-width:100%}.wa-settings-body{padding:var(--space-1)}.wa-setting-desc{white-space:normal}}.wa-toggle{border-radius:var(--radius-full);cursor:pointer;width:46px;height:26px;transition:background var(--transition-fast);background:#ffffff1a;border:none;outline:none;flex-shrink:0;position:relative}.wa-toggle.on{background:#25d366}.wa-toggle-thumb{width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 6px #0000004d}.wa-toggle.on .wa-toggle-thumb{transform:translate(20px)}.wa-modal-toggle-row{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.wa-cmd-loading{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.wa-cmd-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.wa-cmd-empty p{font-size:var(--text-sm)}.wa-cmd-list{flex-direction:column;display:flex}.wa-cmd-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:background var(--transition-fast);animation:cmdSlide .28s ease var(--row-delay,0s) both;border-bottom:1px solid #ffffff0a;min-width:0;display:flex}.wa-cmd-item:last-child{border-bottom:none}.wa-cmd-item:hover{background:#ffffff05}.wa-cmd-inactive{opacity:.5}.wa-cmd-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.wa-cmd-trigger-wrap{background:var(--color-accent-light);border-radius:var(--radius-md);border:1px solid #7c3aed33;flex-shrink:0;align-items:center;gap:3px;padding:5px 10px;display:flex}.wa-cmd-hash{color:var(--color-accent);opacity:.7}.wa-cmd-trigger{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:.02em}.wa-cmd-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.wa-cmd-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-cmd-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wa-cmd-type{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);align-items:center;padding:2px 8px;display:inline-flex}.cmd-t-text{color:var(--color-text-muted);background:#ffffff0f}.cmd-t-help{color:#60a5fa;background:#3b82f61f}.cmd-t-prod{color:var(--color-success);background:#10b9811f}.cmd-t-order{color:var(--color-warning);background:#f59e0b1f}.cmd-t-check{color:var(--color-cyan);background:#06b6d41f}.cmd-t-quick{color:#a78bfa;background:#6366f126}.wa-cmd-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-on{background:var(--color-success)}.dot-off{background:var(--color-text-muted)}.wa-cmd-status-txt{font-size:10px}.txt-on{color:var(--color-success)}.txt-off{color:var(--color-text-muted)}.wa-cmd-actions{flex-shrink:0;gap:4px;display:flex}.wa-cmd-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);color:var(--color-text-muted);background:#ffffff0a;border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.wa-cmd-btn:hover,.wa-cmd-btn:active{transform:scale(.93)}.btn-on:hover{color:var(--color-success);background:#10b98126;border-color:#10b98140}.btn-off:hover{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b33}.btn-edit:hover{color:#60a5fa;background:#3b82f626;border-color:#3b82f640}.btn-del:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:#ef444440}@media (width<=767px){.wa-cmd-item{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.wa-cmd-left{gap:var(--space-2)}.wa-cmd-trigger-wrap{padding:4px 8px}.wa-cmd-trigger,.wa-cmd-name{font-size:var(--text-xs)}.wa-cmd-btn{width:34px;height:34px}}.wa-confirm-overlay{z-index:var(--z-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.wa-confirm-box{border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;align-items:center;gap:var(--space-4);background:linear-gradient(145deg,#161d30f2,#0f1525fa);border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:360px;animation:.25s cubic-bezier(.34,1.56,.64,1) both boxIn;display:flex}.wa-confirm-icon{background:var(--color-danger-light);width:56px;height:56px;color:var(--color-danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.wa-confirm-box h3{font-size:var(--text-lg);font-weight:var(--weight-bold)}.wa-confirm-box p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.wa-confirm-actions{gap:var(--space-2);justify-content:center;display:flex}.wa-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);animation:waEnter .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--stagger,5) * 60ms) both;background:linear-gradient(145deg,#161d30cc,#0f1525e6);border:1px solid #ffffff0f;overflow:hidden}.wa-card-header{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;display:flex}.wa-card-title-wrap{align-items:center;gap:var(--space-3);display:flex}.wa-card-icon{border-radius:var(--radius-md);color:#818cf8;background:#6366f11f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wa-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.wa-card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.banner-toggle{cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.banner-toggle--on{color:#25d366}.banner-toggle:disabled{opacity:.4;cursor:not-allowed}.banner-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.banner-preview{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff12;max-height:220px;position:relative;overflow:hidden}.banner-img{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:220px;display:block}.banner-preview-overlay{position:absolute;bottom:10px;right:10px}.banner-preview-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#000000a6;padding:3px 10px;display:inline-block}.banner-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;border-radius:var(--radius-lg);color:var(--color-text-muted);border:2px dashed #ffffff14;flex-direction:column;display:flex}.banner-empty p{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.banner-empty span{font-size:var(--text-xs);line-height:1.6}.banner-info{border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);background:#6366f112;border:1px solid #6366f126;align-items:flex-start;gap:8px;padding:10px 14px;line-height:1.5;display:flex}.banner-info svg{color:#818cf8;flex-shrink:0;margin-top:1px}.banner-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.banner-btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:7px;padding:9px 18px;display:inline-flex}.banner-btn--upload{color:#fff;background:linear-gradient(135deg,#6366f1cc,#4f46e5e6);box-shadow:0 4px 14px #6366f140}.banner-btn--upload:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.banner-btn--upload.loading{opacity:.7;cursor:wait}.banner-btn--delete{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.banner-btn--delete:hover{background:#ef44442e}.banner-btn--delete:disabled{opacity:.5;cursor:not-allowed}.btpl-page{background:#0a0e1a99;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 120px);min-height:560px;display:grid;overflow:hidden}.btpl-list-panel{background:#080c16cc;border-right:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden}.btpl-search-wrap{flex-shrink:0;padding:14px 14px 10px;position:relative}.btpl-search-icon{color:#475569;pointer-events:none;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.btpl-search{color:#e2e8f0;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 34px;font-size:13px;transition:border-color .2s,box-shadow .2s}.btpl-search:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.btpl-search::placeholder{color:#334155}.btpl-cats{flex-direction:column;flex-shrink:0;gap:2px;padding:0 10px 8px;display:flex}.btpl-cat{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.btpl-cat:hover{color:#94a3b8;background:#ffffff0a}.btpl-cat.active{color:#a5b4fc;background:#6366f11f}.btpl-cat.active svg{color:#818cf8}.btpl-cat__count{color:#475569;background:#ffffff12;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px}.btpl-cat.active .btpl-cat__count{color:#818cf8;background:#6366f133}.btpl-cats:after{content:"";background:#ffffff0d;height:1px;margin:4px 0 2px;display:block}.btpl-list{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;padding:4px 8px;overflow-y:auto}.btpl-list::-webkit-scrollbar{width:4px}.btpl-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.btpl-list__empty{color:#334155;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.btpl-list-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:9px 10px;transition:all .15s;display:flex}.btpl-list-item:hover{background:#ffffff0a}.btpl-list-item.active{background:#6366f121;border:1px solid #6366f133}.btpl-list-item__left{flex:1;min-width:0}.btpl-list-item__name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.btpl-list-item.active .btpl-list-item__name{color:#a5b4fc}.btpl-list-item__key{color:#334155;margin-top:2px;font-family:Fira Code,monospace;font-size:11px;display:block}.btpl-list-item.active .btpl-list-item__key{color:#6366f1}.btpl-list-item__arrow{color:#334155;opacity:0;flex-shrink:0;transition:opacity .15s}.btpl-list-item.active .btpl-list-item__arrow,.btpl-list-item:hover .btpl-list-item__arrow{opacity:1;color:#6366f1}.btpl-list-footer{color:#334155;border-top:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:11.5px;display:flex}.btpl-list-footer svg{color:#22c55e}.btpl-list--cards{grid-template-columns:repeat(2,1fr);gap:10px;height:auto;padding:10px;display:grid;overflow:visible}.btpl-card{text-align:left;cursor:pointer;background:linear-gradient(145deg,#161d30d9,#161d308c);border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .18s;display:flex;position:relative;overflow:hidden}.btpl-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#818cf8);height:2px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.btpl-card:hover{border-color:#6366f140;transform:translateY(-2px)}.btpl-card:hover:before{opacity:1}.btpl-card.active{background:#6366f11f;border-color:#6366f14d}.btpl-card.active:before{opacity:1}.btpl-card__top{align-items:center;gap:5px;display:flex}.btpl-card__icon{color:#818cf8;background:#6366f11f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.btpl-card__cat{color:#6366f1;text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:10px;font-weight:600}.btpl-card__arrow{color:#334155;flex-shrink:0;transition:transform .15s}.btpl-card:hover .btpl-card__arrow{color:#818cf8;transform:translate(2px)}.btpl-card__name{color:#e2e8f0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.btpl-card.active .btpl-card__name{color:#a5b4fc}.btpl-card__preview{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Fira Code,monospace;font-size:10.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.btpl-card__key{color:#334155;background:#6366f114;border-radius:4px;width:fit-content;margin-top:2px;padding:2px 6px;font-family:Fira Code,monospace;font-size:9.5px;display:inline-block}.btpl-card.active .btpl-card__key{color:#6366f1}.btpl-editor-panel{background:#0a0e1a66;display:flex;overflow:hidden}.btpl-editor{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.btpl-editor__header{background:#080c164d;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:20px 24px 16px}.btpl-editor__title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.btpl-editor__icon{color:#818cf8;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btpl-editor__name{color:#f1f5f9;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.btpl-dirty-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.5s infinite btpl-pulse;box-shadow:0 0 6px #f59e0b99}@keyframes btpl-pulse{0%,to{opacity:1}50%{opacity:.5}}.btpl-editor__key{color:#6366f1;background:#6366f11a;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:Fira Code,Courier New,monospace;font-size:11.5px;display:inline-block}.btpl-editor__desc{color:#64748b;white-space:pre-line;font-size:12.5px;line-height:1.5}.btpl-vars{background:#0f172a4d;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:12px 24px}.btpl-vars__label{color:#475569;align-items:center;gap:6px;margin-bottom:8px;font-size:11.5px;display:flex}.btpl-vars__label svg{color:#818cf8}.btpl-vars__chips{flex-wrap:wrap;gap:6px;display:flex}.btpl-var-chip{color:#818cf8;cursor:pointer;white-space:nowrap;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.btpl-var-chip:hover{color:#c7d2fe;background:#6366f138;border-color:#6366f173;transform:translateY(-1px);box-shadow:0 3px 10px #6366f133}.btpl-var-chip:active{transform:scale(.97)}.btpl-tabs{border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:4px;padding:10px 24px;display:flex}.btpl-tab{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;transition:all .15s;display:inline-flex}.btpl-tab:hover{color:#94a3b8;background:#ffffff0d}.btpl-tab.active{color:#a5b4fc;background:#6366f11f;border-color:#6366f140}.btpl-editor__content{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;padding:16px 24px;overflow-y:auto}.btpl-editor__content::-webkit-scrollbar{width:4px}.btpl-editor__content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.btpl-textarea{color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#0a0f1e99;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;min-height:220px;padding:16px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13.5px;line-height:1.75;transition:border-color .2s,box-shadow .2s}.btpl-textarea:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f114}.btpl-textarea::placeholder{color:#334155}.btpl-preview{color:#cbd5e1;white-space:pre-wrap;background:#0a0f1e99;border:1px solid #ffffff14;border-radius:12px;min-height:220px;padding:18px;font-size:13.5px;line-height:1.75}.btpl-preview__line{min-height:1.75em}.btpl-preview__var{color:#6ee7b7;background:#10b98124;border:1px solid #10b98133;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.btpl-preview__empty{color:#334155;font-style:italic}.btpl-editor__actions{background:#080c164d;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.btpl-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btpl-btn:disabled{opacity:.4;cursor:not-allowed}.btpl-btn--reset{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14}.btpl-btn--reset:hover:not(:disabled){color:#e2e8f0;background:#ffffff17}.btpl-btn--save{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f14d}.btpl-btn--save:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btpl-editor-empty{color:#334155;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.btpl-editor-empty svg{opacity:.3}.btpl-editor-empty p{font-size:14px}.btpl-loading{color:#64748b;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:14px;display:flex}.btpl-loading__spinner{border:2px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite btpl-spin}@keyframes btpl-spin{to{transform:rotate(360deg)}}.btpl-back-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px 10px;font-size:13px;font-weight:600;transition:color .15s;display:none}.btpl-back-btn:hover{color:#a5b4fc}@media (width<=767px){.btpl-page--mobile{border-radius:14px;height:auto;display:block;overflow:visible}.btpl-page--mobile .btpl-list-panel,.btpl-page--mobile .btpl-editor-panel{border-bottom:none;border-right:none;max-height:none;overflow:visible}.btpl-page--mobile .btpl-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-flow:row;gap:6px;padding:0 10px 10px;overflow:auto visible}.btpl-page--mobile .btpl-cats::-webkit-scrollbar{display:none}.btpl-page--mobile .btpl-cats:after{display:none}.btpl-page--mobile .btpl-cat{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;flex-grow:0;flex-shrink:0;align-items:center;gap:5px;width:max-content;padding:6px 12px;font-size:12px;display:inline-flex;overflow:visible}.btpl-page--mobile .btpl-cat.active{background:#6366f126;border-color:#6366f14d}.btpl-page--mobile .btpl-cat__count{margin-left:0}.btpl-back-btn{display:flex}.btpl-page--mobile .btpl-editor__header{padding:12px 16px}.btpl-page--mobile .btpl-vars{padding:10px 16px}.btpl-page--mobile .btpl-tabs{padding:8px 16px}.btpl-page--mobile .btpl-editor__content{padding:12px 16px}.btpl-page--mobile .btpl-editor__actions{flex-direction:column-reverse;padding:10px 16px}.btpl-page--mobile .btpl-btn{justify-content:center;width:100%}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card-hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glow:hover{box-shadow:var(--shadow-glow-accent)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-body{padding:var(--space-4) var(--space-5)}@media (width>=768px){.card-header,.card-body{padding:var(--space-5) var(--space-6)}}.tg-page{flex-direction:column;gap:20px;padding-bottom:40px;display:flex}.wa-status-icon-wrap{color:#ef4444;background:#ef44441f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wa-status-icon-wrap[data-connected=true]{color:#10b981;background:#10b9811f}.wa-status-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wa-status-info{flex:1;min-width:0}.wa-status-title{color:var(--color-text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.wa-status-desc{color:var(--color-text-muted);margin:0;font-size:13px}.tg-steps{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.tg-steps li{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.tg-steps code{color:var(--color-accent);background:#ffffff12;border-radius:4px;padding:2px 6px;font-size:12px}.settings-form{flex-direction:column;gap:0;display:flex}.setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex:1;min-width:0}.setting-label{color:var(--color-text-primary);font-size:14px;font-weight:500;display:block}.setting-key{color:var(--color-text-muted);font-family:monospace;font-size:11px}.setting-control{flex-shrink:0}.setting-input{min-width:280px;margin:0}.toggle{cursor:pointer;display:inline-flex}.toggle input{display:none}.toggle-track{background:#ffffff1a;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle input:checked+.toggle-track{background:var(--color-accent,#6366f1)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track .toggle-thumb{left:23px}.tg-features{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tg-feature-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.tg-feature-icon{flex-shrink:0;margin-top:2px;font-size:20px}.tg-feature-item strong{color:var(--color-text-primary);margin-bottom:4px;font-size:13px;display:block}.tg-feature-item p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.empty-text{color:var(--color-text-muted);font-size:14px}.tg-mobile-actions{flex-direction:column;gap:10px;display:none}@media (width<=767px){.tg-mobile-actions{display:flex}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.setting-info,.setting-control{width:100%}.setting-input{width:100%;min-width:0;max-width:100%}.setting-control .toggle{display:flex}.tg-features{grid-template-columns:1fr}.wa-status-row{gap:12px}.wa-status-icon-wrap{width:44px;height:44px}.wa-status-title{font-size:14px}.wa-status-desc{font-size:12px}}@keyframes sett-spin{to{transform:rotate(360deg)}}.sett-page{background:#0a0e1a99;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:220px 1fr;min-height:calc(100vh - 120px);display:grid;overflow:hidden}.sett-sidebar{background:#080c16cc;border-right:1px solid #ffffff0f;min-width:0;padding:24px 12px}.sett-sidebar__title{text-transform:uppercase;letter-spacing:.1em;color:#334155;margin-bottom:10px;padding:0 8px;font-size:10.5px;font-weight:700}.sett-nav{flex-direction:column;gap:3px;display:flex}.sett-nav-item{color:#64748b;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sett-nav-item:hover{color:#94a3b8;background:#ffffff0a}.sett-nav-item.active{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133}.sett-nav-item.active svg{color:#818cf8}.sett-content{flex-direction:column;min-width:0;display:flex;overflow:hidden}.sett-section-header{background:#080c164d;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:24px 28px 18px;display:flex}.sett-section-title{color:#f1f5f9;margin:0 0 4px;font-size:16px;font-weight:700}.sett-section-desc{color:#64748b;margin:0;font-size:13px}.sett-save-btn{cursor:pointer;color:#475569;white-space:nowrap;background:#ffffff0d;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.sett-save-btn:disabled{opacity:.4;cursor:not-allowed}.sett-save-btn--dirty{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f14d}.sett-save-btn--dirty:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.sett-mobile-save{display:none}.sett-save-btn--full{justify-content:center;width:100%}.sett-card{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex:1;min-width:0;padding:24px 28px;overflow-y:auto}.sett-card::-webkit-scrollbar{width:4px}.sett-card::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.sett-fields{flex-direction:column;gap:0;min-width:0;display:flex}.sett-row{border-bottom:1px solid #ffffff0d;grid-template-columns:1fr auto;align-items:center;gap:20px;min-width:0;padding:18px 0;display:grid}.sett-row:last-child{border-bottom:none}.sett-row__info{flex:1;min-width:0}.sett-row__label{color:#e2e8f0;margin-bottom:4px;font-size:14px;font-weight:600}.sett-row__key{color:#475569;background:#ffffff0a;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:11.5px}.sett-input{color:#e2e8f0;box-sizing:border-box;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;width:280px;padding:9px 14px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.sett-input:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.sett-input::placeholder{color:#334155}.sett-toggle{cursor:pointer;align-items:center;display:inline-flex}.sett-toggle input{display:none}.sett-toggle-track{background:#ffffff14;border-radius:30px;width:46px;height:26px;transition:background .2s;position:relative}.sett-toggle input:checked+.sett-toggle-track{background:#6366f1}.sett-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.sett-toggle input:checked+.sett-toggle-track .sett-toggle-thumb{transform:translate(20px)}.sett-sound{flex-direction:column;gap:20px;min-width:0;display:flex}.sett-sound__info{background:#6366f10f;border:1px solid #6366f11f;border-radius:14px;align-items:flex-start;gap:14px;min-width:0;padding:18px;display:flex}.sett-sound__icon{color:#818cf8;background:#6366f11f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sett-sound__title{color:#e2e8f0;margin-bottom:5px;font-size:14px;font-weight:700}.sett-sound__desc{color:#64748b;min-width:0;font-size:13px;line-height:1.6}.sett-sound__status{border-radius:10px;align-items:center;gap:8px;min-width:0;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.sett-sound__status--has{color:#34d399;background:#10b98114;border:1px solid #10b98133}.sett-sound__status--has code{color:#6ee7b7;font-family:Fira Code,monospace;font-size:12px}.sett-sound__status--none{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b33}.sett-sound__actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.sett-sound-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;align-items:center;gap:7px;min-width:0;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.sett-sound-btn:disabled{opacity:.4;cursor:not-allowed}.sett-sound-btn--upload{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f14d}.sett-sound-btn--upload:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px)}.sett-sound-btn--test{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.sett-sound-btn--test:hover:not(:disabled){background:#10b9812e}.sett-sound-btn--del{color:#f87171;background:#ef444414;border:1px solid #ef444433}.sett-sound-btn--del:hover:not(:disabled){background:#ef444429}.sett-img-preview{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}.sett-img-preview__img{object-fit:contain;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:64px;height:64px;padding:6px}.sett-spin{animation:.7s linear infinite sett-spin}.sett-empty{color:#334155;text-align:center;padding:40px;font-size:14px}@media (width<=767px){.sett-page{grid-template-columns:1fr;min-height:auto}.sett-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;padding:10px 12px}.sett-sidebar__title{display:none}.sett-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:6px;padding-bottom:2px;overflow-x:auto}.sett-nav::-webkit-scrollbar{display:none}.sett-nav-item{border-radius:20px;flex-shrink:0;width:auto;padding:6px 14px;font-size:12px}.sett-content{overflow:visible}.sett-section-header{gap:8px;padding:14px 16px 12px}.sett-section-title{font-size:14px}.sett-section-desc{font-size:12px}.sett-desktop-save{display:none!important}.sett-card{flex:none;padding:12px 16px;overflow-y:visible}.sett-row{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0;display:flex}.sett-input{box-sizing:border-box;width:100%;max-width:100%}.sett-sound-btn{flex:1;justify-content:center;min-width:80px}.sett-mobile-save{padding:0 16px 16px;display:block}}.profile-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-page .card-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);display:flex}@keyframes bcEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes bc-spin{to{transform:rotate(360deg)}}.bc-page{gap:var(--space-4);flex-direction:column;animation:.38s both bcEnter;display:flex}.bc-stats-row{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.bc-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.bc-stats-row{grid-template-columns:repeat(2,1fr)}}.bc-stat{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);background:#ffffff06;border:1px solid #fff1;flex-direction:column;gap:3px;display:flex}.bc-stat:hover{border-color:#ffffff24}.bc-stat-v{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.1}.bc-stat-l{font-size:var(--text-xs);color:var(--color-text-muted)}.bc-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:linear-gradient(145deg,#161d30d9,#0f1525eb);border:1px solid #ffffff12;overflow:hidden}.bc-tab-nav{padding:var(--space-3) var(--space-4);background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:2px;display:flex}.bc-tab-btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.bc-tab-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.bc-tab-btn--on{color:#c084fc;background:#a855f71f}.bc-tab-badge{border-radius:var(--radius-full);color:#c084fc;min-width:18px;height:18px;font-size:10px;font-weight:var(--weight-bold);background:#a855f733;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.bc-tab-refresh{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.bc-tab-refresh:hover{color:var(--color-text-primary);background:#ffffff17}.bc-tab-panel{flex-direction:column;display:flex}.bc-send-grid{grid-template-columns:1fr 380px;gap:0;min-height:480px;display:grid}@media (width<=960px){.bc-send-grid{grid-template-columns:1fr}}.bc-form-panel{gap:var(--space-4);padding:var(--space-5);border-right:1px solid #ffffff0f;flex-direction:column;display:flex}@media (width<=960px){.bc-form-panel{border-bottom:1px solid #ffffff0f;border-right:none}}.bc-field{flex-direction:column;gap:6px;display:flex}.bc-lbl{font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;display:flex}.bc-req{color:#f87171;font-weight:var(--weight-bold)}.bc-opt{color:var(--color-text-muted);text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.bc-char{color:var(--color-text-muted);text-align:right;font-size:10px}.bc-inp{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;padding:9px 12px;font-family:inherit}.bc-inp:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.bc-textarea{resize:vertical;min-height:100px}.bc-sel-wrap{position:relative}.bc-sel{appearance:none;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;box-sizing:border-box;transition:border-color var(--transition-fast);outline:none;padding:9px 32px 9px 12px}.bc-sel:focus{border-color:#a855f780}.bc-sel-arr{pointer-events:none;color:var(--color-text-muted);position:absolute;top:50%;right:11px;transform:translateY(-50%)}.bc-prod-tag{border-radius:var(--radius-md);background:#a855f70d;border:1px solid #a855f72e;margin-top:2px;padding:10px 12px}.bc-prod-tag-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);align-items:center;gap:6px;margin-bottom:7px;display:flex}.bc-badge{border-radius:var(--radius-full);color:#c084fc;background:#a855f726;padding:1px 7px;font-size:10px}.bc-prod-tag-row{font-size:var(--text-xs);border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.bc-prod-tag-row:last-child{border-bottom:none}.bc-prod-tag-row>span:first-child{color:var(--color-text-secondary);flex:1}.bc-price{color:var(--color-text-primary);font-weight:var(--weight-semibold);white-space:nowrap}.bc-code{font-family:var(--font-mono);color:#c084fc;white-space:nowrap;background:#a855f71a;border-radius:4px;padding:1px 6px;font-size:10px}.bc-channels{flex-direction:column;gap:6px;display:flex}.bc-ch{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff12;padding:9px 12px;display:flex}.bc-ch:hover{border-color:#ffffff24}.bc-ch--on{background:#a855f70d;border-color:#a855f759}.bc-ch-box{width:16px;height:16px;transition:all var(--transition-fast);border:2px solid #ffffff38;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bc-ch-info{flex-direction:column;gap:1px;display:flex}.bc-ch-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);transition:color var(--transition-fast)}.bc-ch-desc{color:var(--color-text-muted);font-size:10px}.bc-send-btn{color:#fff;width:100%;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:11px;display:flex;box-shadow:0 4px 14px #a855f747}.bc-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #a855f766}.bc-send-btn:disabled{opacity:.6;cursor:not-allowed}.bc-preview-panel{background:#ffffff03;flex-direction:column;display:flex}.bc-preview-hd{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:7px;padding:11px 16px;display:flex}.bc-preview-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto;font-weight:400}.bc-preview-body{padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bc-bubble{border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:#25d36612;border:1px solid #25d3662e;max-width:100%;padding:11px 14px;display:inline-block}.bc-bubble-text{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.75}.bc-preview-ph{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center;padding:var(--space-8);flex-direction:column;flex:1;display:flex}.bc-preview-ph p{font-size:var(--text-xs)}.bc-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid #ffffff0a;flex-wrap:wrap;display:flex}.bc-search-wrap{flex:1;min-width:160px;position:relative}.bc-search-ico{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.bc-search{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);box-sizing:border-box;transition:border-color var(--transition-fast);outline:none;padding:7px 12px 7px 32px}.bc-search:focus{border-color:#a855f766}.bc-filter-sel{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;box-sizing:border-box;outline:none;padding:7px 12px}.bc-count{font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-full);color:var(--color-text-muted);background:#ffffff0d;padding:3px 10px}.bc-tbl-wrap{overflow-x:auto}.bc-tbl{border-collapse:collapse;table-layout:fixed;width:100%}.bc-tbl th{text-align:left;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff04;border-bottom:1px solid #ffffff0d;padding:9px 14px}.bc-tbl td{font-size:var(--text-sm);color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff09;padding:10px 14px;overflow:hidden}.bc-tbl tr:last-child td{border-bottom:none}.bc-tbl tr:hover td{background:#ffffff04}.bc-cell-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bc-cell-sub{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.bc-cell-dim{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bc-cell-num{font-weight:var(--weight-semibold);color:var(--color-text-primary);text-align:center}.bc-cell-date{font-size:var(--text-xs);white-space:nowrap}.bc-status{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.bc-status--done{color:#34d399;background:#10b9811f}.bc-status--sending{color:#fbbf24;background:#f59e0b1f}.bc-status--failed{color:#f87171;background:#ef44441a}.bc-status--draft{color:var(--color-text-muted);background:#ffffff0d}.bc-chips{flex-wrap:wrap;gap:3px;display:flex}.bc-chip{border-radius:var(--radius-full);white-space:nowrap;padding:2px 7px;font-size:10px}.bc-chip--wa{color:#4ade80;background:#25d3661a}.bc-chip--tg{color:#60a5fa;background:#3b82f61a}.bc-del{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-danger);cursor:pointer;transition:all var(--transition-fast);background:#ef444412;border:1px solid #ef44441f;justify-content:center;align-items:center;display:flex}.bc-del:hover{background:#ef44442e}.bc-pagination{padding:var(--space-3) var(--space-5);border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:4px;display:flex}.bc-pg{border-radius:var(--radius-md);min-width:30px;height:28px;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff12;justify-content:center;align-items:center;padding:0 7px;display:flex}.bc-pg:hover:not(:disabled){background:#ffffff1a}.bc-pg:disabled{opacity:.4;cursor:not-allowed}.bc-pg--on{color:#c084fc;font-weight:var(--weight-semibold);background:#a855f72e;border-color:#a855f766}.bc-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.bc-empty p{font-size:var(--text-sm)}.bc-recip-stats{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid #ffffff0a;grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.bc-recip-stats{grid-template-columns:repeat(2,1fr)}}.bc-rs-card{padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff06;border:1px solid #ffffff0d;flex-direction:column;gap:2px;display:flex}.bc-rs-val{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.1}.bc-rs-lbl{color:var(--color-text-muted);font-size:10px}.bc-recip-row{align-items:center;gap:8px;display:flex}.bc-rdot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-wa{background:#25d366}.dot-tg{background:#60a5fa}.bc-spin{animation:1s linear infinite bc-spin}@media (width<=767px){.bc-stats-row{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.bc-stats-row .bc-stat:last-child{grid-column:1/-1}.bc-stat{padding:var(--space-3) var(--space-4)}.bc-stat-v{font-size:var(--text-xl)}.bc-tab-nav{scrollbar-width:none;padding:var(--space-2) var(--space-3);flex-wrap:nowrap;gap:2px;overflow-x:auto}.bc-tab-nav::-webkit-scrollbar{display:none}.bc-tab-btn{font-size:var(--text-xs);white-space:nowrap;padding:6px 12px}.bc-send-grid{grid-template-columns:1fr}.bc-form-panel{padding:var(--space-4);border-bottom:1px solid #ffffff0f;border-right:none}.bc-preview-panel{min-height:140px}.bc-preview-body{padding:var(--space-3)}.bc-toolbar{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.bc-toolbar-search{flex:1;min-width:120px}.bc-recip-stats{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.bc-tbl-wrap{overflow-x:visible}.bc-tbl{display:block}.bc-tbl thead{display:none}.bc-tbl tbody{flex-direction:column;gap:8px;padding:10px;display:flex}.bc-tbl tr{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex;position:relative}.bc-tbl tr:hover{background:#ffffff0a}.bc-tbl td{font-size:var(--text-xs);white-space:normal;border:none;padding:0;display:block;overflow:visible}.bc-tbl td:first-child{order:1}.bc-tbl td:nth-child(3){order:2}.bc-tbl td:nth-child(4){order:3}.bc-tbl td:nth-child(6){color:var(--color-text-muted);order:4;font-size:10px}.bc-tbl td:nth-child(7){order:0;position:absolute;top:10px;right:10px}.bc-tbl td:nth-child(2),.bc-tbl td:nth-child(5){display:none}.bc-cell-title,.bc-cell-sub,.bc-cell-dim{white-space:normal;text-overflow:unset;overflow:visible}.bc-del{width:32px;height:32px}}@media (width>=641px) and (width<=1100px){.bc-stats-row{grid-template-columns:repeat(3,1fr)}}:root{--color-bg-base:#060912;--color-bg-primary:#0a0e1a;--color-bg-secondary:#111827;--color-bg-card:#161d30;--color-bg-elevated:#1e2642;--color-bg-hover:#242e4a;--color-bg-input:#0f1525;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-light:#7c3aed26;--color-accent-glow:#7c3aed66;--color-cyan:#06b6d4;--color-cyan-light:#06b6d426;--color-success:#10b981;--color-success-light:#10b98126;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-danger:#ef4444;--color-danger-light:#ef444426;--color-info:#3b82f6;--color-info-light:#3b82f626;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-divider:#ffffff0a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow-accent:0 0 20px var(--color-accent-glow);--shadow-glow-cyan:0 0 20px #06b6d44d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-modal-overlay:400;--z-toast:500;--z-tooltip:600;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--mobile-nav-height:64px;--content-max-width:1400px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}.anim-fade-in{animation:fadeIn var(--transition-base) forwards}.anim-slide-up{animation:slideUp var(--transition-base) forwards}.anim-slide-down{animation:slideDown var(--transition-base) forwards}.anim-slide-right{animation:slideRight var(--transition-base) forwards}.anim-scale-in{animation:scaleIn var(--transition-base) forwards}.anim-pulse{animation:2s infinite pulse}.anim-spin{animation:1s linear infinite spin}.anim-shimmer{background:linear-gradient(90deg,#0000 25%,#ffffff0d 50%,#0000 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.anim-stagger>*{opacity:0;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.anim-stagger>:first-child{animation-delay:50ms}.anim-stagger>:nth-child(2){animation-delay:.1s}.anim-stagger>:nth-child(3){animation-delay:.15s}.anim-stagger>:nth-child(4){animation-delay:.2s}.anim-stagger>:nth-child(5){animation-delay:.25s}.anim-stagger>:nth-child(6){animation-delay:.3s}.anim-stagger>:nth-child(7){animation-delay:.35s}.anim-stagger>:nth-child(8){animation-delay:.4s}.anim-stagger>:nth-child(9){animation-delay:.45s}.anim-stagger>:nth-child(10){animation-delay:.5s}@media (width<=767px){.app-main{padding-top:var(--header-height)}.ord-ambient,.stk-ambient,.prod-ambient,.pg-ambient,.dashboard-ambient,.wa-ambient{display:none!important}.orders-page,.stocks-page,.products-page,.payment-page,.wa-page,.dashboard{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}body{overflow-x:hidden}.app-content{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-3)!important;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0) + var(--space-4))!important}img,video,iframe,pre{max-width:100%}.header{padding:0 var(--space-3)}.header-left,.header-right{gap:var(--space-1)}.header-divider,.header-username{display:none}.page-title{font-size:var(--text-xl)!important}.page-subtitle{font-size:var(--text-xs)}.form-row{gap:var(--space-3);grid-template-columns:1fr!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;border-bottom:none!important;width:100%!important;max-width:100%!important;max-height:92dvh!important}.modal-content:before{content:"";border-radius:var(--radius-full);width:40px;height:4px;margin:var(--space-3) auto var(--space-1);background:#ffffff26;display:block}.modal-header{padding-top:var(--space-2)}.modal-footer{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0))}.sel-trigger{min-height:44px}.sel-option{min-height:42px}.sel-dropdown{border-radius:var(--radius-lg)}.sel-options{max-height:220px}.btn{min-height:42px}.btn-sm{min-height:36px}.icon-btn{width:38px;height:38px}.dashboard-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.greeting-section{gap:var(--space-2)}.greeting-text{font-size:var(--text-xl)!important}.greeting-emoji{font-size:1.5rem}.greeting-sub{font-size:var(--text-xs)}.header-actions{justify-content:flex-end;width:100%}.stat-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)!important}.stat-card-inner{padding:var(--space-3);gap:var(--space-2)}.stat-value{font-size:var(--text-md)!important}.stat-label{font-size:10px}.stat-icon-wrap{width:32px;height:32px}.stat-sparkline{display:none}.stat-trend{padding:1px 5px;font-size:10px}.chart-bars{gap:var(--space-1);height:130px}.chart-bar-label{font-size:9px}.chart-tooltip{display:none}.card-top-bar{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.chart-body{padding:var(--space-3) var(--space-3) var(--space-4)}.chart-total{display:none}.order-row{padding:var(--space-3) var(--space-4);gap:var(--space-2);grid-template-columns:22px 1fr auto}.order-time-col{display:none}.order-invoice{font-size:var(--text-xs)}.order-product{font-size:10px}.order-amount{font-size:var(--text-xs)}.dashboard-content{gap:var(--space-4);grid-template-columns:1fr!important}.prod-page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.prod-header-info{width:100%}.prod-stat-strip{gap:var(--space-2);grid-template-columns:repeat(2,1fr)!important}.prod-stat-inner{padding:var(--space-3);gap:var(--space-2)}.prod-stat-value{font-size:var(--text-md)!important}.prod-stat-icon{width:28px;height:28px}.prod-toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.prod-search-wrap{width:100%}.prod-search-input{width:100%!important;max-width:100%!important}.prod-toolbar-right{gap:var(--space-2);justify-content:flex-end;width:100%;display:flex}.prod-filter-panel.open{max-height:400px}.prod-filter-row{gap:var(--space-2);padding:var(--space-3);flex-direction:column}.prod-filter-group{width:100%;min-width:0}.prod-grid{gap:var(--space-3);grid-template-columns:1fr!important}.prod-card-img{height:120px}.prod-card-body{padding:var(--space-3)}.prod-card-actions{opacity:1!important}.prod-pagination{gap:var(--space-2);flex-wrap:wrap}.stk-page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.stk-header-actions,.stk-tab-toggle{width:100%}.stk-tab{font-size:var(--text-xs);flex:1;justify-content:center;padding:6px 8px}.stk-stat-strip{gap:var(--space-2);grid-template-columns:repeat(2,1fr)!important}.stk-stat-inner{padding:var(--space-3);gap:var(--space-2)}.stk-stat-value{font-size:var(--text-md)}.stk-stat-icon{width:28px;height:28px}.stk-summary-grid{gap:var(--space-3);grid-template-columns:1fr!important}.stk-summary-inner{padding:var(--space-4)}.stk-summary-stats{grid-template-columns:repeat(2,1fr)}.stk-detail-toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.stk-detail-toolbar>*{flex:unset;width:100%}.stk-count-badge{justify-content:center;align-self:stretch;margin-left:0}.stk-row{padding:var(--space-3);gap:var(--space-2)}.stk-row-code{font-size:var(--text-xs)}.stk-delete-btn{opacity:1!important}.stk-textarea-header{align-items:flex-start;gap:var(--space-1);flex-direction:column}.stk-pagination{gap:var(--space-2)}.stk-pag-info{font-size:var(--text-xs)}.ord-page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.ord-stat-strip{gap:var(--space-2);grid-template-columns:repeat(2,1fr)!important}.ord-stat-inner{padding:var(--space-3);gap:var(--space-2)}.ord-stat-value{font-size:var(--text-md)!important}.ord-stat-icon{width:28px;height:28px}.ord-toolbar{align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column}.ord-search-wrap{width:100%;min-width:0}.ord-search-input{width:100%!important}.ord-select{width:100%}.ord-reset-btn{justify-content:center;width:100%}.ord-row{padding:var(--space-3) var(--space-4);gap:var(--space-1) var(--space-3);grid-template-rows:auto auto!important;grid-template-columns:1fr auto!important}.ord-col-invoice{grid-area:1/1}.ord-col-status{grid-area:1/2;align-self:start}.ord-col-product{grid-area:2/1/auto/-1}.ord-col-customer,.ord-col-amount,.ord-col-date{display:none}.ord-col-actions{grid-area:2/2;justify-content:flex-end;align-self:end;display:flex}.ord-action-btn{width:32px;height:32px}.ord-invoice-no{font-size:var(--text-xs);max-width:120px}.ord-detail-grid{grid-template-columns:1fr!important}.ord-code-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.ord-code-actions{align-self:flex-end}.ord-pagination{gap:var(--space-2);flex-wrap:wrap}.pag-info{display:none}.pg-page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.pg-header-right{justify-content:space-between;gap:var(--space-2);flex-flow:wrap;width:100%}.pg-encrypt-badge{font-size:10px}.pg-grid{grid-template-columns:1fr!important}.pg-card-content{padding:var(--space-4)}.pg-gw-icon{width:44px;height:44px;font-size:16px}.pg-gw-name{font-size:var(--text-sm)}.pg-field{align-items:flex-start;gap:var(--space-1);padding:var(--space-2) 0;flex-direction:column}.pg-fv{text-align:left;max-width:100%}.pg-card-actions{flex-direction:column}.pg-card-actions>*{justify-content:center;width:100%}.pg-toggle-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.pg-toggle-left{flex:unset;width:100%}.pg-gw-opt-icon{width:36px;height:36px;font-size:13px}.pg-gw-opt-name{font-size:var(--text-xs)}.pg-gw-opt-desc{font-size:10px}.wa-page{gap:var(--space-4)}.wa-ambient{display:none}.wa-page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.wa-page-header>*{width:100%}.wa-page-header>button{align-self:flex-end;width:auto}.wa-status-inner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.wa-icon-ring{width:48px;height:48px}.wa-status-title{font-size:var(--text-md)}.wa-online-badge{align-self:flex-start}.wa-conn-details{gap:var(--space-1);flex-direction:column}.wa-conn-actions{flex-direction:column}.wa-conn-actions>*{justify-content:center;width:100%}.wa-connect-grid{gap:var(--space-3);grid-template-columns:1fr}.wa-method-card{padding:var(--space-4)}.wa-method-icon{width:44px;height:44px}.wa-qr-img{width:180px;height:180px}.wa-qr-frame{padding:10px}.wa-pair-code{letter-spacing:.1em;padding:var(--space-3) var(--space-4);font-size:1.8rem}.wa-setting-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.wa-setting-control{justify-content:flex-end;width:100%;display:flex}.wa-setting-input{width:100%;min-width:0;max-width:100%}.wa-settings-body{padding:var(--space-1)}.wa-cmd-btn{opacity:1!important}.wa-cmd-row{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.wa-cmd-trigger{font-size:11px}.wa-cmd-info{flex-basis:100%;order:3}.wa-cmd-actions{opacity:1!important}}@media (width<=375px){.app-content{padding:var(--space-2);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0) + var(--space-3))}.page-title{font-size:var(--text-lg)!important}.stat-grid{gap:var(--space-1);grid-template-columns:1fr 1fr!important}.stat-value{font-size:var(--text-sm)!important}.prod-stat-strip,.stk-stat-strip,.ord-stat-strip{gap:var(--space-1);grid-template-columns:1fr 1fr!important}.wa-pair-code{font-size:1.5rem}.wa-qr-img{width:160px;height:160px}.mnav-label{font-size:8px}.mnav-icon-wrap{width:36px;height:26px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.page-header-mobile-only{display:none!important}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);background:#161d30b3}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.empty-text{text-align:center;color:var(--color-text-muted);padding:var(--space-8) 0}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.icon-btn-danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.filter-bar{gap:var(--space-3);flex-wrap:wrap;flex:1;align-items:center;display:flex}.filter-select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);min-width:150px;transition:border-color var(--transition-fast);padding:9px 14px}.filter-select:focus{border-color:var(--color-accent)}.filter-select.full{width:100%}.search-input{min-width:200px;max-width:350px}.modal-form{gap:var(--space-4);flex-direction:column;display:flex}.switch-label{font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.form-row-single{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width<=767px){.form-row{grid-template-columns:1fr}}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.page-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.stock-textarea{width:100%;padding:var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;line-height:1.6}.stock-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}