:root{--primary:#0284c7;--primary-dark:#0369a1;--primary-light:#38bdf8;--primary-muted:#0284c717;--primary-border:#0284c733;--secondary:#8b5cf6;--secondary-dark:#7c3aed;--secondary-light:#a78bfa;--secondary-muted:#8b5cf617;--secondary-border:#8b5cf633;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fbbf24;--accent-muted:#f59e0b17;--accent-border:#f59e0b33;--success:#10b981;--success-muted:#10b98117;--warning:#f59e0b;--warning-muted:#f59e0b17;--danger:#ef4444;--danger-muted:#ef444417;--info:#8b5cf6;--info-muted:#8b5cf617;--text-main:#0f172a;--text-muted:#475569;--text-disabled:#94a3b8;--bg-default:#f8fafc;--bg-card:#fff;--bg-subtle:#f8fafc;--border-color:#e2e8f0;--border-focus:var(--primary);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--shadow-xs:0 1px 3px #0f172a0d;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 32px #0f172a1a;--sidebar-w:220px;--sidebar-bg:#020617;--sidebar-active:#38bdf81a;--sidebar-hover:#ffffff0a;--sidebar-text:#ffffff8c;--sidebar-active-text:#38bdf8;--sidebar-group:#ffffff38;--bg-invert:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--border-invert:#ffffff12;--success-border:#10b98140;--t:.18s ease;--font:"Plus Jakarta Sans", system-ui, sans-serif}[data-theme=dark]{--text-main:#f8fafc;--text-muted:#94a3b8;--text-disabled:#64748b;--bg-default:#020617;--bg-card:#0f172a;--bg-subtle:#0f172a;--bg-elevated:#1e293b;--border-color:#1e293b;--border-strong:#334155;--shadow-xs:0 1px 3px #00000080;--shadow-sm:0 2px 8px #0009;--shadow-md:0 4px 16px #000c;--shadow-lg:0 8px 32px #000000e6;--bg-invert:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--border-invert:#ffffff12;--success:#34d399;--success-muted:#34d39917;--success-border:#34d39933;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-default);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font)}::selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}.skip-link{z-index:99999;background:var(--primary);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:10px 20px;font-size:14px;font-weight:700;transition:top .2s;position:fixed;top:-100%;left:16px}.skip-link:focus{outline:3px solid var(--primary-light);outline-offset:2px;top:16px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm,6px)}:focus:not(:focus-visible){outline:none}html{transition:opacity .15s,filter .15s}html.lang-switching{opacity:.92;filter:blur(1px)}.app-container,.dash-layout{background:var(--bg-default);width:100%;min-height:100vh;display:flex;overflow-x:clip}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:1px 0 #0000000a}.sidebar-logo{align-items:center;gap:12px;padding:24px 20px 12px;display:flex}.sidebar-logo img{object-fit:contain;width:32px;height:32px}.sidebar-logo span{color:var(--text-main);letter-spacing:-.5px;font-size:1.1rem;font-weight:700}@media (max-width:1024px){.sidebar-logo{display:none}}.sidebar-profile{align-items:center;gap:14px;padding:32px 24px 20px;display:none;position:relative}@media (max-width:1024px){.sidebar-profile{display:flex}}.sidebar-profile__avatar{color:#4338ca;border:3px solid var(--bg-card);background:linear-gradient(135deg,#e0e7ff 0%,#c4b5fd 100%);border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:grid;box-shadow:0 2px 12px #6366f133}[data-theme=dark] .sidebar-profile__avatar{color:#a5b4fc;background:linear-gradient(135deg,#312e81 0%,#4c1d95 100%);box-shadow:0 2px 12px #6366f14d}.sidebar-profile__info{min-width:0}.sidebar-profile__greeting{color:var(--text-muted);font-size:14px;font-weight:500;line-height:1.2}.sidebar-profile__name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar-theme{padding:0 24px 16px;display:none}@media (max-width:1024px){.sidebar-theme{display:block}}.sidebar-theme__label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.sidebar-theme__toggle{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;gap:2px;padding:3px;display:flex}.sidebar-theme__btn{color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-theme__btn:hover{color:var(--text-main)}.sidebar-theme__btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:0 1px 3px #00000014}[data-theme=dark] .sidebar-theme__btn.active{background:#ffffff14;box-shadow:0 1px 3px #0000004d}.sidebar-divider{background:var(--border-color);opacity:.5;height:1px;margin:0 20px 8px}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav__item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:12px;padding:11px 20px;transition:all .15s;display:flex;position:relative}.sidebar-nav__item:hover{background:var(--bg-subtle)}.sidebar-nav__item.active{color:var(--primary);background:var(--primary-muted);font-weight:700}.sidebar-nav__item svg{opacity:.6;flex-shrink:0}.sidebar-nav__item:hover svg{opacity:.85}.sidebar-nav__item.active svg{opacity:1;color:var(--primary)}.sidebar-nav__badge{background:var(--danger);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.sidebar-nav__item--logout{color:var(--text-muted)!important}.sidebar-nav__item--logout:hover{color:var(--danger)!important;background:var(--danger-muted)!important}.sidebar-bottom{border-top:1px solid var(--border-color);margin-top:auto;padding:8px 0 24px}@media (min-width:1025px){.sidebar--collapsed{width:72px}.sidebar--collapsed~.main-content,.sidebar--collapsed~.dash-main-content{margin-left:72px}.sidebar--collapsed .sidebar-logo{justify-content:center;padding:24px 0 12px}.sidebar--collapsed .sidebar-logo img{width:28px;height:28px}.sidebar--collapsed .sidebar-logo span{display:none}.sidebar--collapsed .sidebar-divider{margin:0 12px 4px}.sidebar--collapsed .sidebar-nav__item{justify-content:center;padding:12px 8px}.sidebar--collapsed .sidebar-nav__item span{display:none}.sidebar--collapsed .sidebar-nav__item svg{opacity:.8}.sidebar--collapsed .sidebar-bottom{padding:8px 0 16px}}@media (max-width:1024px){.sidebar--collapsed{width:280px}}.mobile-close-btn{z-index:10;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:8px;transition:all .15s;display:none;position:absolute;top:16px;right:14px}.mobile-close-btn:hover{background:var(--danger-muted);color:var(--danger);border-color:var(--danger)}.main-content,.dash-main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;padding:0;transition:margin-left .25s cubic-bezier(.16,1,.3,1);display:flex;overflow-x:clip}.main-content{padding:40px 44px}.dash-top-navbar{background:var(--bg-default);z-index:100;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.dash-top-search{background:var(--bg-card);border:1px solid var(--border-color);width:320px;color:var(--text-muted);border-radius:100px;align-items:center;gap:12px;padding:12px 24px;display:flex}.dash-top-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.dash-top-search input::placeholder{color:var(--text-muted)}.search-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);z-index:200;padding:6px;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 36px #0000001a}.search-results__item{border-radius:var(--r-sm);width:100%;font-family:var(--font);color:var(--text-main);cursor:pointer;transition:background var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.search-results__item:hover{background:var(--primary-muted);color:var(--primary)}.search-results__item svg{color:var(--text-muted);flex-shrink:0}.search-results__item:hover svg{color:var(--primary)}.search-results__empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px;font-weight:600}.dash-top-actions{align-items:center;gap:24px;display:flex}.dash-top-icon-btn{background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.dash-top-icon-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.notif-bell{position:relative}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--bg-default);pointer-events:none;border-radius:100px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;animation:.3s cubic-bezier(.68,-.55,.27,1.55) notifPop;display:flex;position:absolute;top:-2px;right:-2px}@keyframes notifPop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl);z-index:200;flex-direction:column;width:380px;max-height:480px;animation:.2s fadeSlideDown;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000001f,0 4px 16px #0000000f}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notif-panel__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.notif-panel__title{color:var(--text-main);letter-spacing:-.02em;font-size:15px;font-weight:800}.notif-panel__mark-read{color:var(--primary);cursor:pointer;border-radius:var(--r-sm);transition:background var(--t);font-size:12px;font-weight:700;font-family:var(--font);background:0 0;border:none;padding:4px 8px}.notif-panel__mark-read:hover{background:var(--primary-muted)}.notif-panel__list{flex:1;padding:4px 0;overflow-y:auto}.notif-item{cursor:pointer;transition:background var(--t);border-left:3px solid #0000;gap:12px;padding:12px 20px;display:flex}.notif-item:hover{background:var(--bg-subtle)}.notif-item--unread{background:color-mix(in srgb, var(--primary) 4%, transparent);border-left-color:var(--primary)}.notif-item--unread:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.notif-item__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notif-item__icon--order{background:var(--primary-muted);color:var(--primary)}.notif-item__icon--sync{background:var(--success-muted);color:var(--success)}.notif-item__icon--default{background:var(--bg-subtle);color:var(--text-muted)}.notif-item__content{flex:1;min-width:0}.notif-item__text{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item__time{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600}.notif-item__dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.notif-empty__icon{opacity:.5;font-size:36px}.notif-empty__text{font-size:13px;font-weight:600}@media (max-width:480px){.notif-panel{width:calc(100vw - 24px);right:-60px}}.dash-profile{align-items:center;gap:16px;display:flex}.dash-user-info{text-align:right;flex-direction:column;display:flex}.dash-user-name{color:var(--text-main);font-size:14px;font-weight:700}.dash-user-role{color:var(--text-muted);text-transform:capitalize;font-size:12px}.dash-avatar{background:linear-gradient(135deg, var(--primary), var(--info));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.dash-content-area{flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:8px 32px 48px;display:flex}.mobile-top-nav{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-bottom:1.5px solid var(--border-color);z-index:90;padding-top:max(8px, env(safe-area-inset-top,8px));display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #00000014}.mobile-top-nav__inner{justify-content:space-between;align-items:center;width:100%;padding:12px 16px 14px;display:flex}.mobile-brand{color:var(--text-main);align-items:center;gap:10px;display:flex}.hamburger-btn{color:var(--text-main);cursor:pointer;border-radius:var(--r-sm);transition:background var(--t);background:0 0;border:none;place-items:center;padding:6px;display:grid}.hamburger-btn:hover{background:var(--bg-subtle)}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);z-index:999;background:#0f172a99;animation:.3s forwards fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.page-header{border-radius:var(--r-xl);background:linear-gradient(135deg,#0284c70a 0%,#38bdf805 100%);border:1px solid #0284c714;margin-bottom:36px;padding:28px 32px 24px;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-light));border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.page-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf80f 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}[data-theme=dark] .page-header{background:linear-gradient(135deg,#38bdf80f 0%,#0284c708 100%);border-color:#38bdf81a}[data-theme=dark] .page-header:after{background:radial-gradient(circle,#38bdf814 0%,#0000 70%)}.page-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:6px;font-size:clamp(24px,2.8vw,32px);font-weight:900;line-height:1.2}.page-subtitle{color:var(--text-muted);font-size:14.5px;font-weight:600;line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--shadow-xs), inset 0 1px 0 0 #ffffff0f;padding:24px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative}.card:hover{box-shadow:var(--shadow-md), 0 0 0 1px #0284c70f;transform:translateY(-2px)}.card--flat{box-shadow:none}.card--flat:hover{box-shadow:none;transform:none}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px;display:grid}.dashboard-chart-grid{grid-template-columns:2.2fr 1fr;gap:20px;display:grid}.dash-stat-card{border-radius:24px;flex-direction:column;min-height:140px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.dash-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000000f}.dash-stat-bg-icon{opacity:.15;transition:transform .3s;position:absolute;bottom:-15px;right:-10px}.dash-stat-card:hover .dash-stat-bg-icon{transform:scale(1.1)rotate(-5deg)}.dash-stat-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.dash-stat-card .dash-stat-value{letter-spacing:-1.5px;margin-top:4px;margin-bottom:4px;font-size:2.8rem;font-weight:900;line-height:1}.dash-stat-card .dash-stat-label{opacity:.9;font-size:1.05rem;font-weight:600}.dash-stat-card.bg-primary{color:#0c4a6e;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)}.dash-stat-card.bg-primary .dash-stat-badge{color:#0369a1}.dash-stat-card.bg-warning{color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.dash-stat-card.bg-warning .dash-stat-badge{color:#b45309}.dash-stat-card.bg-success{color:#064e3b;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.dash-stat-card.bg-success .dash-stat-badge{color:#047857}[data-theme=dark] .dash-stat-card.bg-primary{color:#7dd3fc;background:linear-gradient(135deg,#0284c733 0%,#38bdf81f 100%)}[data-theme=dark] .dash-stat-card.bg-primary .dash-stat-badge{color:#38bdf8}[data-theme=dark] .dash-stat-card.bg-warning{color:#fcd34d;background:linear-gradient(135deg,#f59e0b33 0%,#fbbf241f 100%)}[data-theme=dark] .dash-stat-card.bg-warning .dash-stat-badge{color:#fbbf24}[data-theme=dark] .dash-stat-card.bg-success{color:#6ee7b7;background:linear-gradient(135deg,#10b98133 0%,#34d3991f 100%)}[data-theme=dark] .dash-stat-card.bg-success .dash-stat-badge{color:#34d399}.dash-stat-card.bg-info{color:#4c1d95;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.dash-stat-card.bg-info .dash-stat-badge{color:#6d28d9}[data-theme=dark] .dash-stat-card.bg-info{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633 0%,#a78bfa1f 100%)}[data-theme=dark] .dash-stat-card.bg-info .dash-stat-badge{color:#a78bfa}.dash-empty-chart{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;padding:24px;display:flex}.dash-empty-chart-bars{align-items:flex-end;gap:8px;height:140px;padding:0 16px;display:flex}.dash-empty-bar{background:linear-gradient(#0284c740 0%,#38bdf814 100%);border-radius:6px 6px 0 0;width:28px;animation:2s ease-in-out infinite dashBarPulse}@keyframes dashBarPulse{0%,to{opacity:.4}50%{opacity:1}}.metric-card{align-items:center;gap:16px;display:flex}.metric-icon{border-radius:14px;flex-shrink:0;place-items:center;width:50px;height:50px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:grid}.card:hover .metric-icon{transform:scale(1.08)}.metric-icon.blue{color:var(--primary);background:linear-gradient(135deg,#0284c71f,#38bdf814);border:1px solid #0284c71f;box-shadow:0 4px 12px #0284c714}.metric-icon.green{color:var(--success);background:linear-gradient(135deg,#10b9811f,#34d39914);border:1px solid #10b9811f;box-shadow:0 4px 12px #10b98114}.metric-icon.orange{color:var(--warning);background:linear-gradient(135deg,#f59e0b1f,#fbbf2414);border:1px solid #f59e0b1f;box-shadow:0 4px 12px #f59e0b14}.metric-icon.purple{color:var(--info);background:linear-gradient(135deg,#8b5cf61f,#a78bfa14);border:1px solid #8b5cf61f;box-shadow:0 4px 12px #8b5cf614}.metric-icon.red{color:var(--danger);background:linear-gradient(135deg,#ef44441f,#f8717114);border:1px solid #ef44441f;box-shadow:0 4px 12px #ef444414}.metric-data{min-width:0}.metric-data h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-bottom:4px;font-size:11px;font-weight:700}.metric-data p{letter-spacing:-.03em;color:var(--text-main);font-size:26px;font-weight:900;line-height:1}.btn{font-size:14px;font-weight:700;font-family:var(--font);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-color:#0000;box-shadow:0 2px 8px #0284c733,0 1px 2px #00000014}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0284c74d,0 2px 4px #0000001a}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0284c733}.btn-outline{color:var(--primary);border-color:var(--primary-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-muted);border-color:#0284c74d}.btn-ghost{color:var(--text-muted);border-color:var(--border-color);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-main);border-color:var(--text-disabled)}.btn-danger{background:var(--danger-muted);color:var(--danger);border-color:#ef444433}.btn-danger:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #ef444440}.btn-sm{border-radius:var(--r-sm);padding:7px 14px;font-size:12.5px}.btn-lg{padding:13px 24px;font-size:15px}.btn-icon{border-radius:var(--r-sm);width:36px;height:36px;padding:0}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.input,.form-input{border:1.5px solid var(--border-color);border-radius:var(--r-md);width:100%;font-family:var(--font);color:var(--text-main);background:var(--bg-subtle);outline:none;padding:11px 14px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus,.form-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}.input::placeholder,.form-input::placeholder{color:#cbd5e1}[data-theme=dark] .input::placeholder,[data-theme=dark] .form-input::placeholder{color:#64748b}select.input,select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-main);margin:0;font-size:13.5px;font-weight:700}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-disabled);pointer-events:none;display:flex;position:absolute;left:14px}.input-icon-right{color:var(--text-muted);cursor:pointer;transition:color var(--t);background:0 0;border:none;padding:0;display:flex;position:absolute;right:14px}.input-icon-right:hover{color:var(--text-main)}.input-with-icon{padding-left:38px}.input-with-icon-right{padding-right:42px}.helper-text{color:var(--text-muted);margin-top:-2px;font-size:12.5px;font-weight:500}.helper-text.error{color:var(--danger)}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border-color);background:var(--bg-card);position:relative;overflow-x:auto}table{border-collapse:collapse!important;border-spacing:0!important;text-align:left!important;border-radius:0!important;width:100%!important}th{z-index:10;background:linear-gradient(180deg, var(--bg-subtle) 0%, color-mix(in srgb, var(--bg-subtle) 90%, var(--bg-card)))!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-bottom:1px solid var(--border-color)!important;white-space:nowrap!important;box-shadow:0 1px 0 var(--border-color)!important;padding:14px 16px!important;font-size:11.5px!important;font-weight:800!important;position:sticky!important;top:0!important}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--t), background var(--t)}th.sortable:hover{color:var(--text-main)!important;background:var(--bg-hover)!important}.th-content{align-items:center;gap:6px;display:flex}.sort-icon{opacity:.3;transition:opacity var(--t), transform var(--t)}.sort-icon.active{opacity:1;color:var(--primary)}td{color:var(--text-main)!important;border-bottom:1px solid var(--border-color)!important;vertical-align:middle!important;padding:14px 16px!important;font-size:14px!important;font-weight:600!important}tbody tr{transition:background .2s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:color-mix(in srgb, var(--primary) 3%, var(--bg-card))}tbody tr:last-child td{border-bottom:none!important}.table-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.table-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.table-empty-title{color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:700}.table-empty-desc{font-size:14px}.skeleton-row{animation:1.5s ease-in-out infinite pulse}.skeleton-cell{background:var(--bg-subtle);border-radius:var(--r-sm);width:100%;height:20px}.skeleton-cell.w-1-2{width:50%}.skeleton-cell.w-3-4{width:75%}.skeleton-cell.w-1-4{width:25%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.datatable-footer{border:1px solid var(--border-color);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--bg-card);border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.table-wrap+.datatable-footer{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.table-wrap.has-pagination{border-bottom-right-radius:0;border-bottom-left-radius:0}.pagination-info{color:var(--text-muted);font-size:13px;font-weight:500}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-main);cursor:pointer;transition:all var(--t);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:flex}.page-btn:hover:not(:disabled){background:var(--bg-subtle)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.page-btn-icon{width:32px;padding:0}.rows-per-page{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.rows-per-page select{border-radius:var(--r-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;outline:none;padding:4px 8px;font-size:13px;font-weight:600}.badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.badge-blue{background:var(--primary-muted);color:var(--primary);border-color:#0284c71f}.badge-green{background:var(--success-muted);color:var(--success);border-color:#10b9811f}.badge-yellow{background:var(--warning-muted);color:var(--warning);border-color:#f59e0b1f}.badge-red{background:var(--danger-muted);color:var(--danger);border-color:#ef44441f}.badge-purple{background:var(--info-muted);color:var(--info);border-color:#8b5cf61f}.badge-gray{color:var(--text-muted);border-color:var(--border-color);background:#f1f5f9}[data-theme=dark] .badge-gray{background:#ffffff14;border-color:#ffffff0f}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar-search{flex:1;min-width:200px;max-width:360px;position:relative}.toolbar-search svg{color:var(--text-disabled);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar-search input{border:1.5px solid var(--border-color);border-radius:var(--r-md);width:100%;height:40px;font-family:var(--font);background:var(--bg-card);color:var(--text-main);outline:none;padding:0 14px 0 38px;font-size:13.5px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.toolbar-search input::placeholder{color:#cbd5e1}[data-theme=dark] .toolbar-search input::placeholder{color:#64748b}.toolbar-search input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #0284c71a,0 2px 8px #0284c70f}body.modal-open{overflow:hidden!important}body.modal-open .sidebar,body.modal-open .sidebar nav,body.modal-open .dash-main-content,body.modal-open .dash-content-area,body.modal-open main{pointer-events:none;overflow:hidden!important}body.modal-open #root{filter:blur(8px)saturate(.7);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .35s cubic-bezier(.4,0,.2,1)}#root{transition:filter .35s cubic-bezier(.4,0,.2,1)}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#0206178c;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) both overlayIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:480px;max-height:88vh;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #ffffff0f,0 24px 80px -12px #00000047,0 12px 36px -8px #00000024,0 0 1px #0000001f}.modal--sm{max-width:420px}.modal--lg{max-width:680px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{letter-spacing:-.02em;font-size:18px;font-weight:900}.modal-close{background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-disabled);border-radius:10px;flex-shrink:0;place-items:center;padding:0;transition:all .2s;display:grid}.modal-close:hover{background:var(--danger-muted);color:var(--danger);border-color:#ef444440;transform:rotate(90deg)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}.modal--edit{border:none;padding:0;overflow:hidden;box-shadow:0 0 0 1px #0284c714,0 32px 80px -16px #0000004d,0 16px 40px -8px #00000029}.modal--edit .edit-modal-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:28px 28px 20px;position:relative}.modal--edit .edit-modal-header:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #38bdf8 40%, #a78bfa 70%, #f472b6 100%);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.edit-modal-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.edit-modal-icon{width:44px;height:44px;color:var(--primary);background:linear-gradient(135deg,#0284c71f 0%,#38bdf814 100%);border:1px solid #0284c726;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0284c71a}.modal--edit:hover .edit-modal-icon{transform:scale(1.05);box-shadow:0 6px 20px #0284c72e}.edit-modal-info{flex:1;min-width:0}.edit-modal-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800;line-height:1.3}.edit-modal-subtitle{color:var(--text-disabled);align-items:center;gap:5px;margin-top:4px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.edit-modal-body{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.edit-modal-body .input-group{margin-bottom:0}.edit-modal-body .input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:12.5px;font-weight:700}.edit-modal-body .input,.edit-modal-body .form-input,.edit-modal-body select,.edit-modal-body textarea{background:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.edit-modal-body .input:hover,.edit-modal-body .form-input:hover,.edit-modal-body select:hover,.edit-modal-body textarea:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border-color));background:var(--bg-card)}.edit-modal-body .input:focus,.edit-modal-body .form-input:focus,.edit-modal-body select:focus,.edit-modal-body textarea:focus{border-color:var(--primary);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #0284c71a,0 2px 8px #0284c70f}.edit-modal-footer{background:color-mix(in srgb, var(--bg-subtle) 50%, var(--bg-card));border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;padding:20px 28px;display:flex}.edit-modal-footer .btn{letter-spacing:-.01em;border-radius:12px;min-width:120px;padding:11px 20px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-modal-footer .btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 14px #0284c740,0 1px 3px #0000001a}.edit-modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0284c759,0 2px 6px #00000026}.edit-modal-footer .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0284c733}.edit-modal-footer .btn-ghost{border:1.5px solid var(--border-color);color:var(--text-muted);background:0 0;border-radius:12px}.edit-modal-footer .btn-ghost:hover{background:var(--bg-subtle);border-color:var(--text-disabled);color:var(--text-main)}.edit-modal-body .alert{border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600}@media (max-width:640px){.modal-overlay{padding:12px}.modal{border-radius:16px;max-width:calc(100vw - 24px)}.modal--sm{max-width:calc(100vw - 24px)}.modal--edit .edit-modal-header{padding:24px 20px 16px}.modal--edit .edit-modal-header:before{border-radius:16px 16px 0 0}.edit-modal-body{gap:16px;padding:20px}.edit-modal-footer{padding:16px 20px}.edit-modal-title{font-size:16px}.edit-modal-icon{border-radius:12px;width:38px;height:38px}.edit-modal-footer .btn{min-width:100px;padding:10px 16px;font-size:13px}}@media (max-width:380px){.edit-modal-footer{flex-direction:column}.edit-modal-footer .btn{width:100%;min-width:unset}}[data-theme=dark] .modal{box-shadow:0 0 0 1px #ffffff0d,0 32px 80px -16px #0009,0 16px 40px -8px #0006}[data-theme=dark] .modal--edit{box-shadow:0 0 0 1px #38bdf814,0 32px 80px -16px #000000b3,0 16px 40px -8px #00000080}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal-close:hover{background:#ef44441f}[data-theme=dark] .edit-modal-icon{background:linear-gradient(135deg,#38bdf826 0%,#8b5cf614 100%);border-color:#38bdf833;box-shadow:0 4px 16px #38bdf814}[data-theme=dark] .edit-modal-footer{background:color-mix(in srgb, var(--bg-card) 80%, transparent)}[data-theme=dark] .edit-modal-body .input:hover,[data-theme=dark] .edit-modal-body .form-input:hover,[data-theme=dark] .edit-modal-body select:hover,[data-theme=dark] .edit-modal-body textarea:hover{border-color:#38bdf84d}[data-theme=dark] .edit-modal-footer .btn-primary{background:linear-gradient(135deg, #0ea5e9 0%, var(--primary-dark) 100%);box-shadow:0 4px 14px #0ea5e94d,0 1px 3px #0000004d}.alert{border:1px solid #0000;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:13.5px;font-weight:700}.alert-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alert-success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.alert-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme=dark] .alert-error{color:#fca5a5;background:#ef44441a;border-color:#ef444433}[data-theme=dark] .alert-success{color:#86efac;background:#10b9811a;border-color:#10b98133}[data-theme=dark] .alert-info{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf633}[data-theme=dark] .alert-warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b33}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state p{max-width:300px;font-size:14px;font-weight:600}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#0f172a 25%,#1e293b 37%,#0f172a 63%) 0 0/400% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-page{flex-direction:column;gap:20px;display:flex}.skeleton-page-header{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.skeleton-page-header .skeleton{border-radius:8px}.skeleton-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.skeleton-table{border-radius:var(--r-md);border:1px solid var(--border-color);flex-direction:column;gap:0;display:flex;overflow:hidden}.skeleton-table-row{border-bottom:1px solid var(--border-color);gap:16px;padding:14px 18px;display:flex}.skeleton-table-row:last-child{border-bottom:none}.dash-page-header{z-index:18;background:color-mix(in srgb, var(--bg-main) 85%, transparent);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;margin:-8px 0 0;padding:16px 0 12px;display:flex;position:sticky;top:0}.dash-page-header__left{flex-direction:column;gap:4px;min-width:0;display:flex}.dash-page-header__title{color:var(--text-main);letter-spacing:-.02em;font-size:clamp(22px,4vw,26px);font-weight:800;line-height:1.2}.dash-breadcrumb{color:var(--text-disabled);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dash-breadcrumb__item{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .15s}.dash-breadcrumb__item:hover{color:var(--primary)}.dash-breadcrumb__sep{color:var(--text-disabled);-webkit-user-select:none;user-select:none;font-size:10px}.dash-breadcrumb__current{color:var(--primary);font-weight:700}.fab-container{z-index:50;flex-direction:column-reverse;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.fab-btn{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #6366f1));color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 40%, transparent), 0 8px 32px #0000001f;border:none;border-radius:50%;place-items:center;font-family:inherit;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:grid}.fab-btn:hover{box-shadow:0 6px 24px color-mix(in srgb, var(--primary) 50%, transparent), 0 12px 40px #00000026;transform:scale(1.08)}.fab-btn--open{transform:rotate(45deg)}.fab-btn--open:hover{transform:rotate(45deg)scale(1.08)}.fab-menu{pointer-events:none;opacity:0;flex-direction:column-reverse;gap:8px;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(10px)scale(.95)}.fab-menu--open{pointer-events:auto;opacity:1;transform:translateY(0)scale(1)}.fab-item{white-space:nowrap;flex-direction:row-reverse;align-items:center;gap:10px;display:flex}.fab-item__btn{border:1.5px solid var(--border-color);background:var(--bg-card);width:42px;height:42px;color:var(--primary);cursor:pointer;border-radius:50%;place-items:center;font-family:inherit;transition:all .15s;display:grid;box-shadow:0 4px 16px #00000014}.fab-item__btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.06)}.fab-item__label{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);pointer-events:none;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0000000f}.fab-menu--open .fab-item:first-child{transition-delay:0s}.fab-menu--open .fab-item:nth-child(2){transition-delay:40ms}.fab-menu--open .fab-item:nth-child(3){transition-delay:80ms}@media (max-width:768px){.fab-container{display:none}}.price-highlight{color:#059669;letter-spacing:-.3px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:14px;font-weight:800}[data-theme=dark] .price-highlight{color:#34d399}.price-highlight--lg{letter-spacing:-.5px;font-size:18px}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.role-badge--admin{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b33}.role-badge--staff{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f633}.role-badge--owner{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #8b5cf633}[data-theme=dark] .role-badge--admin{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b40}[data-theme=dark] .role-badge--staff{color:#60a5fa;background:#3b82f626;border-color:#3b82f640}[data-theme=dark] .role-badge--owner{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf640}.status-dot{align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.status-dot:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--active{color:#059669}.status-dot--active:before{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot--inactive{color:#dc2626}.status-dot--inactive:before{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.stock-badge{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:800;display:inline-flex}.stock-badge--ok{color:#059669;background:#10b9811a}.stock-badge--low{color:#d97706;background:#f59e0b1a}.stock-badge--out{color:#dc2626;background:#ef44441a}[data-theme=dark] .stock-badge--ok{color:#34d399;background:#10b98126}[data-theme=dark] .stock-badge--low{color:#fbbf24;background:#f59e0b26}[data-theme=dark] .stock-badge--out{color:#f87171;background:#ef444426}.unit-badge{text-transform:uppercase;background:var(--bg-subtle);color:var(--text-muted);letter-spacing:.3px;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-block}.default-tag{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg, var(--primary-muted), #0284c726);color:var(--primary);border:1px solid #0284c726;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:900;display:inline-flex}.stat-number{color:var(--text-main);letter-spacing:-.5px;font-feature-settings:"tnum";font-size:24px;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600;line-height:1.2}.stat-skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, #0284c70f 50%, var(--bg-subtle) 75%);background-size:200% 100%;border-radius:6px;width:42px;height:22px;animation:1.4s ease-in-out infinite stat-shimmer;display:inline-block}.stat-skeleton--wide{width:64px}@keyframes stat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.order-status{border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.order-status--pending{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b26}.order-status--process{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f626}.order-status--done{color:#059669;background:#10b9811a;border:1px solid #10b98126}.order-status--delivered{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf626}.order-status--cancelled{color:#dc2626;background:#ef44441a;border:1px solid #ef444426}.phone-mono{letter-spacing:.2px;color:var(--text-main);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600}.addr-text{-webkit-line-clamp:1;color:var(--text-muted);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.rating-stars{color:#fbbf24;gap:1px;display:inline-flex}.rating-stars--dim{color:var(--border-color)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.min-w-0{min-width:0}.text-sm{font-size:13px}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-black{font-weight:900}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.confirm-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#02061773;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) both overlayIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-dialog{background:var(--bg-card);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:36px 32px 28px;animation:.4s cubic-bezier(.16,1,.3,1) both modalSlideIn;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000040,0 0 0 1px #ffffff0d}.confirm-dialog:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #38bdf8 40%, #a78bfa 70%, #f472b6 100%);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}@keyframes confirmIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:none}}.confirm-close{background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;width:30px;height:30px;color:var(--text-disabled);border-radius:10px;place-items:center;transition:all .2s;display:grid;position:absolute;top:14px;right:14px}.confirm-close:hover{background:var(--danger-muted);color:var(--danger);border-color:#ef444440;transform:rotate(90deg)}.confirm-icon{border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.6s both iconPulse;display:grid}@keyframes iconPulse{0%{opacity:0;transform:scale(.6)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes confirmRingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.confirm-title{letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px;font-size:19px;font-weight:900;line-height:1.3}.confirm-message{color:var(--text-muted);max-width:320px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:14px;font-weight:600;line-height:1.6}.confirm-actions{gap:10px;display:flex}.confirm-btn{font-family:var(--font);border-radius:var(--r-md);cursor:pointer;border:1.5px solid #0000;flex:1;padding:12px 20px;font-size:14px;font-weight:800;line-height:1;transition:all .2s}.confirm-btn--cancel{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-color)}.confirm-btn--cancel:hover{background:var(--bg-default);color:var(--text-main);border-color:#cbd5e1}.confirm-btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 12px #ef44444d}.confirm-btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 20px #ef444466}.confirm-btn--warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b4d}.confirm-btn--warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 20px #f59e0b66}.confirm-btn--info{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 2px 12px #0284c74d}.confirm-btn--info:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 4px 20px #0284c766}.confirm-btn--success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b9814d}.confirm-btn--success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 20px #10b98166}@media (max-width:480px){.confirm-dialog{padding:28px 20px 22px}.confirm-actions{flex-direction:column-reverse}}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;max-width:960px;margin:0 auto;display:grid}.pricing-card--popular{z-index:1;transform:scale(1.02)}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.pricing-card--popular{transform:none}.pricing-card:last-child{grid-column:1/-1;max-width:100%}}@media (max-width:560px){.pricing-grid{grid-template-columns:1fr;gap:24px;max-width:400px}.pricing-card:last-child{grid-column:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s both fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}.divider{border:none;border-top:1px solid var(--border-color)}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-grid-2{grid-template-columns:1fr}}.tab-layout{grid-template-columns:minmax(300px,360px) 1fr;align-items:start;gap:24px;display:grid}@media (max-width:860px){.tab-layout{grid-template-columns:1fr}}.mini-stats-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mini-stats-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:1024px){.mini-stats-3{grid-template-columns:repeat(3,1fr)}.mini-stats-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.mini-stats-3{grid-template-columns:repeat(3,1fr)}.mini-stats-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mini-stats-3{grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats-4{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.mini-stats-3,.mini-stats-4{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:360px){.mini-stats-3,.mini-stats-4{grid-template-columns:1fr}}@media (max-width:640px){.mini-stats-3 .data-card,.mini-stats-4 .data-card{gap:10px!important;padding:14px 12px!important}.mini-stats-3 .data-card>div:first-child,.mini-stats-4 .data-card>div:first-child{width:34px!important;height:34px!important}}.section-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--t), border-color var(--t);border-radius:20px;padding:0;overflow:hidden}.section-card:hover{border-color:#0284c72e;box-shadow:0 4px 20px #0284c70f}.section-card__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);align-items:center;gap:10px;padding:18px 22px;display:flex;position:relative}[data-theme=dark] .section-card__header{background:linear-gradient(135deg,#1e293b 0%,#162033 100%)}.section-card__header:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-light));border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.section-card__header svg{color:var(--primary)}.section-card__title{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.section-card__body{padding:22px}.section-card__form{flex-direction:column;gap:16px;display:flex}.section-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11.5px;font-weight:700;display:block}.data-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color var(--t);border-radius:20px;overflow:hidden}.data-card:hover{border-color:#0284c71f}.data-card__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}[data-theme=dark] .data-card__header{background:linear-gradient(135deg,#1e293b 0%,#162033 100%)}.data-card__title{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.error-banner{background:var(--danger-muted);color:var(--danger);border-bottom:1px solid #ef444426;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.error-banner .btn{margin-left:auto}.error-banner--standalone{border-radius:var(--r-md);border:1px solid #ef444433;margin-bottom:16px}.tbl-actions{justify-content:center;gap:6px;display:flex}.btn-icon-delete{background:var(--danger-muted);color:var(--danger);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t);border:1px solid #ef444440;padding:7px;display:inline-flex}.btn-icon-delete:hover{background:var(--danger);color:#fff}.pill-category{background:var(--warning-muted);color:var(--warning);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.loading-hint{color:var(--text-muted);font-size:12px;font-weight:600}@media (max-width:860px){.tab-layout,.dashboard-chart-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.dash-stat-card .dash-stat-value{font-size:2rem}}@media (max-width:1024px){.sidebar{width:280px;transition:left .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;left:-300px}.sidebar--open{left:0;box-shadow:4px 0 24px #00000080}.mobile-close-btn{display:block}.mobile-top-nav{display:flex}.dash-top-navbar{display:none}.main-content,.dash-main-content{margin-left:0;padding:0}.main-content,.dash-content-area{padding:24px 20px;padding-top:calc(max(8px, env(safe-area-inset-top,8px)) + 52px + 24px)}.page-header{margin-bottom:24px;padding:22px 24px 20px}.page-title{margin-bottom:4px;font-size:24px}}@media (max-width:640px){.tab-layout{gap:16px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.main-content,.dash-content-area{padding:16px;padding-top:calc(max(8px, env(safe-area-inset-top,8px)) + 52px + 20px)}.mobile-top-nav{margin:-16px -16px 16px}.page-header{margin-bottom:20px;padding:18px 20px 16px}.modal{padding:20px 18px}.data-card__header{flex-direction:column;align-items:flex-start;gap:10px}.toolbar{gap:8px}.toolbar-search{min-width:100%;max-width:100%}}@media (max-width:400px){.metrics-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}html,body{max-width:100vw;overflow-x:clip}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}img,video,canvas,iframe{max-width:100%}@media (max-width:640px){.card,.section-card__body{padding:16px}.section-card__header{padding:14px 16px}.table-wrap table{min-width:520px}.page-title{font-size:18px!important}.page-subtitle{font-size:13px!important}.metric-data p{font-size:22px}.metric-icon{width:44px;height:44px}.modal-overlay{padding:12px}.modal{border-radius:16px;max-height:92vh}.modal-title{font-size:16px}.form-grid-2{grid-template-columns:1fr;gap:12px}.btn{min-height:40px}.btn-sm{min-height:34px}.status-grid,.receipt-layout{grid-template-columns:1fr!important}}@media (max-width:540px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{max-width:100%}.toolbar-search input{height:44px;font-size:16px}}@media (max-width:360px){.metrics-grid{grid-template-columns:1fr}}.pagination{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:16px 20px;font-size:13px;font-weight:600;display:flex}.pagination__info strong{color:var(--text-main);font-weight:800}.status-chips{-webkit-overflow-scrolling:touch;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.status-chips::-webkit-scrollbar{display:none}.chip{font-size:12px;font-weight:700;font-family:var(--font);white-space:nowrap;cursor:pointer;border:1.5px solid var(--border-color);color:var(--text-muted);background:0 0;border-radius:99px;padding:5px 14px;transition:all .15s}.chip:hover{background:var(--bg-subtle);color:var(--text-main)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.receipt-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}@media (max-width:860px){.receipt-layout{grid-template-columns:1fr}}.status-grid{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{height:4px}.scroll-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}@media (max-width:640px){.tbl-actions{gap:4px}.tbl-actions .btn-sm{padding:7px 9px;font-size:12px}table th:first-child,table td:first-child,.tbl-actions .btn-sm span{display:none}.reports-rate-grid{grid-template-columns:1fr!important}.od-actions{flex-direction:column}.od-actions .btn{justify-content:center;width:100%}.settings-row{flex-direction:column}.pagination{gap:8px;padding:12px 16px}.pagination .btn-sm{padding:7px 10px;font-size:12px}}@media (max-width:480px){.metric-card{padding:14px 12px!important}.metric-data h3{font-size:12px}.metric-data p{font-size:20px}.data-card__header{flex-direction:column;align-items:flex-start;gap:10px}.page-header .btn{justify-content:center;width:100%}.od-info-grid{grid-template-columns:1fr!important}}@media (min-width:641px) and (max-width:860px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.receipt-layout{grid-template-columns:1fr}}.error-boundary-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.error-boundary-fallback__icon{background:var(--danger-muted,#ef444417);width:56px;height:56px;color:var(--danger,#ef4444);border-radius:16px;place-items:center;display:grid}.error-boundary-fallback__title{color:var(--text-main);margin:0;font-size:17px;font-weight:800}.error-boundary-fallback__desc{color:var(--text-muted);max-width:360px;margin:0;font-size:14px}.error-boundary-fallback__detail{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--r-md);max-width:480px;color:var(--danger,#ef4444);white-space:pre-wrap;word-break:break-all;margin:4px 0;padding:10px 14px;font-size:11px;overflow-x:auto}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;top:20px;right:24px}.toast-item{border-radius:var(--r-md);box-shadow:var(--shadow-lg);pointer-events:auto;border:1px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:700;animation:.25s cubic-bezier(.16,1,.3,1) toast-in;display:flex}.toast-item--success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.toast-item--error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.toast-item--info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}[data-theme=dark] .toast-item--success{color:#86efac;background:#10b9811f;border-color:#10b98140}[data-theme=dark] .toast-item--error{color:#fca5a5;background:#ef44441f;border-color:#ef444440}[data-theme=dark] .toast-item--info{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf640}.toast-item__icon{flex-shrink:0}.toast-item__msg{flex:1;min-width:0;line-height:1.4}.toast-item__close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;transition:opacity .15s;display:flex}.toast-item__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:none}}@media (max-width:480px){.toast-container{max-width:none;top:auto;bottom:20px;left:16px;right:16px}}.od-modal-wrap{max-width:560px;padding:0;box-shadow:0 24px 60px #0f172a2e,0 0 0 1px #0284c714}.od-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.od-nota{color:var(--text-muted);letter-spacing:.03em;margin-bottom:4px;font-size:13px;font-weight:600}.od-customer{color:var(--text-main);font-size:20px;font-weight:800}.od-close{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.od-close:hover{background:var(--border-color);color:var(--text-main)}.od-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.od-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.od-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.od-info-item{background:var(--bg-subtle,#f8fafc);border-radius:var(--r-md,12px);flex-direction:column;gap:3px;padding:10px 14px;display:flex}.od-info-label{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.od-info-value{color:var(--text-main);font-size:14px;font-weight:700}.od-info-value.primary{color:var(--primary);font-size:16px}.od-items{flex-direction:column;gap:6px;display:flex}.od-item{background:var(--bg-subtle);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.od-item-name{color:var(--text-main);font-weight:600}.od-item-qty{color:var(--text-muted);font-size:13px}.od-item-price{color:var(--primary);font-weight:700}.od-total{background:var(--primary-muted,#0284c717);border:1px solid var(--primary-border,#0284c733);border-radius:var(--r-md);color:var(--primary);justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;font-weight:800;display:flex}.od-note{border-radius:var(--r-md);color:var(--text-muted);background:#f59e0b0f;border:1px solid #f59e0b26;padding:10px 14px;font-size:13px;font-style:italic}.od-actions{border-top:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@media (max-width:480px){.od-info-grid{grid-template-columns:1fr}.od-modal-wrap{border-radius:var(--r-xl)}}.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}.metrics-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.metrics-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.metrics-grid-4{grid-template-columns:1fr}}.dash-row-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1024px){.dash-row-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:640px){.dash-row-3{grid-template-columns:1fr;gap:16px}}.dash-row-3-skeleton{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1024px){.dash-row-3-skeleton{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:640px){.dash-row-3-skeleton{grid-template-columns:1fr;gap:16px}}.mobile-bottom-nav{display:none}@media (max-width:640px){.mobile-bottom-nav{height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-card);border-top:1.5px solid var(--border-color);z-index:89;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 24px #00000014}[data-theme=dark] .mobile-bottom-nav{box-shadow:0 -4px 24px #0006}.mobile-bottom-nav__item{color:var(--text-muted);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 2px;transition:color .15s,background .15s;display:flex;position:relative}.mobile-bottom-nav__item:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:0;height:2.5px;transition:width .22s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-bottom-nav__item.active:before{width:28px}.mobile-bottom-nav__item:active{background:var(--bg-subtle)}.mobile-bottom-nav__item.active{color:var(--primary)}.mobile-bottom-nav__item svg{opacity:.55;transition:opacity .15s}.mobile-bottom-nav__item.active svg{opacity:1}.mobile-bottom-nav__label{white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:10px;font-weight:700;line-height:1;overflow:hidden}.dash-content-area{padding:16px 16px calc(60px + env(safe-area-inset-bottom,0px) + 20px) 16px!important}}@media (min-width:641px) and (max-width:1024px){.notif-panel{width:340px}.dash-content-area{padding-left:28px;padding-right:28px}.page-header{padding:22px 24px 18px}}body:has(.sidebar--open){overflow:hidden}.orders-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.orders-toolbar__actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:640px){.orders-toolbar{padding:12px 14px}.orders-toolbar .toolbar-search{width:100%;max-width:100%;margin:0!important}}.kanban-board{grid-template-columns:repeat(3,1fr);gap:16px;min-height:55vh;display:grid}@media (max-width:860px){.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-board>*{scroll-snap-align:start;flex:0 0 78vw;max-width:320px}}@media (max-width:480px){.kanban-board>*{flex:0 0 85vw}}@media (max-width:860px){.section-card[style*="position: sticky"],.section-card[style*=position\:sticky]{position:static!important}.pos-layout{flex-direction:column!important}}.data-card__body{overflow-x:auto}.pos-step-2col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pos-parfum-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}@media (max-width:640px){.pos-step-2col{grid-template-columns:1fr;gap:16px}.pos-parfum-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.pos-parfum-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pos-parfum-grid button{padding:12px 8px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}[data-theme=dark] .sidebar{box-shadow:1px 0 #ffffff08}[data-theme=dark] .sidebar-nav__item.active{background:linear-gradient(135deg,#38bdf81a 0%,#8b5cf60d 100%)}[data-theme=dark] .card:hover{box-shadow:var(--shadow-md), 0 0 0 1px #38bdf80f}[data-theme=dark] .metric-icon.blue{border-color:#38bdf826;box-shadow:0 4px 12px #38bdf80f}[data-theme=dark] .metric-icon.green{border-color:#34d39926;box-shadow:0 4px 12px #34d3990f}[data-theme=dark] .metric-icon.orange{border-color:#fbbf2426;box-shadow:0 4px 12px #fbbf240f}[data-theme=dark] .metric-icon.purple{border-color:#a78bfa26;box-shadow:0 4px 12px #a78bfa0f}[data-theme=dark] .metric-icon.red{border-color:#f8717126;box-shadow:0 4px 12px #f871710f}[data-theme=dark] .btn-primary{background:linear-gradient(135deg, #0ea5e9 0%, var(--primary-dark) 100%);box-shadow:0 2px 8px #0ea5e940,0 1px 2px #0003}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #0ea5e959,0 2px 4px #00000040}[data-theme=dark] tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, var(--bg-card))}[data-theme=dark] .confirm-dialog{box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff0d}[data-theme=dark] .confirm-overlay{background:#0006}.page-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-color:#0000;box-shadow:0 2px 8px #0284c740}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-xs);position:relative;overflow-x:auto}.pos-select-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.pos-select-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.pos-select-card:active{transform:translateY(0)}.wa-page{max-width:720px;margin:0 auto;padding:0 4px}.wa-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl,16px);box-shadow:var(--shadow);overflow:hidden}.wa-card--terms{text-align:center;padding:32px}.wa-card--setup{padding:0}.wa-card__icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.wa-card__icon--warn{color:#ef4444;background:#fef2f2;margin:0 auto 20px}.wa-card__icon--green{color:#10b981;background:#ecfdf5}[data-theme=dark] .wa-card__icon--warn{background:#ef44441f}[data-theme=dark] .wa-card__icon--green{background:#10b9811f}.wa-card__title{color:var(--text-main);margin:0 0 8px;font-size:22px;font-weight:800}.wa-card__desc{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.wa-terms-list{background:var(--bg-subtle);border-radius:var(--r-md,12px);text-align:left;flex-direction:column;gap:14px;margin:0 0 28px;padding:20px;list-style:none;display:flex}.wa-terms-list li{color:var(--text-main);align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;display:flex}.wa-terms-list li svg{flex-shrink:0;margin-top:2px}.wa-btn-full{border-radius:var(--r-md,12px);cursor:pointer;border:none;width:100%;padding:14px;font-size:15px;font-weight:700}.wa-setup-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.wa-setup-header__info{align-items:center;gap:14px;min-width:0;display:flex}.wa-setup-header__title{color:var(--text-main);white-space:nowrap;margin:0;font-size:18px;font-weight:800}.wa-setup-header__desc{color:var(--text-muted);margin:3px 0 0;font-size:13px}.wa-status-badge{border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.wa-status-badge__dot{border-radius:50%;width:8px;height:8px}.wa-status-badge--connected{color:#10b981;background:#ecfdf5}.wa-status-badge--connected .wa-status-badge__dot{background:#10b981;box-shadow:0 0 8px #10b981}.wa-status-badge--disconnected,.wa-status-badge--connecting{color:#ef4444;background:#fef2f2}.wa-status-badge--disconnected .wa-status-badge__dot,.wa-status-badge--connecting .wa-status-badge__dot{background:#ef4444;box-shadow:0 0 8px #ef4444}[data-theme=dark] .wa-status-badge--connected{background:#10b9811a}[data-theme=dark] .wa-status-badge--disconnected,[data-theme=dark] .wa-status-badge--connecting{background:#ef44441a}.wa-setup-body{gap:28px;padding:28px;display:flex}.wa-qr-area{background:var(--bg-subtle);border-radius:var(--r-lg,16px);border:1px dashed var(--border-color);text-align:center;flex-direction:column;flex:0 0 240px;justify-content:center;align-items:center;min-height:240px;padding:24px 20px;display:flex}.wa-qr-placeholder,.wa-qr-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.wa-qr-placeholder svg{opacity:.45}.wa-qr-placeholder p,.wa-qr-loading p{margin:0;font-size:13px;line-height:1.5}.wa-qr-loading svg{color:var(--primary)}.wa-qr-loading p{font-weight:600}.wa-qr-display{flex-direction:column;align-items:center;gap:14px;display:flex}.wa-qr-frame{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:200px;height:200px;padding:10px;display:flex;box-shadow:0 2px 8px #0000000d}.wa-qr-frame img{object-fit:contain;width:100%;height:100%}.wa-qr-display p{color:var(--text-muted);margin:0;font-size:13px}.wa-instructions{flex:1;min-width:0}.wa-steps h3{color:var(--text-main);margin:0 0 14px;font-size:15px;font-weight:700}.wa-steps ol{color:var(--text-muted);flex-direction:column;gap:10px;margin:0;padding-left:18px;font-size:14px;line-height:1.55;display:flex}.wa-steps ol strong{color:var(--text-main)}.wa-btn-generate{border-radius:var(--r-md,12px);cursor:pointer;border:none;align-items:center;gap:8px;margin-top:20px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex}.wa-connected{flex-direction:column;gap:20px;display:flex}.wa-connected__banner{border-radius:var(--r-md,12px);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.wa-connected__banner svg{flex-shrink:0;margin-top:1px}.wa-connected__banner h3{margin:0 0 4px;font-size:15px;font-weight:700}.wa-connected__banner p{color:#047857;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .wa-connected__banner{color:#6ee7b7;background:#10b98114;border-color:#10b98133}[data-theme=dark] .wa-connected__banner p{color:#86efac}.wa-btn-logout{border-radius:var(--r-md,10px);color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.wa-btn-logout:hover{background:#fee2e2}[data-theme=dark] .wa-btn-logout{background:#ef44441a;border-color:#ef444433}@media (max-width:640px){.wa-page{padding:0}.wa-card--terms{padding:24px 20px}.wa-card__icon{border-radius:14px;width:48px;height:48px}.wa-card__icon--warn{margin-bottom:16px}.wa-card__icon--warn svg{width:28px;height:28px}.wa-card__title{font-size:19px}.wa-card__desc{margin-bottom:20px;font-size:13px}.wa-terms-list{gap:12px;padding:16px}.wa-terms-list li{gap:10px;font-size:13px}.wa-setup-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.wa-setup-header__title{font-size:16px}.wa-setup-header__desc{font-size:12px}.wa-status-badge{align-self:flex-start;padding:5px 12px;font-size:12px}.wa-setup-body{flex-direction:column;gap:20px;padding:20px}.wa-qr-area{flex:none;width:100%;min-height:200px;padding:20px 16px}.wa-qr-frame{width:180px;height:180px}.wa-steps h3{font-size:14px}.wa-steps ol{gap:8px;font-size:13px}.wa-btn-generate{justify-content:center;width:100%;padding:14px;font-size:14px}.wa-btn-logout{justify-content:center;width:100%;padding:12px}}.settings-tab-switcher{background:var(--bg-subtle);border-radius:var(--r-md);gap:4px;padding:4px;display:flex}.settings-tab-btn{font-family:var(--font);cursor:pointer;color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:13.5px;font-weight:800;transition:all .15s;display:flex}.settings-tab-btn:hover{color:var(--text-main);background:color-mix(in srgb, var(--bg-card) 60%, transparent)}.settings-tab-btn--active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}@media (max-width:640px){.settings-tab-switcher{gap:3px;padding:3px}.settings-tab-btn{gap:6px;padding:10px 4px;font-size:12px}.settings-tab-btn span{display:none}.section-card__form{flex-direction:column!important;display:flex!important}}@media (min-width:641px) and (max-width:860px){.settings-tab-btn{font-size:12.5px}}@media (max-width:640px){html,body{overscroll-behavior:none;overflow-x:hidden}html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}.dash-main-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.dash-content-area,.dash-content-area>*,.dash-content-area>*>*{box-sizing:border-box;max-width:100%}.mobile-top-nav,.dash-breadcrumb{display:none!important}.dash-page-header{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important;margin:0!important;padding:4px 0 6px!important;position:relative!important}.dash-page-header__title{letter-spacing:-.03em;font-weight:900;font-size:22px!important}.card{border-radius:16px!important;padding:14px 16px!important;box-shadow:0 1px 4px #0000000a!important}.data-card{overflow:hidden;border-radius:16px!important}.data-card__header{flex-wrap:wrap;gap:8px;padding:12px 16px!important}.data-card__title{font-size:14px!important}.section-card{border-radius:16px!important}.section-card__header{padding:12px 16px!important}.section-card__body{padding:14px 16px!important}.dash-stat-card{border-radius:16px!important;padding:14px 16px!important}.dash-stat-card .dash-stat-value{word-break:break-all;line-height:1.1;font-size:1.5rem!important}.dash-stat-card .dash-stat-label{margin-top:2px;font-size:11.5px!important}.dash-stat-card .dash-stat-unit{display:none}.dash-stat-card .dash-stat-header{margin-bottom:8px}.dash-stat-card .dash-stat-badge{padding:3px 8px!important;font-size:10px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dt-mobile-wrapper,.dt-mobile-list{flex-direction:column;gap:8px;display:flex}.dt-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--primary-light);border-radius:14px;padding:14px 16px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 1px 3px #0000000a}.dt-card:active{transform:scale(.98);box-shadow:0 0 #0000}.dt-card--expanded{border-left-color:var(--primary);background:color-mix(in srgb, var(--bg-card) 97%, var(--primary-muted));box-shadow:0 4px 20px #00000014}.dt-card--loading{border-left-color:var(--border-color);flex-direction:column;gap:10px;padding:18px 16px;display:flex}.dt-card__primary{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.dt-card__field{flex:calc(50% - 8px);min-width:0}.dt-card__field:first-child{border-bottom:1px solid color-mix(in srgb, var(--border-color) 50%, transparent);flex:1 0 100%;margin-bottom:2px;padding-bottom:6px}.dt-card__label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:9.5px;font-weight:800;display:block}.dt-card__value{color:var(--text-main);word-break:break-word;font-size:13px;line-height:1.4;display:block}.dt-card__field:first-child .dt-card__label{color:var(--primary);font-size:9px}.dt-card__field:first-child .dt-card__value{letter-spacing:-.02em;color:var(--text-main);font-size:15px;font-weight:800}.dt-card__actions{border-top:1px solid var(--border-color);flex:1 0 100%;gap:8px;margin-top:10px;padding-top:10px;display:flex}.dt-card__secondary{border-top:1px dashed color-mix(in srgb, var(--border-color) 60%, transparent);flex-wrap:wrap;gap:10px 16px;margin-top:10px;padding:12px 0 4px;animation:.25s cubic-bezier(.16,1,.3,1) dt-expand;display:flex}@keyframes dt-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dt-card__expand{background:var(--primary-muted);border:1px solid var(--primary-border);color:var(--primary);font-size:11px;font-weight:800;font-family:var(--font);cursor:pointer;letter-spacing:-.01em;border-radius:99px;align-items:center;gap:5px;margin-top:10px;padding:5px 12px 5px 10px;transition:all .2s;display:inline-flex}.dt-card__expand:active{transform:scale(.95)}.dt-card__expand svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.dt-card__expand--open{background:color-mix(in srgb, var(--primary) 12%, transparent)}.dt-card__expand--open svg{transform:rotate(180deg)}.dt-mobile-pagination{justify-content:space-between;align-items:center;padding:12px 2px 4px;display:flex}.dt-mobile-pagination__info{color:var(--text-muted);font-size:12px;font-weight:600}.dt-mobile-pagination__controls{background:var(--bg-subtle);border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.dt-mobile-pagination__btn{background:var(--bg-card);width:34px;height:34px;color:var(--text-main);cursor:pointer;border:none;border-radius:10px;place-items:center;transition:all .15s;display:grid;box-shadow:0 1px 2px #0000000f}.dt-mobile-pagination__btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.dt-mobile-pagination__btn:not(:disabled):active{background:var(--primary);color:#fff;transform:scale(.9)}.dt-mobile-pagination__page{color:var(--text-main);letter-spacing:-.02em;padding:0 6px;font-size:12px;font-weight:800}[data-theme=dark] .dt-card{border-left-color:var(--primary);box-shadow:0 1px 4px #0003}[data-theme=dark] .dt-card--expanded{background:color-mix(in srgb, var(--bg-card) 95%, var(--primary-muted));box-shadow:0 4px 24px #0000004d}[data-theme=dark] .dt-card__expand{background:color-mix(in srgb, var(--primary) 15%, transparent);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}[data-theme=dark] .dt-mobile-pagination__controls{background:#ffffff0a}[data-theme=dark] .dt-mobile-pagination__btn{background:var(--bg-card);box-shadow:0 1px 3px #0000004d}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px)saturate(180%);background:color-mix(in srgb, var(--bg-card) 92%, transparent);border-top:1px solid color-mix(in srgb, var(--border-color) 50%, transparent);height:62px;box-shadow:0 -2px 20px #0000000f}[data-theme=dark] .mobile-bottom-nav{background:color-mix(in srgb, var(--bg-card) 95%, transparent);box-shadow:0 -4px 24px #0000004d}.mobile-bottom-nav__item{gap:4px;padding:6px 2px 8px}.mobile-bottom-nav__item svg{width:24px!important;height:24px!important}.mobile-bottom-nav__label{letter-spacing:.01em;font-size:10px;font-weight:800}.mobile-bottom-nav__item:before{display:none}.mobile-bottom-nav__item:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:6px;left:50%;transform:translate(-50%)scale(0)}.mobile-bottom-nav__item.active:after{transform:translate(-50%)scale(1)}.mobile-bottom-nav__item.active{color:var(--primary)}.mobile-bottom-nav__item.active svg{opacity:1;filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--primary) 30%, transparent))}.dash-content-area{padding:12px 14px calc(62px + env(safe-area-inset-bottom,0px) + 16px) 14px!important;padding-top:max(16px, env(safe-area-inset-top,16px))!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:95vh!important;margin:0!important;animation:.3s cubic-bezier(.16,1,.3,1) modal-slide-up!important}.od-modal-wrap{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:95vh!important;animation:.3s cubic-bezier(.16,1,.3,1) modal-slide-up!important}.modal:before,.od-modal-wrap:before{content:"";background:var(--border-color);border-radius:99px;width:36px;height:4px;margin:8px auto 4px;display:block}.edit-modal-header{padding:12px 16px!important}.edit-modal-body{padding:16px!important}.edit-modal-footer{background:var(--bg-card);border-top:1px solid var(--border-color);flex-direction:column;position:sticky;bottom:0;padding:12px 16px!important}.edit-modal-footer .btn{justify-content:center;width:100%;min-height:44px}.od-header,.od-body{padding:14px 16px!important}.od-actions{background:var(--bg-card);border-top:1px solid var(--border-color);flex-direction:column;position:sticky;bottom:0;padding:12px 16px!important}.od-actions .btn{justify-content:center;width:100%;min-height:44px}.od-customer{font-size:17px!important}.toolbar{z-index:15;background:color-mix(in srgb, var(--bg-main) 90%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:stretch;margin:-4px -14px 8px;position:sticky;top:0;gap:8px!important;padding:10px 14px!important}.toolbar-search{min-width:100%!important;max-width:100%!important}.toolbar-search input{border-radius:12px;height:42px;font-size:16px}div[style*=minmax\(260px],div[style*=minmax\(300px],div[style*=minmax\(320px]{grid-template-columns:1fr!important}div[style*=minmax\(200px],div[style*=minmax\(170px]{grid-template-columns:1fr 1fr!important;gap:10px!important}.recharts-responsive-container{max-width:100%}.btn{min-height:42px;border-radius:12px!important;padding:10px 16px!important;font-size:13px!important}.btn-sm{min-height:36px;padding:8px 12px!important;font-size:12px!important}.input-group{margin-bottom:14px}.input-group label{font-size:12px;font-weight:700}.input,select.input,textarea.input{border-radius:12px;min-height:44px;padding:12px 14px;font-size:16px!important}.status-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -14px;padding:0 14px;overflow-x:auto;flex-wrap:nowrap!important}.status-chips::-webkit-scrollbar{display:none}.status-chips>*{flex-shrink:0}div[style*="justifyContent: 'space-between'"]{flex-wrap:wrap;gap:8px}.card[style*="gap: 18"],.card[style*="gap: 20"],.card[style*="gap: 24"]{flex-wrap:wrap}div[style*=gridTemplateColumns][style*="1fr 1fr"]{grid-template-columns:1fr!important;gap:10px!important}.alert{flex-wrap:wrap;gap:8px;font-size:13px;border-radius:14px!important;padding:12px 14px!important}.data-card[style*=borderLeft]{border-radius:14px!important;padding:12px 14px!important}.mini-stats-3{flex-wrap:wrap;gap:8px!important}.mini-stats-3 .data-card{flex:calc(50% - 4px);padding:12px!important}.pagination{flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 14px}.pagination .btn-sm{padding:6px 10px;font-size:12px}.settings-tabs,.tab-bar,[role=tablist]{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important;gap:4px!important}.settings-tabs::-webkit-scrollbar{display:none}.tab-bar::-webkit-scrollbar{display:none}[role=tablist]::-webkit-scrollbar{display:none}.settings-tab-btn,.tab-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px!important;font-size:12px!important}.dash-content-area{gap:14px!important}.dash-content-area>div>div[style*="gap: 24"]{gap:12px!important}.dash-content-area>div>div[style*="gap: 20"]{gap:10px!important}.recent-order-item{gap:10px;padding:10px 14px!important}.toast-container{top:auto!important;bottom:calc(62px + env(safe-area-inset-bottom,0px) + 12px)!important;max-width:none!important;left:12px!important;right:12px!important}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:380px){.dash-stat-card .dash-stat-value{font-size:1.2rem!important}.dash-stat-card .dash-stat-label{font-size:10.5px!important}.dash-stat-card{padding:12px 14px!important}.dash-page-header__title{font-size:18px!important}div[style*=minmax\(200px],div[style*=minmax\(170px]{grid-template-columns:1fr!important}.settings-tab-btn{padding:8px 2px}.card{padding:12px 14px!important}.data-card__header{padding:10px 14px!important}}@media (min-width:381px) and (max-width:480px){.dash-stat-card .dash-stat-value{font-size:1.35rem!important}}