:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#5bb8d6;--color-primary-light:#8dd0e5;--color-primary-dark:#3e97b5;--color-primary-glow:#5bb8d652;--color-secondary:#04327b;--color-secondary-light:#1d5bb8;--color-secondary-glow:#04327b52;--color-accent:#f2a33a;--color-accent-light:#f7bd6b;--color-accent-glow:#f2a33a4d;--brand-primary:var(--color-primary);--brand-primary-light:var(--color-primary-light);--brand-primary-dark:var(--color-primary-dark);--brand-primary-glow:var(--color-primary-glow);--brand-pink:var(--color-danger,#ff6b8a);--brand-pink-light:#ff8fa6;--brand-pink-glow:#ff6b8a4d;--brand-yellow:var(--color-accent);--brand-yellow-light:var(--color-accent-light);--brand-yellow-glow:var(--color-accent-glow);--brand-green:var(--color-success,#06d6a0);--brand-green-glow:#06d6a04d;--brand-purple:var(--color-secondary);--brand-purple-glow:var(--color-secondary-glow);--neon-cyan:var(--color-primary);--neon-pink:var(--color-accent);--neon-purple:var(--color-secondary);--neon-yellow:var(--color-accent);--neon-green:var(--color-success,#06d6a0);--neon-cyan-glow:var(--color-primary-glow);--neon-pink-glow:var(--color-accent-glow);--neon-purple-glow:var(--color-secondary-glow);--bg-base:#020817;--bg-elevated:#040d1e;--bg-card:#040f26d9;--bg-card-hover:#061430e6;--bg-overlay:#020817d9;--bg-raised:#071325;--glass-bg:#ffffff0a;--glass-bg-strong:#ffffff14;--glass-border:#ffffff14;--glass-border-hover:#4ba8e066;--glass-blur:blur(20px);--glass-blur-strong:blur(40px);--text-primary:#f0f4ff;--text-secondary:#8b9ab8;--text-tertiary:#4d5e7a;--text-inverse:#070c18;--text-accent:var(--color-primary);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#5bb8d680;--color-success:#06d6a0;--color-success-bg:#06d6a01f;--color-warning:#ffd166;--color-warning-bg:#ffd1661f;--color-danger:#ff6b8a;--color-danger-bg:#ff6b8a1f;--color-info:var(--color-primary);--color-info-bg:#5bb8d61f;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-secondary:linear-gradient(135deg, var(--color-secondary) 0%, #021f4f 100%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, #c97f1f 100%);--gradient-pink:linear-gradient(135deg, #ff6b8a 0%, #e0386b 100%);--gradient-yellow:linear-gradient(135deg, #ffd166 0%, #e8a800 100%);--gradient-green:linear-gradient(135deg, #06d6a0 0%, #04a87e 100%);--gradient-hero:linear-gradient(135deg, #06122b 0%, #0a1e48 50%, #0e2a66 100%);--gradient-sidebar:linear-gradient(180deg, #06122b 0%, #04122e 100%);--gradient-card:linear-gradient(145deg, #ffffff0d 0%, #ffffff03 100%);--gradient-glow-blue:radial-gradient(ellipse at center, #5bb8d624 0%, transparent 70%);--gradient-glow-pink:radial-gradient(ellipse at center, #f2a33a1f 0%, transparent 70%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 24px #0006;--shadow-lg:0 8px 48px #00000080;--shadow-xl:0 16px 64px #0009;--shadow-glow:0 0 30px #4ba8e04d;--shadow-glow-pink:0 0 30px #ff6b8a4d;--shadow-card:0 4px 32px #00000059, inset 0 1px 0 #ffffff0f;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--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:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1440px;--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-base:0;--z-raised:10;--z-dropdown:20;--z-sticky:30;--z-overlay:40;--z-modal:50;--z-toast:60;--z-tooltip:70}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f0f4ff;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#f5f8ff;--bg-overlay:#f0f4ffe6;--glass-bg:#ffffffb3;--glass-bg-strong:#ffffffe6;--glass-border:#4ba8e026;--glass-border-hover:#4ba8e080;--text-primary:#0d1424;--text-secondary:#4d5e7a;--text-tertiary:#8b9ab8;--text-inverse:#f0f4ff;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--gradient-hero:linear-gradient(135deg, #e8f4fd 0%, #f0f4ff 50%, #ebf0ff 100%);--gradient-sidebar:linear-gradient(180deg, #fff 0%, #f5f8ff 100%);--gradient-card:linear-gradient(145deg, #ffffffe6 0%, #f0f4ff80 100%);--shadow-sm:0 2px 8px #4ba8e01a;--shadow-md:0 4px 24px #4ba8e026;--shadow-lg:0 8px 48px #4ba8e033;--shadow-xl:0 16px 64px #4ba8e040;--shadow-card:0 4px 32px #4ba8e01a, inset 0 1px 0 #ffffffe6;--color-success-bg:#06d6a01a;--color-warning-bg:#ffd1661a;--color-danger-bg:#ff6b8a1a;--color-info-bg:#4ba8e01a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}select option{background-color:var(--bg-elevated);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-primary-glow);color:var(--brand-primary-light)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--brand-primary)}.text-pink{color:var(--brand-pink)}.text-yellow{color:var(--brand-yellow)}.text-green{color:var(--brand-green)}.glass-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#04122a9e;border:1px solid #00d4ff1a;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 0 0 1px #00d4ff0a,0 8px 40px #0000008c}.glass-card:hover{border-color:#00d4ff38;box-shadow:inset 0 0 0 1px #00d4ff12,0 8px 40px #0000008c,0 0 36px #00d4ff12}.glass-card--strong{background:#04122ad1}[data-theme=light] .glass-card{background:#ffffffd1;border-color:#4ba8e02e;box-shadow:0 4px 32px #4ba8e01f,inset 0 1px #ffffffe6}[data-theme=light] .glass-card:hover{border-color:#4ba8e059;box-shadow:0 8px 40px #4ba8e02e,inset 0 1px #ffffffe6}.cp-bg{z-index:-1;pointer-events:none;background:#020817;position:fixed;inset:0;overflow:hidden}.cp-dark-only{display:block}.cp-light-only,[data-theme=light] .cp-dark-only{display:none}[data-theme=light] .cp-light-only{display:block}[data-theme=light] .cp-bg{background:0 0}.cp-grid{background-image:linear-gradient(#00d4ff0e 1px,#0000 1px),linear-gradient(90deg,#00d4ff0e 1px,#0000 1px);background-size:64px 64px;animation:28s linear infinite cp-grid-drift;position:absolute;inset:-80px}@keyframes cp-grid-drift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}.cp-orb{filter:blur(72px);will-change:transform;border-radius:50%;position:absolute}.cp-scanline-beam{background:linear-gradient(90deg,#0000 0%,#00d4ff40 40%,#a855f733 60%,#0000 100%);height:1px;animation:10s linear infinite cp-scan;position:absolute;left:0;right:0;box-shadow:0 0 10px #00d4ff4d}@keyframes cp-scan{0%{opacity:0;top:0%}3%{opacity:1}97%{opacity:.8}to{opacity:0;top:100%}}.cp-vignette{background:radial-gradient(70% 70%,#0000 30%,#020817bf 100%);position:absolute;inset:0}.cp-light-base{background:#f0f6ff;position:absolute;inset:0}.cp-light-grid{background-image:linear-gradient(#4ba8e012 1px,#0000 1px),linear-gradient(90deg,#4ba8e012 1px,#0000 1px);background-size:64px 64px;animation:40s linear infinite cp-grid-drift;position:absolute;inset:-80px}.cp-light-vignette{background:radial-gradient(75% 75%,#0000 35%,#f0f6ff99 100%);position:absolute;inset:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;min-height:44px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px var(--brand-primary-glow);border-color:#0000}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px var(--brand-primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border-color:var(--border-default);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn-danger{background:var(--gradient-pink);color:#fff;box-shadow:0 4px 16px var(--brand-pink-glow);border-color:#0000}.btn-danger:hover:not(:disabled){box-shadow:0 6px 24px var(--brand-pink-glow);transform:translateY(-1px)}.btn-success{background:var(--gradient-green);color:#fff;box-shadow:0 4px 16px var(--brand-green-glow);border-color:#0000}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg);min-height:52px}.btn-icon{padding:var(--space-2);min-width:44px;min-height:44px}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;line-height:1.5}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--brand-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px var(--brand-primary-glow)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.75rem}.input-with-icon .input-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-info-bg);color:var(--brand-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.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}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--brand-primary-glow)}50%{box-shadow:0 0 28px var(--brand-primary-glow)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-in{animation:.4s cubic-bezier(.4,0,.2,1) both fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bg-glow-blue{background:var(--gradient-glow-blue)}.bg-glow-pink{background:var(--gradient-glow-pink)}.tabular-nums{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.app-shell{background:var(--bg-base);min-height:100dvh;display:flex}.app-main{margin-left:var(--sidebar-width);min-width:0;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.sb-is-collapsed .app-main{margin-left:var(--sidebar-collapsed)}.app-content{padding:var(--space-6) var(--space-8);flex:1;min-height:0;overflow-y:auto}.sb{width:var(--sidebar-width);z-index:var(--z-sticky);transition:width var(--transition-base);-webkit-backdrop-filter:blur(24px);background:linear-gradient(#00d4ff0f 0%,#0000 30%),#020a18eb;border-right:1px solid #00d4ff1f;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 32px #0009,1px 0 #00d4ff0f}.sb--collapsed{width:var(--sidebar-collapsed)}[data-theme=light] .sb{background:linear-gradient(#4ba8e00f 0%,#fff0 30%),#fff;border-right:1px solid #4ba8e026;box-shadow:4px 0 24px #4ba8e014}.sb-header{height:var(--header-height);border-bottom:1px solid #4ba8e01a;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;display:flex}[data-theme=light] .sb-header{border-bottom-color:#4ba8e024}.sb-icon-only{object-fit:contain;filter:drop-shadow(0 2px 8px #4ba8e08c);width:48px;height:48px}.sb-brand{align-items:center;gap:11px;width:100%;min-width:0;display:flex}.sb-brand-icon{object-fit:contain;filter:drop-shadow(0 2px 10px #4ba8e099);flex-shrink:0;width:52px;height:52px}[data-theme=light] .sb-brand-icon{filter:drop-shadow(0 2px 8px #4ba8e059)}.sb-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sb-brand-name{font-family:var(--font-display);color:#4ba8e0;letter-spacing:.05em;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.15}.sb-brand-sub{color:#ffffff61;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:9.5px;font-weight:600}[data-theme=light] .sb-brand-name{color:#2278b5}[data-theme=light] .sb-brand-sub{color:#00000061}.sb-rail-toggle{top:var(--header-height);left:var(--sidebar-width);z-index:calc(var(--z-sticky) + 2);background:var(--bg-raised,#131928);color:#ffffff80;cursor:pointer;width:22px;height:22px;transition:left var(--transition-base), background .14s ease, color .14s ease, box-shadow .14s ease;border:1px solid #4ba8e047;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059,0 0 0 3px #0a0f1ecc}.sb-is-collapsed .sb-rail-toggle{left:var(--sidebar-collapsed)}.sb-rail-toggle:hover{color:#fff;background:#4ba8e0;border-color:#4ba8e0;box-shadow:0 2px 12px #4ba8e080,0 0 0 3px #0a0f1ecc}[data-theme=light] .sb-rail-toggle{color:#00000073;background:#fff;border-color:#4ba8e04d;box-shadow:0 2px 10px #4ba8e026,0 0 0 3px #ffffffe6}[data-theme=light] .sb-rail-toggle:hover{color:#fff;background:#4ba8e0;border-color:#4ba8e0;box-shadow:0 2px 12px #4ba8e066,0 0 0 3px #ffffffe6}[data-theme=light] .sb-is-collapsed .sb-rail-toggle{box-shadow:0 2px 10px #4ba8e026,0 0 0 3px #ffffffe6}.sb-cta-wrap{flex-shrink:0;padding:10px 11px 4px}.sb-cta-btn{cursor:pointer;width:100%;height:37px;font-family:var(--font-body);letter-spacing:.01em;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4ba8e0 0%,#2868b0 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 3px 14px #4ba8e066,inset 0 1px #ffffff2e}.sb-cta-btn:hover{transform:translateY(-1px);box-shadow:0 5px 20px #4ba8e08c,inset 0 1px #ffffff2e}.sb-cta-btn:active{transform:scale(.98)}.sb-cta-icon{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4ba8e0 0%,#2868b0 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:37px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px 14px #4ba8e066}.sb-cta-icon:hover{transform:translateY(-1px);box-shadow:0 5px 20px #4ba8e08c}.sb-nav{flex-direction:column;flex:1;gap:1px;padding:6px 9px;display:flex;overflow:hidden auto}.sb-section{flex-direction:column;gap:1px;margin-bottom:2px;display:flex}.sb-section-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff38;white-space:nowrap;align-items:center;gap:6px;padding:9px 10px 3px;font-size:9.5px;font-weight:700;display:flex;overflow:hidden}[data-theme=light] .sb-section-label{color:#0006}.sb-section-dot{opacity:.8;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sb-nav-item{color:#ffffff7a;width:100%;font-family:var(--font-body);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .14s,color .14s,border-color .14s;display:flex;position:relative;overflow:hidden}[data-theme=light] .sb-nav-item{color:#4a5568}.sb-nav-item:hover{color:#ffffffe0;background:#ffffff0f;border-color:#ffffff12}[data-theme=light] .sb-nav-item:hover{color:#1a202c;background:#4ba8e014;border-color:#4ba8e026}.sb-nav-item--active{color:#4ba8e0;background:#4ba8e021;border-color:#4ba8e038;font-weight:600}.sb-nav-item--active[style*=--item-accent]{background:color-mix(in srgb, var(--item-accent) 13%, transparent);color:var(--item-accent);border-color:color-mix(in srgb, var(--item-accent) 28%, transparent)}[data-theme=light] .sb-nav-item--active{color:#1e6fa8;background:#4ba8e01f;border-color:#4ba8e040}[data-theme=light] .sb-nav-item--active[style*=--item-accent]{color:color-mix(in srgb, var(--item-accent) 80%, #000)}.sb-active-bar{border-radius:0 3px 3px 0;width:3px;position:absolute;top:18%;bottom:18%;left:0}.sb-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;transition:color .14s;display:flex}.sb-nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-badge{color:#fff;text-align:center;background:#ff6b8a;border-radius:999px;flex-shrink:0;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px}.sb-notif-dot{background:#ff6b8a;border:1.5px solid #0a0f1e;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}[data-theme=light] .sb-notif-dot{border-color:#fff}.sb--collapsed .sb-fade{pointer-events:none}.sb-sub-nav{flex-direction:column;gap:2px;margin-top:2px;margin-bottom:4px;padding-left:28px;display:flex}.sb-sub-item{color:#ffffff7a;font-family:var(--font-body);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .14s;display:flex;overflow:hidden}[data-theme=light] .sb-sub-item{color:#4a5568}.sb-sub-item:hover{color:#ffffffe0;background:#ffffff0a}[data-theme=light] .sb-sub-item:hover{color:#1a202c;background:#4ba8e00d}.sb-sub-item--active{color:#4ba8e0;background:#4ba8e014;font-weight:600}[data-theme=light] .sb-sub-item--active{color:#1e6fa8;background:#4ba8e01a}.sb-sub-item-icon{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}.sb-sub-item--active .sb-sub-item-icon{opacity:1}.sb-footer{flex-direction:column;flex-shrink:0;gap:1px;padding:6px 9px 14px;display:flex}.sb-footer-divider{background:#ffffff0f;height:1px;margin:7px 4px}[data-theme=light] .sb-footer-divider{background:#00000012}.sb-user{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;transition:background .14s,border-color .14s;display:flex;overflow:hidden}.sb-user:hover{background:#ffffff0d;border-color:#ffffff0f}.sb-user--active{color:#4ba8e0;background:#4ba8e021;border-color:#4ba8e038}[data-theme=light] .sb-user:hover{background:#4ba8e012;border-color:#4ba8e01f}.sb-user-avatar{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#4ba8e0 0%,#2868b0 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex;position:relative;box-shadow:0 0 0 2px #4ba8e059}.sb-user-status{background:#06d6a0;border:2px solid #0a0f1e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #06d6a099}[data-theme=light] .sb-user-status{border-color:#fff}.sb-user-info{flex:1;min-width:0;overflow:hidden}.sb-user-name{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:block;overflow:hidden}[data-theme=light] .sb-user-name{color:#000c}.sb-user-role{color:#ffffff47;white-space:nowrap;font-size:10.5px;display:block}[data-theme=light] .sb-user-role{color:#00000059}.sb-logout-btn{color:#fff3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .14s;display:flex}.sb-logout-btn:hover{color:#ff6b8a;background:#ff6b8a1f;border-color:#ff6b8a47}[data-theme=light] .sb-logout-btn{color:#00000040}[data-theme=light] .sb-logout-btn:hover{color:#ff6b8a;background:#ff6b8a14;border-color:#ff6b8a38}.app-header{height:var(--header-height);padding:0 var(--space-8);-webkit-backdrop-filter:blur(24px);z-index:var(--z-raised);justify-content:space-between;align-items:center;gap:var(--space-4);background:#020a1ad1;border-bottom:1px solid #00d4ff1a;display:flex;position:sticky;top:0}[data-theme=light] .app-header{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border-bottom-color:#4ba8e026;box-shadow:0 1px #4ba8e014,0 4px 16px #4ba8e00f}.header-left{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.header-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);white-space:nowrap;font-weight:700}.header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--glass-bg);border-color:var(--border-subtle);color:var(--text-primary)}.notif-dot{border:2px solid var(--bg-base);background:#ff6b8a;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.header-signout-btn{color:var(--text-secondary)}.header-signout-btn:hover{color:#ff6b8a!important;background:#ff6b8a1a!important;border-color:#ff6b8a40!important}.header-divider{background:var(--border-subtle);width:1px;height:22px}.header-user{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:6px 10px;display:flex}.header-user:hover{background:var(--glass-bg);border-color:var(--border-subtle)}.header-avatar{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#4ba8e0,#2868b0);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex;box-shadow:0 0 0 2px #4ba8e04d}.header-user-info{flex-direction:column;display:flex}.header-user-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.2}.header-user-role{color:var(--text-tertiary);font-size:10px}.page-container{max-width:var(--content-max-width);width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}@media (width<=768px){.app-main{margin-left:0}.sb{z-index:var(--z-modal);transform:translate(-100%)}.sb.mobile-open{transform:translate(0)}.app-content{padding:var(--space-4)}.app-header{padding:0 var(--space-4)}}.lp{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-y:auto}.lp:before{content:"";z-index:-1;background:radial-gradient(80% 60% at 20% 0,#4ba8e038 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#ff6b8a2e 0%,#0000 60%),radial-gradient(50% 40% at 60%,#9b72cf1f 0%,#0000 60%),#070c18;position:fixed;inset:0}[data-theme=light] .lp:before{background:radial-gradient(80% 60% at 20% 0,#4ba8e026 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#ff6b8a1a 0%,#0000 60%),#eff6ff}.lp-antigravity{z-index:0;pointer-events:none;opacity:.65;position:absolute;inset:0}.lp-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#4ba8e00a 1px,#0000 1px),linear-gradient(90deg,#4ba8e00a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.lp-topbar{z-index:2;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:relative}.lp-logo-row{align-items:center;gap:10px;display:flex}.lp-topbar-logo{object-fit:contain;filter:drop-shadow(0 2px 12px #4ba8e099);width:52px;height:52px}.lp-topbar-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.lp-theme-btn{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:flex}.lp-theme-btn:hover{border-color:var(--border-accent);color:var(--brand-primary);background:var(--color-info-bg)}.lp-center{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 16px 24px;display:flex;position:relative}.lp-card{-webkit-backdrop-filter:blur(28px);background:#0d1424bf;border:1px solid #4ba8e033;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px 32px;display:flex;box-shadow:inset 0 0 0 1px #4ba8e014,0 8px 48px #00000080,0 0 80px #4ba8e01a}[data-theme=light] .lp-card{background:#ffffffd9;border-color:#4ba8e040;box-shadow:0 8px 48px #4ba8e026,inset 0 0 0 1px #4ba8e01a}.lp-card-icon{justify-content:center;align-items:center;width:100%;display:flex}.lp-card-icon img,.lp-card-logo{object-fit:contain;filter:drop-shadow(0 6px 28px #4ba8e0cc);width:110px;height:110px}.lp-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:2px;font-size:22px;font-weight:800;line-height:1.1}.lp-sub{color:var(--text-secondary);font-size:13px;line-height:1.5}.lp-form{flex-direction:column;gap:12px;display:flex}.lp-form .input{height:44px;min-height:unset;font-size:14px}.lp-form .input-label{margin-bottom:4px;font-size:12px}.lp-form .input-group{gap:4px}.lp-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lp-forgot{color:var(--brand-primary);font-size:11px;text-decoration:none}.lp-forgot:hover{text-decoration:underline}.lp-eye-btn{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lp-eye-btn:hover{color:var(--text-primary)}.lp-error{color:#ff6b8a;background:#ff6b8a1a;border:1px solid #ff6b8a4d;border-radius:8px;padding:10px 14px;font-size:13px}.lp-signin-btn{cursor:pointer;width:100%;height:48px;font-family:var(--font-display);letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg,#4ba8e0 0%,#2d6cb5 60%,#7b5cf0 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 4px 20px #4ba8e073,inset 0 1px #ffffff26}.lp-signin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #4ba8e08c,inset 0 1px #ffffff26}.lp-signin-btn:active:not(:disabled){transform:scale(.98)}.lp-signin-btn:disabled{opacity:.5;cursor:not-allowed}.lp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:block}.lp-bypass{color:#ffd166cc;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#ffd1660f;border:1px dashed #ffd16659;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:8px;font-size:12px;font-weight:500;display:flex}.lp-bypass:hover{color:#ffd166;background:#ffd1661f;border-color:#ffd16699}.lp-footer{color:var(--text-tertiary);text-align:center;font-size:11px}.lp-link{color:var(--brand-primary);text-decoration:none}.lp-link:hover{text-decoration:underline}.mfa-wrap{text-align:center;flex-direction:column;gap:14px;display:flex}.lp-mfa-icon{width:52px;height:52px;color:var(--brand-primary);background:#4ba8e01f;border:1px solid #4ba8e04d;border-radius:14px;justify-content:center;align-items:center;margin:0 auto;display:flex;box-shadow:0 0 20px #4ba8e040}.mfa-digits{justify-content:center;gap:8px;display:flex}.mfa-digit{border:1px solid var(--border-default);background:var(--glass-bg);width:44px;height:52px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;transition:all var(--transition-fast);border-radius:10px;outline:none;font-size:20px;font-weight:700}.mfa-digit:focus{border-color:var(--brand-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px #4ba8e033}.lp-topbar-link{font-size:var(--text-xs);color:var(--brand-primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:500}.lp-mode-toggle{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:1fr 1fr;gap:0;padding:3px;display:grid;position:relative;overflow:hidden}.lp-mode-slider{pointer-events:none;z-index:0;background:linear-gradient(135deg,#4ba8e040 0%,#7b5cf033 100%);border:1px solid #4ba8e059;border-radius:9px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 12px #4ba8e033}.lp-mode-btn{z-index:1;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text-tertiary);cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 0;transition:color .22s;display:flex;position:relative}.lp-mode-btn.active,.lp-mode-btn:hover{color:var(--brand-primary)}.lp-mode-btn svg{transition:transform .25s}.lp-mode-btn.active svg{transform:scale(1.15)}.lp-phone-row{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;overflow:hidden}.lp-phone-row:focus-within{border-color:var(--brand-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px #4ba8e02e}.lp-phone-prefix{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;display:flex}.lp-phone-flag{font-size:16px;line-height:1}.lp-phone-code{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em}.lp-phone-divider{background:var(--border-default);flex-shrink:0;width:1px;height:22px}.lp-phone-input{color:var(--text-primary);font-size:14px;font-family:var(--font-mono);letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 10px;font-weight:600}.lp-phone-input::placeholder{color:var(--text-tertiary);letter-spacing:.08em;font-weight:400}.lp-phone-valid{color:#06d6a0;padding:0 12px 0 4px;font-size:15px;font-weight:700;animation:.2s fadeIn}.lp-phone-preview{color:#06d6a0;font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;margin-top:5px;padding-left:2px;font-weight:500;animation:.2s fadeIn;display:block}.rp .lp:before,.rp:before{background:radial-gradient(80% 60% at 20% 0,#06d6a02e 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#4ba8e026 0%,#0000 60%),radial-gradient(50% 40% at 60%,#9b72cf1a 0%,#0000 60%),#070c18}[data-theme=light] .rp:before{background:radial-gradient(80% 60% at 20% 0,#06d6a01f 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#4ba8e01a 0%,#0000 60%),#eff6ff}.rp-btn{background:linear-gradient(135deg,#06d6a0 0%,#0da870 60%,#4ba8e0 100%);box-shadow:0 4px 20px #06d6a066,inset 0 1px #ffffff26}.rp-btn:hover:not(:disabled){box-shadow:0 8px 28px #06d6a08c,inset 0 1px #ffffff26}.lp-optional{color:var(--text-tertiary);margin-left:4px;font-size:10px;font-weight:400}.rp-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.rp-success-icon{color:#06d6a0;background:#06d6a01f;border:1px solid #06d6a04d;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;animation:2s ease-in-out infinite pulse-green;display:flex;box-shadow:0 0 28px #06d6a040}@keyframes pulse-green{0%,to{box-shadow:0 0 20px #06d6a033}50%{box-shadow:0 0 40px #06d6a073}}.lp-topbar-right{align-items:center;gap:12px;display:flex}.lp-topbar-link{font-size:var(--text-xs);color:var(--brand-primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:500;text-decoration:none}.lp-topbar-link:hover{opacity:.75}.lp-signup-prompt{color:var(--text-tertiary);text-align:center;margin-top:2px;font-size:12px}.fp:before{background:radial-gradient(80% 60% at 20% 0,#ffd1662e 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#ff6b8a1f 0%,#0000 60%),#070c18}[data-theme=light] .fp:before{background:radial-gradient(80% 60% at 20% 0,#ffd16624 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#ff6b8a14 0%,#0000 60%),#fffbef}.fp-icon-wrap{color:#ffd166;background:#ffd1661f;border:1px solid #ffd1664d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:flex;box-shadow:0 0 24px #ffd16640}.fp-btn{color:#1a0e00;background:linear-gradient(135deg,#ffd166 0%,#f4a935 60%,#ff9f1c 100%);box-shadow:0 4px 20px #ffd16666,inset 0 1px #fff3}.fp-btn:hover:not(:disabled){box-shadow:0 8px 28px #ffd1668c,inset 0 1px #fff3}.fp-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.fp-success-icon{color:#ffd166;background:#ffd1661f;border:1px solid #ffd1664d;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;animation:2s ease-in-out infinite pulse-amber;display:flex;box-shadow:0 0 28px #ffd1664d}@keyframes pulse-amber{0%,to{box-shadow:0 0 20px #ffd16633}50%{box-shadow:0 0 40px #ffd16680}}.rsp:before{background:radial-gradient(80% 60% at 20% 0,#9b72cf38 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#4ba8e026 0%,#0000 60%),#070c18}[data-theme=light] .rsp:before{background:radial-gradient(80% 60% at 20% 0,#9b72cf26 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#4ba8e01a 0%,#0000 60%),#f3eeff}.rsp-icon-wrap{color:#9b72cf;background:#9b72cf1f;border:1px solid #9b72cf4d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:flex;box-shadow:0 0 24px #9b72cf40}.rsp-btn{background:linear-gradient(135deg,#9b72cf 0%,#7b5cf0 60%,#4ba8e0 100%);box-shadow:0 4px 20px #9b72cf66,inset 0 1px #ffffff26}.rsp-btn:hover:not(:disabled){box-shadow:0 8px 28px #9b72cf8c,inset 0 1px #ffffff26}.rsp-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.rsp-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.rsp-icon--success{color:#06d6a0;background:#06d6a01f;border:1px solid #06d6a04d;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 28px #06d6a040}.rsp-icon--error{color:#ff6b8a;background:#ff6b8a1f;border:1px solid #ff6b8a4d;box-shadow:0 0 28px #ff6b8a33}.ce-card{text-align:center}.ce-state{flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.ce-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ce-icon--loading{color:var(--brand-primary);background:#4ba8e01a;border:1px solid #4ba8e040;box-shadow:0 0 24px #4ba8e033}.ce-spin{animation:1.1s linear infinite spin}.ce-icon--success{color:#06d6a0;background:#06d6a01f;border:1px solid #06d6a04d;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 28px #06d6a040}.ce-icon--error{color:#ff6b8a;background:#ff6b8a1f;border:1px solid #ff6b8a4d;box-shadow:0 0 28px #ff6b8a33}.ce-btn{color:#fff;width:100%;max-width:280px;height:48px;font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg,#4ba8e0 0%,#2d6cb5 60%,#7b5cf0 100%);border-radius:12px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 20px #4ba8e073,inset 0 1px #ffffff26}.ce-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4ba8e08c,inset 0 1px #ffffff26}.dashboard-page{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-page .page-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:700}.dashboard-page .page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi-card{justify-content:space-between;gap:var(--space-3);padding:var(--space-5);flex-direction:column;min-width:0;transition:border-color .18s,background .18s;display:flex;position:relative}.kpi-card:hover{border-color:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 25%, var(--border-default))!important}.kpi-header{align-items:center;gap:var(--space-2);min-width:0;display:flex}.kpi-icon{background:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 14%, transparent);border:1px solid color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 28%, transparent);width:32px;height:32px;color:var(--kpi-accent,var(--color-primary));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-label{color:var(--text-secondary);letter-spacing:-.005em;overflow-wrap:break-word;flex:1;min-width:0;font-size:.875rem;font-weight:600;line-height:1.3}.kpi-value{font-family:var(--font-display);letter-spacing:-.025em;color:var(--kpi-accent,var(--color-primary));overflow-wrap:break-word;word-break:normal;font-size:2.25rem;font-weight:800;line-height:1.05}.kpi-sub{color:var(--text-secondary);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);overflow-wrap:break-word;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex}.kpi-sub>span{flex:1;min-width:0}.kpi-sub-icon{color:var(--color-warning);flex-shrink:0}.kpi-card--alert{background:color-mix(in srgb, var(--color-warning) 6%, transparent)!important;border-color:color-mix(in srgb, var(--color-warning) 28%, transparent)!important}.kpi-card--alert .kpi-sub{color:var(--color-warning)}.dashboard-charts-row,.dashboard-bottom-row{gap:var(--space-4);align-items:stretch;display:flex}.dashboard-chart-section{padding:var(--space-6);min-width:0}.dashboard-chart-section--full{width:100%}.chart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.chart-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.chart-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.category-legend{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.category-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.category-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.transaction-list{flex-direction:column;gap:2px;display:flex}.transaction-row{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;display:flex}.transaction-row:hover{background:color-mix(in srgb, var(--color-primary) 6%, transparent);border-color:color-mix(in srgb, var(--color-primary) 12%, transparent)}.tx-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 7%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tx-info{flex:1;min-width:0}.tx-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.tx-meta{color:var(--text-tertiary);text-transform:capitalize;font-size:11px}.tx-amount{font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.payment-bars{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.payment-bar-item{gap:var(--space-2);flex-direction:column;display:flex}.payment-bar-header{justify-content:space-between;align-items:center;display:flex}.payment-bar-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.payment-bar-value{font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.payment-bar-track{background:var(--border-subtle);border-radius:var(--radius-full);height:8px;overflow:hidden}.payment-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.dashboard-alert{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;border-color:color-mix(in srgb, var(--color-warning) 20%, transparent)!important;background:var(--color-warning-bg)!important}.dashboard-alert-icon{background:color-mix(in srgb, var(--color-warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dashboard-alert-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.dashboard-alert-msg{font-size:var(--text-xs);color:var(--text-secondary)}[data-theme=light] .dashboard-page .page-title{color:var(--color-secondary)}[data-theme=light] .dashboard-page .page-subtitle{color:#4d5e7a}[data-theme=light] .kpi-card{background:#fff!important;border-color:#04327b1a!important;box-shadow:0 1px 2px #04327b0a,0 4px 16px #04327b0f!important}[data-theme=light] .kpi-card:hover{border-color:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 22%, transparent)!important}[data-theme=light] .kpi-icon{background:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 8%, white);border-color:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 20%, transparent)}[data-theme=light] .kpi-value{color:var(--kpi-accent-dark,var(--color-secondary))}[data-theme=light] .kpi-label{color:#374151}[data-theme=light] .kpi-sub{color:#8b9ab8}[data-theme=light] .dashboard-chart-section{background:#fff!important;border-color:#04327b1a!important;box-shadow:0 1px 2px #04327b0a,0 4px 16px #04327b0f!important}[data-theme=light] .chart-title{color:#0d1424}[data-theme=light] .chart-subtitle{color:#6b7280}[data-theme=light] .transaction-row:hover{background:color-mix(in srgb, var(--color-primary) 7%, white);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent)}[data-theme=light] .tx-icon{background:color-mix(in srgb, var(--color-primary) 10%, white);border-color:color-mix(in srgb, var(--color-primary) 22%, transparent)}[data-theme=light] .tx-name{color:#0d1424}[data-theme=light] .tx-meta{color:#8b9ab8}[data-theme=light] .category-legend-item,[data-theme=light] .payment-bar-label{color:#374151}[data-theme=light] .payment-bar-value{color:#0d1424}[data-theme=light] .payment-bar-track{background:#04327b14}[data-theme=light] .dashboard-alert{background:color-mix(in srgb, var(--color-warning) 9%, white)!important;border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)!important}[data-theme=light] .dashboard-alert-title{color:#0d1424}[data-theme=light] .dashboard-alert-msg{color:#4d5e7a}.db-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:80px var(--space-4);color:var(--text-tertiary);display:flex}.db-error-bar{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);font-size:var(--text-sm);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.db-error-bar>button{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.db-chart-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:50px var(--space-4);color:var(--text-tertiary);flex-direction:column;display:flex}.db-chart-empty p{font-size:var(--text-sm)}.db-list-card{flex-direction:column;display:flex}.db-list{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.db-list-row{align-items:center;gap:var(--space-3);padding:12px var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;transition:background .13s,border-color .13s;display:flex}.db-list-row:hover{background:color-mix(in srgb, var(--color-primary) 7%, transparent);border-color:color-mix(in srgb, var(--color-primary) 14%, transparent)}.db-list-leading{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.db-list-icon{background:color-mix(in srgb, var(--color-primary) 9%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-list-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-list-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.db-list-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.db-list-trailing{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.db-list-amount{font-size:var(--text-sm);color:var(--text-primary);font-weight:700;font-family:var(--font-mono)}.db-list-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:40px var(--space-3);color:var(--text-tertiary);flex-direction:column;display:flex}.db-list-empty p{font-size:var(--text-sm)}.db-mono{font-family:var(--font-mono);font-size:12.5px}.db-inv-card{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.db-inv-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.db-inv-title-wrap{align-items:center;gap:var(--space-3);display:flex}.db-inv-icon{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-inv-stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.db-inv-stat{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:10px;min-width:0;transition:border-color .15s,background .15s;display:flex;position:relative}.db-inv-stat:hover{border-color:color-mix(in srgb, var(--db-inv-tint,var(--color-primary)) 30%, transparent)}.db-inv-stat--primary{--db-inv-tint:var(--color-primary)}.db-inv-stat--secondary{--db-inv-tint:var(--color-secondary)}.db-inv-stat--accent{--db-inv-tint:var(--color-accent)}.db-inv-stat-icon{background:color-mix(in srgb, var(--db-inv-tint,var(--color-primary)) 10%, transparent);border:1px solid color-mix(in srgb, var(--db-inv-tint,var(--color-primary)) 22%, transparent);width:32px;height:32px;color:var(--db-inv-tint,var(--color-primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-inv-stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.db-inv-stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--db-inv-tint,var(--color-primary));font-size:1.5rem;font-weight:800;line-height:1.05}.db-inv-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}[data-theme=light] .db-inv-stat{background:#04327b08;border-color:#04327b14}[data-theme=light] .db-inv-stat-label{color:#4d5e7a}.db-status-strip{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);display:flex}.db-status-strip-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);white-space:nowrap;font-weight:600}.db-status-strip-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.db-faulty{padding:var(--space-5) var(--space-6);border-color:color-mix(in srgb, var(--color-warning) 22%, transparent)!important;background:color-mix(in srgb, var(--color-warning) 4%, transparent)!important}.db-faulty-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.db-faulty-title{align-items:center;gap:var(--space-3);display:flex}.db-faulty-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.db-faulty-row{align-items:center;gap:var(--space-3);background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--color-warning) 18%, transparent);cursor:pointer;border-radius:10px;padding:10px 12px;transition:background .13s,border-color .13s;display:flex}.db-faulty-row:hover{background:color-mix(in srgb, var(--color-warning) 8%, transparent);border-color:color-mix(in srgb, var(--color-warning) 35%, transparent)}.db-faulty-icon{background:color-mix(in srgb, var(--color-warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent);width:28px;height:28px;color:var(--color-warning);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-faulty-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-faulty-serial{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.db-faulty-from{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:inline-flex}.db-faulty-chevron{color:var(--text-tertiary);flex-shrink:0}.sale-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sale-status--completed{background:var(--color-success-bg);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.sale-status--hold{background:color-mix(in srgb, var(--color-secondary) 14%, transparent);color:var(--color-secondary-light,var(--color-primary));border-color:color-mix(in srgb, var(--color-secondary) 30%, transparent)}.sale-status--cancelled{background:var(--color-danger-bg);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 25%, transparent)}.sale-status--pending{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.pay-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.db-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#02061299;justify-content:flex-end;display:flex;position:fixed;inset:0}.db-panel{background:var(--bg-elevated);border-left:1px solid var(--border-default);flex-direction:column;width:min(540px,100%);height:100%;display:flex;overflow:hidden;box-shadow:-20px 0 60px #0006}.db-panel-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.db-panel-title{align-items:center;gap:var(--space-3);flex:1;display:flex}.db-panel-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.db-panel-body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.db-hero{padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, transparent), color-mix(in srgb, var(--color-secondary) 12%, transparent));border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);flex-direction:column;display:flex}.db-hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:600}.db-hero-amount{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800;line-height:1}.db-hero-meta{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:6px;display:inline-flex}.db-field-grid{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.db-field{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.db-field--full{grid-column:1/-1}.db-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:10px;font-weight:600}.db-field-row{align-items:center;gap:6px;display:flex}.db-field-value{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;flex:1;font-size:13px}.db-method{align-items:center;gap:6px;display:inline-flex}.db-copy-btn{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .13s,border-color .13s;display:inline-flex}.db-copy-btn:hover{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.db-callback{font-size:var(--text-xs);color:var(--color-primary);align-items:center;gap:6px;width:max-content;text-decoration:none;display:inline-flex}.db-callback:hover{text-decoration:underline}.db-timestamps{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);flex-direction:column;gap:4px;display:flex}.db-timestamps span{align-items:center;gap:6px;display:inline-flex}.db-icon-btn{border:1px solid var(--border-default);background:var(--glass-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.db-icon-btn:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.db-panel-cta{justify-content:center;align-self:stretch}[data-theme=light] .db-list-row:hover{background:color-mix(in srgb, var(--color-primary) 7%, white);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent)}[data-theme=light] .db-list-icon{background:color-mix(in srgb, var(--color-primary) 10%, white);border-color:color-mix(in srgb, var(--color-primary) 22%, transparent)}[data-theme=light] .db-list-title,[data-theme=light] .db-list-amount{color:#0d1424}[data-theme=light] .db-list-sub{color:#8b9ab8}[data-theme=light] .db-mono{color:#4d5e7a}[data-theme=light] .db-faulty{background:color-mix(in srgb, var(--color-warning) 8%, white)!important;border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)!important}[data-theme=light] .db-faulty-row{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent);background:#fff}[data-theme=light] .db-faulty-serial{color:#0d1424}[data-theme=light] .db-faulty-from{color:#6b7280}[data-theme=light] .db-panel{background:#fff;border-left-color:#04327b1a;box-shadow:-20px 0 60px #04327b1f}[data-theme=light] .db-panel-header{border-bottom-color:#04327b1a}[data-theme=light] .db-panel-id{color:#0d1424}[data-theme=light] .db-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, white), color-mix(in srgb, var(--color-secondary) 10%, white))}[data-theme=light] .db-hero-label{color:#4d5e7a}[data-theme=light] .db-hero-amount{color:var(--color-secondary)}[data-theme=light] .db-hero-meta{color:#6b7280}[data-theme=light] .db-field{background:#04327b08;border-color:#04327b14}[data-theme=light] .db-field-label{color:#6b7280}[data-theme=light] .db-field-value{color:#0d1424}[data-theme=light] .db-copy-btn{color:#6b7280;border-color:#0f172a1f}[data-theme=light] .db-timestamps{color:#6b7280;border-top-color:#04327b14}[data-theme=light] .db-icon-btn{color:#4d5e7a;background:#fff;border-color:#0f172a1f}[data-theme=light] .db-icon-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-secondary)}[data-theme=light] .db-status-strip-label{color:#6b7280}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-charts-row,.dashboard-bottom-row{flex-direction:column}.payment-bars,.db-field-grid{grid-template-columns:1fr}.db-status-strip{flex-direction:column;align-items:flex-start}}@media (width<=640px){.kpi-grid,.db-faulty-list{grid-template-columns:1fr}.db-list-trailing{gap:2px}.db-inv-stats{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pos-page{gap:var(--space-3);height:calc(100dvh - var(--header-height));padding:0;display:flex;overflow:hidden}.pos-products-panel{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pos-search-bar{flex-shrink:0;gap:8px;padding-top:2px;display:flex}.pos-search-input{border-radius:var(--radius-lg)!important;height:42px!important;min-height:42px!important;font-size:13px!important}.pos-scan-btn{border-radius:var(--radius-lg);color:#00d4ff;cursor:pointer;background:#00d4ff0f;border:1px solid #00d4ff33;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .14s;display:flex}.pos-scan-btn:hover{background:#00d4ff24;border-color:#00d4ff73;box-shadow:0 0 12px #00d4ff33}.pos-cats-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;padding-bottom:2px;overflow:auto hidden}.pos-cats-scroll::-webkit-scrollbar{display:none}.pos-cats-row{gap:6px;width:max-content;padding:2px 0;display:flex}.pos-cat-pill{border-radius:var(--radius-full);color:#fff6;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.03em;background:#00d4ff0a;border:1px solid #00d4ff24;padding:5px 16px;transition:all .15s}.pos-cat-pill:hover{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff59}.pos-cat-pill.active{color:#00d4ff;background:#00d4ff24;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff33}.pos-grid-scroll{scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;flex:1;overflow:hidden auto}.pos-grid-scroll::-webkit-scrollbar{width:4px}.pos-grid-scroll::-webkit-scrollbar-track{background:0 0}.pos-grid-scroll::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:4px}.pos-product-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.pos-ptbl-th{z-index:1;text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:12px var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-size:10.5px;font-weight:700;position:sticky;top:0}.pos-ptbl-th--num{text-align:right}.pos-ptbl-th--qty{text-align:center;width:60px}.pos-ptbl-row{cursor:pointer;transition:background .13s}.pos-ptbl-row>td{padding:12px var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}.pos-ptbl-row:hover:not(.is-disabled)>td{background:color-mix(in srgb, var(--color-primary) 7%, transparent)}.pos-ptbl-row.is-disabled{opacity:.4;cursor:not-allowed}.pos-ptbl-row.is-low>td:first-child{box-shadow:inset 3px 0 0 var(--color-warning)}.pos-ptbl-row.is-in-cart>td{background:color-mix(in srgb, var(--color-primary) 9%, transparent)}.pos-ptbl-row.is-in-cart>td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.pos-ptbl-name-cell{min-width:0}.pos-ptbl-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.pos-ptbl-badges{gap:6px;margin-top:4px;display:flex}.pos-ptbl-badge{border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid #0000;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.pos-ptbl-badge--low{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.pos-ptbl-badge--out{background:var(--color-danger-bg);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 25%, transparent)}.pos-ptbl-mono{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.01em;font-size:12.5px}.pos-ptbl-num{text-align:right}.pos-ptbl-price{font-family:var(--font-mono);color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:700}.pos-ptbl-qty{text-align:center;width:60px}.pos-ptbl-qty-bubble{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:12px;font-weight:800;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pos-ptbl-qty-dash{color:var(--text-tertiary)}.pos-grid-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}[data-theme=light] .pos-ptbl-th{color:#6b7280;background:#fff;border-bottom-color:#04327b1a}[data-theme=light] .pos-ptbl-row>td{color:#0d1424;border-bottom-color:#04327b14}[data-theme=light] .pos-ptbl-row:hover:not(.is-disabled)>td{background:color-mix(in srgb, var(--color-primary) 7%, white)}[data-theme=light] .pos-ptbl-mono{color:#4d5e7a}.pos-cart-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#020816f5;border:1px solid #00d4ff33;border-radius:20px;flex-direction:column;flex-shrink:0;width:390px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:-8px 0 48px #0000008c,inset 0 0 0 1px #00d4ff0a}.pos-cart-panel:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#00d4ff99,#0000);height:1px;position:absolute;top:0;left:60px;right:60px;box-shadow:0 0 16px #00d4ff73}.pos-cart-head{z-index:5;background:#020816fa;border-bottom:1px solid #00d4ff1a;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 16px 10px;display:flex;position:relative}.pos-cart-head-row{justify-content:space-between;align-items:center;display:flex}.pos-cart-head-left{align-items:center;gap:8px;display:flex}.pos-cart-head-right{align-items:center;gap:6px;display:flex}.pos-cart-title{font-family:var(--font-display);color:#fff;font-size:17px;font-weight:800}.pos-sale-badge{color:#b478ffe6;font-size:9.5px;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-full);background:#783cdc1f;border:1px solid #783cdc47;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.pos-held-badge{color:orange;font-size:9.5px;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-full);background:#ffa5001a;border:1px solid #ffa50047;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.pos-item-count{color:#00d4ff;min-width:24px;height:24px;font-size:11px;font-weight:800;font-family:var(--font-mono);background:#00d4ff26;border:1px solid #00d4ff52;border-radius:50%;justify-content:center;align-items:center;padding:0 5px;display:flex}.pos-clear-btn{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .13s;display:flex}.pos-clear-btn:hover:not(:disabled){color:#ff2d78;background:#ff2d781a;border:1px solid #ff2d7840}.pos-clear-btn:disabled{opacity:.3;cursor:not-allowed}.pos-cust-toggle{color:#ffffff59;cursor:pointer;width:100%;font-size:12.5px;font-family:var(--font-heading);text-align:left;background:#00d4ff09;border:1px dashed #00d4ff2e;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;transition:all .14s;display:flex}.pos-cust-toggle:hover,.pos-cust-toggle.open{color:#00d4ff;background:#00d4ff0f;border-style:solid;border-color:#00d4ff66}.pos-cust-toggle-label{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.pos-cust-toggle-label em{font-style:normal;font-family:var(--font-mono);color:#00d4ff8c;white-space:nowrap;font-size:10.5px}.pos-cust-panel{background:#00d4ff06;border:1px solid #00d4ff1a;border-radius:10px;flex-direction:column;gap:8px;padding:10px;animation:.2s both fadeUp;display:flex}.pos-two-col{gap:8px;display:flex}.pos-two-col>*{flex:1;min-width:0}.pos-sm-input{height:34px!important;min-height:34px!important;padding-left:32px!important;font-size:12px!important}.pos-req{color:#ff2d78;margin-left:2px;font-weight:600}.pos-input--err{border-radius:10px;position:relative;box-shadow:inset 0 0 0 1px #ff2d78}.pos-input--err .input{background:#ff2d780a!important;border-color:#ff2d78!important}.pos-field-err{color:#ff2d78;align-items:center;gap:4px;margin-top:4px;font-size:11px;animation:.18s both fadeUp;display:flex}.pos-cart-body{scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden auto}.pos-cart-body::-webkit-scrollbar{width:3px}.pos-cart-body::-webkit-scrollbar-track{background:0 0}.pos-cart-body::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:3px}.pos-cart-empty{color:#ffffff26;font-family:var(--font-mono);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.pos-cart-empty small{opacity:.8;font-size:11px}.pos-cart-items{flex-direction:column;gap:5px;padding:10px 14px 4px;display:flex}.cart-item{background:#00d4ff0e;border:1px solid #00d4ff1f;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:9px 10px;transition:background .13s,border-color .13s;animation:.22s both fadeUp;display:flex}.cart-item:hover{background:#00d4ff17;border-color:#00d4ff3d}.ci-thumb{background:#00d4ff0f;border:1px solid #00d4ff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.5rem;line-height:1;display:flex}.ci-info{flex:1;min-width:0}.ci-name{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.ci-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.ci-price{color:#ffffff4d;font-size:11px;font-family:var(--font-mono)}.ci-sku{color:#ffffff2e;font-size:9.5px;font-family:var(--font-mono)}.ci-qty-row{flex-shrink:0;align-items:center;gap:3px;display:flex}.qty-btn{color:#00d4ff;cursor:pointer;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .13s;display:flex}.qty-btn:hover{background:#00d4ff33;border-color:#00d4ff80;box-shadow:0 0 8px #00d4ff38}.qty-val{color:#fff;text-align:center;min-width:20px;font-size:12px;font-weight:800;font-family:var(--font-mono)}.ci-total{color:#00d4ff;text-align:right;min-width:50px;font-size:12px;font-weight:700;font-family:var(--font-mono);text-shadow:0 0 10px #00d4ff61;flex-shrink:0}.ci-remove{color:#ffffff24;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .13s;display:flex}.ci-remove:hover{color:#ff2d78;background:#ff2d781a;border:1px solid #ff2d7840}.pos-divider{background:linear-gradient(90deg,#0000,#00d4ff1f,#0000);flex-shrink:0;height:1px;margin:6px 14px}.pos-section{flex-direction:column;flex-shrink:0;gap:7px;padding:8px 14px;display:flex}.pos-section-head{text-transform:uppercase;letter-spacing:.1em;color:#00d4ff6b;font-size:9.5px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.pos-discount-row{align-items:center;gap:8px;display:flex}.pos-dtype-tabs{gap:4px;display:flex}.pos-dtype-pill{color:#ffffff4d;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-mono);background:0 0;border:1px solid #ffffff14;border-radius:7px;padding:4px 11px;transition:all .13s}.pos-dtype-pill:hover{color:#00d4ff;border-color:#00d4ff4d}.pos-dtype-pill.active{color:#00d4ff;background:#00d4ff1f;border-color:#00d4ff73}.pos-dtype-tabs--config{flex-wrap:wrap;gap:5px;display:flex}.pos-dtype-tabs--config .pos-dtype-pill{align-items:center;gap:6px;height:auto;padding:5px 12px;display:flex}.pos-dtype-badge{color:#00d4ff;font-size:9.5px;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;background:#00d4ff24;border-radius:5px;padding:2px 6px}.pos-dtype-tabs--config .pos-dtype-pill.active .pos-dtype-badge{color:#fff;background:#ffffff26}.pos-discount-empty{color:#fff3;font-size:11.5px;font-family:var(--font-mono);border:1px dashed #ffffff14;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;display:flex}.pos-discount-info{background:#00ff940e;border:1px solid #00ff9429;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;animation:.16s both fadeUp;display:flex}.pos-discount-name{color:#fff9;font-size:11.5px;font-weight:600;font-family:var(--font-mono)}.pos-discount-saving{color:#00ff94;font-size:12.5px;font-weight:800;font-family:var(--font-mono);text-shadow:0 0 10px #00ff9459}.pos-tender-row{gap:6px;display:flex}.pos-tender-btn{color:#ffffff4d;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:9px 4px;font-size:10.5px;font-weight:600;transition:all .14s;display:flex}.pos-tender-btn:hover{color:#00d4ff;background:#00d4ff0f;border-color:#00d4ff47}.pos-tender-btn.active{color:#00d4ff;background:#00d4ff1f;border-color:#00d4ff7a;box-shadow:0 0 12px #00d4ff26}.pos-pay-field{flex-direction:column;gap:6px;padding-top:2px;display:flex}.pos-kes-pfx{font-size:10px;font-weight:800;font-family:var(--font-mono);color:#00d4ff;padding-right:2px;width:auto!important}.pos-change-row{color:#00ff94;font-size:12px;font-weight:700;font-family:var(--font-mono);background:#00ff940f;border:1px solid #00ff942e;border-radius:8px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.pos-change-val{color:#00ff94}.pos-adv-toggle{color:#ffffff40;cursor:pointer;width:100%;font-size:11px;font-family:var(--font-mono);background:0 0;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;transition:all .13s;display:flex}.pos-adv-toggle:hover,.pos-adv-toggle.open{color:#00d4ffa6;border-color:#00d4ff38}.pos-adv-body{background:#00d4ff06;border:1px solid #00d4ff14;border-radius:9px;flex-direction:column;gap:6px;padding:8px 10px;animation:.18s both fadeUp;display:flex}.pos-error-bar{color:#ff2d78;font-size:12px;font-family:var(--font-heading);background:#ff2d7812;border:1px solid #ff2d7838;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;margin:0 14px 6px;padding:8px 10px;animation:.2s both fadeUp;display:flex}.pos-error-bar span{flex:1}.pos-error-bar button{cursor:pointer;color:#ff2d788c;background:0 0;border:none;padding:2px;display:flex}.pos-error-bar button:hover{color:#ff2d78}.pos-cart-foot{z-index:5;background:#00040ef5;border-top:1px solid #00d4ff1f;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 14px 14px;display:flex;position:relative}.pos-cart-foot:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00d4ff66,#0000);height:1px;position:absolute;top:-1px;left:30%;right:30%}.pos-totals-compact{flex-direction:column;gap:3px;display:flex}.pos-tot-row{color:#ffffff61;font-size:11.5px;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.pos-tot-disc{color:#00ff94}.pos-tot-total{font-family:var(--font-display);color:#fff;border-top:1px solid #00d4ff1a;justify-content:space-between;align-items:center;margin-top:4px;padding-top:7px;font-size:1.2rem;font-weight:800;display:flex}.pos-tot-amount{color:#00d4ff;text-shadow:0 0 18px #00d4ff8c;font-family:var(--font-mono)}.pos-actions{align-items:stretch;gap:6px;display:flex}.pos-act-btn{cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:52px;padding:8px 10px;transition:all .14s;display:flex}.pos-act-hold{color:orange;background:#ffa50012;border:1px solid #ffa50038}.pos-act-hold:hover:not(:disabled){background:#ffa50024;border-color:#ffa50073;box-shadow:0 0 12px #ffa50026}.pos-act-hold:disabled{opacity:.28;cursor:not-allowed}.pos-act-void{color:#ff2d78;background:#ff2d7812;border:1px solid #ff2d7838}.pos-act-void:hover{background:#ff2d7824;border-color:#ff2d7873}.pos-act-status{color:#00d4ffb3;background:#00d4ff0f;border:1px solid #00d4ff2e}.pos-act-status:hover{background:#00d4ff1f;border-color:#00d4ff66}.pos-checkout-btn{min-height:48px;font-family:var(--font-display);color:#020817;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(135deg,#00d4ff 0%,#0098cc 55%,#00ff94 100%);border:none;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 0 28px #00d4ff61,0 4px 16px #0006}.pos-checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 44px #00d4ff99,0 6px 20px #0006}.pos-checkout-btn:active:not(:disabled){transform:scale(.98)}.pos-checkout-btn:disabled{color:#ffffff2e;box-shadow:none;cursor:not-allowed;background:#ffffff0f}.pos-success-bar{color:#00ff94;background:#00ff9414;border:1px solid #00ff944d;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px;font-size:15px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex;box-shadow:0 0 22px #00ff942e}.pmod-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pmod-box{background:#040a1cfc;border:1px solid #00d4ff3d;border-radius:20px;flex-direction:column;width:100%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 28px 70px #000000bf,inset 0 0 0 1px #00d4ff0f}.pmod-header{font-family:var(--font-display);color:#fff;border-bottom:1px solid #00d4ff1a;align-items:center;gap:10px;padding:18px 20px;font-size:16px;font-weight:700;display:flex}.pmod-close{cursor:pointer;color:#ffffff4d;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px;transition:color .13s;display:flex}.pmod-close:hover{color:#fff}.pmod-body{flex-direction:column;gap:14px;padding:20px;display:flex}.pmod-footer{background:#00040e99;border-top:1px solid #00d4ff14;gap:10px;padding:14px 20px;display:flex}.pmod-confirm-btn{flex:2;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:700;transition:all .14s;display:flex;color:orange!important;border-radius:var(--radius-md)!important;background:#ffa50017!important;border:1px solid #ffa50066!important}.pmod-confirm-btn:hover:not(:disabled){background:#ffa5002e!important;box-shadow:0 0 16px #ffa50038!important}.pmod-confirm-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] .pos-scan-btn{color:#0284c7;background:#4ba8e012;border-color:#4ba8e038}[data-theme=light] .pos-scan-btn:hover{box-shadow:none;background:#4ba8e026;border-color:#4ba8e073}[data-theme=light] .pos-cat-pill{color:#4a5568;background:#4ba8e00d;border-color:#4ba8e033}[data-theme=light] .pos-cat-pill:hover{color:#0284c7;border-color:#4ba8e066}[data-theme=light] .pos-cat-pill.active{color:#0284c7;box-shadow:none;background:#4ba8e024;border-color:#4ba8e07a}[data-theme=light] .pos-product-card{background:#ffffffe0;border-color:#4ba8e024;box-shadow:0 2px 14px #4ba8e014}[data-theme=light] .pos-product-card:hover:not(:disabled){background:#fffffff5;border-color:#4ba8e059;box-shadow:0 10px 28px #4ba8e026}[data-theme=light] .pos-product-card.in-cart{background:#0284c70f!important;border-color:#0284c766!important}[data-theme=light] .pcard-name{color:#111827}[data-theme=light] .pcard-sku{color:#9ca3af}[data-theme=light] .pcard-price{color:#0284c7;text-shadow:none}[data-theme=light] .pcard-qty-bubble{color:#fff;background:#0284c7}[data-theme=light] .pos-cart-panel{background:#f8fcfffa;border-color:#4ba8e038;box-shadow:-4px 0 24px #4ba8e01a}[data-theme=light] .pos-cart-panel:before{box-shadow:none;background:linear-gradient(90deg,#0000,#4ba8e066,#0000)}[data-theme=light] .pos-cart-head{background:#f8fcfffc;border-bottom-color:#4ba8e01a}[data-theme=light] .pos-cart-title{color:#111827}[data-theme=light] .pos-item-count{color:#0284c7;background:#0284c71a;border-color:#0284c740}[data-theme=light] .pos-cust-toggle{color:#6b7280;background:#4ba8e00d;border-color:#4ba8e033}[data-theme=light] .pos-cust-toggle:hover,[data-theme=light] .pos-cust-toggle.open{color:#0284c7;border-color:#4ba8e066}[data-theme=light] .pos-cust-panel{background:#4ba8e00a;border-color:#4ba8e01a}[data-theme=light] .pos-cart-empty{color:#9ca3af}[data-theme=light] .cart-item{background:#4ba8e00f;border-color:#4ba8e02b}[data-theme=light] .cart-item:hover{background:#4ba8e01a;border-color:#4ba8e047}[data-theme=light] .ci-thumb{background:#4ba8e014;border-color:#4ba8e026}[data-theme=light] .ci-name{color:#111827}[data-theme=light] .ci-price{color:#6b7280}[data-theme=light] .ci-serial{color:#0284c766}[data-theme=light] .qty-btn{color:#0284c7;background:#0284c714;border-color:#0284c738}[data-theme=light] .qty-btn:hover{box-shadow:none;background:#0284c729;border-color:#0284c76b}[data-theme=light] .qty-val{color:#111827}[data-theme=light] .ci-total{color:#0284c7;text-shadow:none}[data-theme=light] .ci-remove{color:#d1d5db}[data-theme=light] .pos-divider{background:linear-gradient(90deg,#0000,#4ba8e026,#0000)}[data-theme=light] .pos-section-head{color:#0284c78c}[data-theme=light] .pos-dtype-pill{color:#6b7280;border-color:#00000017}[data-theme=light] .pos-dtype-pill:hover{color:#0284c7;border-color:#0284c74d}[data-theme=light] .pos-dtype-pill.active{color:#0284c7;background:#0284c71a;border-color:#0284c766}[data-theme=light] .pos-dtype-badge{color:#0284c7;background:#0284c71a}[data-theme=light] .pos-dtype-tabs--config .pos-dtype-pill.active .pos-dtype-badge{color:#0284c7;background:#0284c733}[data-theme=light] .pos-tender-btn{color:#6b7280;background:#00000005;border-color:#00000014}[data-theme=light] .pos-tender-btn:hover{color:#0284c7;background:#0284c70f;border-color:#0284c747}[data-theme=light] .pos-tender-btn.active{color:#0284c7;box-shadow:none;background:#0284c71a;border-color:#0284c766}[data-theme=light] .pos-adv-toggle{color:#9ca3af;border-color:#00000012}[data-theme=light] .pos-adv-toggle:hover,[data-theme=light] .pos-adv-toggle.open{color:#0284c7;border-color:#0284c747}[data-theme=light] .pos-adv-body{background:#0284c708;border-color:#0284c71a}[data-theme=light] .pos-cart-foot{background:#f0f6fffa;border-top-color:#4ba8e01f}[data-theme=light] .pos-cart-foot:before{background:linear-gradient(90deg,#0000,#4ba8e04d,#0000)}[data-theme=light] .pos-tot-row{color:#4b5563}[data-theme=light] .pos-tot-total{color:#111827;border-top-color:#4ba8e01f}[data-theme=light] .pos-tot-amount{color:#0284c7;text-shadow:none}[data-theme=light] .pos-act-hold{background:#ffa5000f;border-color:#ffa50038}[data-theme=light] .pos-act-void{background:#ff2d780f;border-color:#ff2d7833}[data-theme=light] .pos-act-status{background:#0284c70f;border-color:#0284c72e}[data-theme=light] .pos-checkout-btn:disabled{color:#00000040;box-shadow:none;background:#0000000f}[data-theme=light] .pmod-box{background:#fffffffc;border-color:#4ba8e040}[data-theme=light] .pmod-header{color:#111827;border-bottom-color:#4ba8e01a}[data-theme=light] .pmod-footer{background:#f0f6ffcc;border-top-color:#4ba8e01a}[data-theme=light] .pmod-close:hover{color:#111827}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.spin{animation:.8s linear infinite spin}.sales-page{gap:var(--space-4);height:calc(100dvh - var(--header-height));scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;padding-bottom:var(--space-8);flex-direction:column;display:flex;overflow:hidden auto}.sales-page::-webkit-scrollbar{width:4px}.sales-page::-webkit-scrollbar-track{background:0 0}.sales-page::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:4px}.sales-page-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.sales-header-left{align-items:center;gap:12px;display:flex}.sales-page-title{font-family:var(--font-display);color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.sales-count-badge{color:#00d4ffcc;border-radius:var(--radius-full);font-size:11px;font-weight:700;font-family:var(--font-mono);background:#00d4ff1a;border:1px solid #00d4ff38;padding:3px 10px}.sales-header-actions{gap:8px;display:flex}.sales-icon-btn{color:#fff6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .14s;display:flex}.sales-icon-btn:hover,.sales-icon-btn.active{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff52}.sales-stats-row{flex-wrap:wrap;flex-shrink:0;gap:12px;display:flex}.sales-stat-card{border:1px solid #0000;border-radius:16px;flex:1;align-items:center;gap:14px;min-width:180px;padding:18px 20px;transition:transform .14s,box-shadow .14s;animation:.4s both fadeUp;display:flex;position:relative;overflow:hidden}.sales-stat-card:hover{transform:translateY(-3px)}.sales-stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 60%);position:absolute;inset:0}.sales-stat-card--cyan{background:linear-gradient(135deg,#00d4ff1f 0%,#00d4ff0a 100%);border-color:#00d4ff38;box-shadow:0 8px 32px #00d4ff14}.sales-stat-card--purple{background:linear-gradient(135deg,#a855f71f 0%,#a855f70a 100%);border-color:#a855f738;box-shadow:0 8px 32px #a855f714}.sales-stat-card--green{background:linear-gradient(135deg,#00ff941a 0%,#00ff9408 100%);border-color:#00ff9438;box-shadow:0 8px 32px #00ff940f}.sales-stat-card--orange{background:linear-gradient(135deg,#ffa5001a 0%,#ffa50008 100%);border-color:#ffa50033;box-shadow:0 8px 32px #ffa5000f}.sales-stat-card--glass{background:#ffffff05;border-color:#ffffff12;flex:none;min-width:130px}.ssc-icon{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sales-stat-card--cyan .ssc-icon{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff2e}.sales-stat-card--purple .ssc-icon{color:#a855f7;background:#a855f71a;border-color:#a855f72e}.sales-stat-card--green .ssc-icon{color:#00ff94;background:#00ff9414;border-color:#00ff9426}.sales-stat-card--orange .ssc-icon{color:orange;background:#ffa50014;border-color:#ffa50026}.ssc-body{flex:1;min-width:0}.ssc-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:3px}.ssc-value{font-family:var(--font-mono);color:#fff;font-size:19px;font-weight:800;line-height:1.1}.ssc-value--sm{font-size:14px}.ssc-sub{color:#ffffff4d;font-size:10px;font-family:var(--font-mono);margin-top:2px}.ssc-trend{color:#fff3;flex-shrink:0}.sales-filter-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020816e6;border:1px solid #00d4ff24;border-radius:18px;flex-shrink:0;padding:20px 22px 22px;animation:.22s both fadeUp;box-shadow:0 12px 48px #00000059,inset 0 0 0 1px #00d4ff0f}.sfp-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sfp-title{text-transform:uppercase;letter-spacing:.1em;color:#00d4ffb3;font-size:12px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.sfp-clear-btn{color:#ff2d78;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-mono);background:#ff2d7812;border:1px solid #ff2d7840;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;transition:all .13s;display:flex}.sfp-clear-btn:hover{background:#ff2d7824;border-color:#ff2d7873}.sfp-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.sfp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.sfp-grid{grid-template-columns:1fr}}.sfp-group{flex-direction:column;gap:8px;display:flex}.sfp-group--date{grid-column:1/-1}.sfp-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;font-size:10.5px;font-weight:700;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.sfp-input-wrap{align-items:center;display:flex;position:relative}.sfp-input{color:#ffffffd9;width:100%;height:38px;font-size:12.5px;font-family:var(--font-body);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 36px 0 14px;transition:border-color .14s,background .14s,box-shadow .14s}.sfp-input::placeholder{color:#fff3}.sfp-input:focus{background:#00d4ff0a;border-color:#00d4ff73;box-shadow:0 0 0 3px #00d4ff14}.sfp-clear-x{color:#fff6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .12s;display:flex;position:absolute;right:10px}.sfp-clear-x:hover{color:#ff2d78;background:#ff2d7826;border-color:#ff2d784d}.sfp-chips{flex-wrap:wrap;gap:6px;display:flex}.sfp-chip{border-radius:var(--radius-full);color:#fff6;cursor:pointer;white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff17;align-items:center;gap:5px;padding:5px 12px;transition:all .13s;display:inline-flex}.sfp-chip:hover{color:#ffffffbf;background:#00d4ff0f;border-color:#00d4ff47}.sfp-chip--active{box-shadow:0 0 10px #00d4ff1a;color:#00d4ff!important;background:#00d4ff1f!important;border-color:#00d4ff66!important}.sfp-chip--completed.sfp-chip--active{box-shadow:0 0 10px #00ff941a;color:#00ff94!important;background:#00ff941a!important;border-color:#00ff9466!important}.sfp-chip--hold.sfp-chip--active{box-shadow:0 0 10px #ffa5001a;color:orange!important;background:#ffa5001a!important;border-color:#ffa50066!important}.sfp-chip--cancelled.sfp-chip--active{box-shadow:0 0 10px #ff2d781a;color:#ff2d78!important;background:#ff2d781a!important;border-color:#ff2d7866!important}.sfp-chip--pending.sfp-chip--active{box-shadow:0 0 10px #a855f71a;color:#a855f7!important;background:#a855f71a!important;border-color:#a855f766!important}.sfp-date-toggle{color:#ffffff59;cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-mono);background:#ffffff0a;border:1px solid #ffffff17;border-radius:6px;margin-left:auto;padding:3px 10px;transition:all .13s}.sfp-date-toggle:hover{color:#00d4ff;border-color:#00d4ff4d}.sfp-date-toggle.active{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff66}.sfp-date-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sfp-date-input{flex:1;min-width:160px;padding:0 14px!important}.sfp-date-sep{color:#ffffff40;flex-shrink:0;font-size:16px}.sfp-apply-btn{color:#00d4ff;cursor:pointer;height:38px;font-size:12px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;background:#00d4ff1a;border:1px solid #00d4ff59;border-radius:10px;flex-shrink:0;padding:0 20px;transition:all .13s}.sfp-apply-btn:hover{background:#00d4ff2e;border-color:#00d4ff99;box-shadow:0 0 16px #00d4ff26}.sales-error-bar{color:#ff2d78;background:#ff2d7812;border:1px solid #ff2d7838;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.2s both fadeUp;display:flex}.sales-error-bar button{cursor:pointer;color:#ff2d7880;background:0 0;border:none;margin-left:auto;padding:2px;display:flex}.sales-error-bar button:hover{color:#ff2d78}.sales-table-wrap{scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020816d9;border:1px solid #00d4ff1f;border-radius:16px;flex:1;overflow:auto}.sales-table-wrap::-webkit-scrollbar{width:4px;height:4px}.sales-table-wrap::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:4px}.sales-loading,.sales-empty{color:#ffffff38;font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:14px;display:flex}.sales-empty small{opacity:.7;font-size:11.5px}.sales-table{border-collapse:collapse;width:100%;font-size:13px}.sales-th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;font-size:10.5px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;z-index:2;-webkit-user-select:none;user-select:none;background:#00081699;border-bottom:1px solid #00d4ff1a;padding:13px 16px;position:sticky;top:0}.sales-th.sortable{cursor:pointer;transition:color .13s;display:table-cell}.sales-th.sortable:hover{color:#00d4ff}.sales-th svg{vertical-align:middle;margin-right:4px;display:inline}.sales-th--num{text-align:right}.sales-th--actions{text-align:center}.sales-table-row{cursor:pointer;transition:background .13s;animation:.3s both fadeUp}.sales-table-row:hover{background:#00d4ff0d}.sales-table-row:hover .stc-sale-num{color:#00d4ff}.sales-table-row td{vertical-align:middle;color:#ffffffbf;border-bottom:1px solid #ffffff0a;padding:13px 16px}.sales-td--num{text-align:right}.sales-td--actions{text-align:center}.stc-sale-num{font-family:var(--font-mono);color:#ffffffe6;font-size:12.5px;font-weight:700;transition:color .13s}.stc-serial{font-family:var(--font-mono);color:#00d4ff59;text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-top:2px;font-size:10px;overflow:hidden}.stc-date{color:#ffffffd9;font-size:12.5px;font-weight:600}.stc-time{font-family:var(--font-mono);color:#ffffff47;margin-top:2px;font-size:10.5px}.stc-customer{color:#ffffffd9;font-size:12.5px;font-weight:600}.stc-phone{font-family:var(--font-mono);color:#ffffff47;margin-top:2px;font-size:10.5px}.stc-method{color:#fff9;font-size:12px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}.stc-qty{font-family:var(--font-mono);color:#ffffffd9;font-size:14px;font-weight:700}.stc-total{font-family:var(--font-mono);color:#00d4ff;font-size:13.5px;font-weight:700}.stc-discount{font-family:var(--font-mono);color:#00ff94;margin-top:2px;font-size:10.5px}.sale-status{border-radius:var(--radius-full);font-size:10.5px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.sale-status--completed{color:#00ff94;background:#00ff941a;border:1px solid #00ff9440}.sale-status--hold{color:orange;background:#ffa5001a;border:1px solid #ffa50040}.sale-status--cancelled{color:#ff2d78;background:#ff2d781a;border:1px solid #ff2d7840}.sale-status--pending{color:#a855f7;background:#a855f71a;border:1px solid #a855f740}.sales-action-btn{color:#00d4ff8c;cursor:pointer;background:#00d4ff0f;border:1px solid #00d4ff24;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .13s;display:inline-flex}.sales-action-btn:hover{color:#00d4ff;background:#00d4ff24;border-color:#00d4ff66;box-shadow:0 0 10px #00d4ff26}.sales-action-btn:disabled{opacity:.45;cursor:not-allowed}.sales-action-btn--pay{color:#22c55ea6;background:#22c55e0f;border-color:#22c55e2e}.sales-action-btn--pay:hover{color:#22c55e;background:#22c55e29;border-color:#22c55e80;box-shadow:0 0 10px #22c55e2e}.sales-action-btn--delete{color:#ff2d7873;background:#ff2d780d;border-color:#ff2d781f}.sales-action-btn--delete:hover{color:#ff2d78;background:#ff2d781f;border-color:#ff2d7861;box-shadow:0 0 10px #ff2d7826}.sales-action-btn--danger{color:#ff2d78;background:#ff2d781a;border-color:#ff2d7859}.sales-action-btn--danger:hover{background:#ff2d7833;border-color:#ff2d7899;box-shadow:0 0 12px #ff2d7833}.sales-actions-cell{justify-content:center;align-items:center;gap:5px;display:flex}.sales-delete-confirm{justify-content:center;align-items:center;gap:5px;animation:.16s both fadeUp;display:flex}.sales-delete-confirm-text{color:#ff2d78;font-size:10.5px;font-weight:700;font-family:var(--font-mono);white-space:nowrap}.sdp-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8000;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.sdp-panel{background:#030a1af7;border-left:1px solid #00d4ff33;flex-direction:column;width:480px;max-width:96vw;height:100%;display:flex;overflow:hidden;box-shadow:-16px 0 60px #000000b3}.sdp-header{background:#000612fa;border-bottom:1px solid #00d4ff1a;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.sdp-back,.sdp-close{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .13s;display:flex}.sdp-back:hover,.sdp-close:hover{color:#fff;background:#ffffff14}.sdp-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.sdp-sale-num{font-family:var(--font-mono);color:#fff;font-size:14px;font-weight:700}.sdp-body{scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.sdp-body::-webkit-scrollbar{width:4px}.sdp-body::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:4px}.sdp-amount-row{gap:10px;display:flex}.sdp-amount-card{background:#00d4ff0d;border:1px solid #00d4ff1f;border-radius:14px;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.sdp-amount-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;font-size:10px;font-weight:700;font-family:var(--font-mono)}.sdp-amount-value{font-family:var(--font-mono);color:#fff;font-size:18px;font-weight:800}.sdp-paid{color:#00d4ff}.sdp-change{color:#00ff94}.sdp-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sdp-field{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.sdp-field--full{grid-column:1/-1}.sdp-field span{text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;font-size:10px;font-weight:600;font-family:var(--font-mono)}.sdp-field strong{color:#ffffffe0;font-size:13.5px;font-weight:600;font-family:var(--font-body);word-break:break-word}.sdp-mono{font-family:var(--font-mono)!important;font-size:12px!important}.sdp-method{align-items:center;gap:5px;display:flex;font-family:var(--font-mono)!important}.sdp-timestamps{flex-wrap:wrap;gap:14px;display:flex}.sdp-ts{font-size:11px;font-family:var(--font-mono);color:#ffffff47;align-items:center;gap:5px;display:flex}.sdp-products{margin-top:20px}.sdp-products-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin-bottom:8px;font-size:10px;font-weight:700}.sdp-products-wrap{border:1px solid #ffffff12;border-radius:8px;overflow-x:auto}.sdp-products-table{border-collapse:collapse;width:100%;font-size:12px}.sdp-products-table thead tr{background:#ffffff0a}.sdp-products-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;border-bottom:1px solid #ffffff12;padding:7px 10px;font-size:10px;font-weight:600}.sdp-products-table td{color:#ffffffbf;border-bottom:1px solid #ffffff0d;padding:8px 10px}.sdp-products-table tbody tr:last-child td{border-bottom:none}.sdp-products-table tbody tr:hover td{background:#00d4ff0a}.sdp-products-total{font-weight:600;color:#00d4ff!important}[data-theme=light] .sdp-products-title{color:#9ca3af}[data-theme=light] .sdp-products-wrap{border-color:#00000014}[data-theme=light] .sdp-products-table thead tr{background:#f8fcfff2}[data-theme=light] .sdp-products-table th{color:#9ca3af;border-bottom-color:#0284c71f}[data-theme=light] .sdp-products-table td{color:#374151;border-bottom-color:#0000000d}[data-theme=light] .sdp-products-table tbody tr:hover td{background:#0284c70a}[data-theme=light] .sdp-products-total{color:#0284c7!important}[data-theme=light] .sales-page-title{color:#111827}[data-theme=light] .sales-count-badge{color:#0284c7;background:#0284c71a;border-color:#0284c738}[data-theme=light] .sales-icon-btn{color:#6b7280;background:#00000005;border-color:#0000001a}[data-theme=light] .sales-icon-btn:hover,[data-theme=light] .sales-icon-btn.active{color:#0284c7;background:#0284c712;border-color:#0284c74d}[data-theme=light] .sales-stat-card--cyan{box-shadow:none;background:linear-gradient(135deg,#0284c71a 0%,#0284c708 100%);border-color:#0284c733}[data-theme=light] .sales-stat-card--purple{box-shadow:none;background:linear-gradient(135deg,#a855f714 0%,#a855f705 100%);border-color:#a855f72e}[data-theme=light] .sales-stat-card--green{box-shadow:none;background:linear-gradient(135deg,#06d6a014 0%,#06d6a005 100%);border-color:#06d6a02e}[data-theme=light] .sales-stat-card--orange{box-shadow:none;background:linear-gradient(135deg,#ffa50014 0%,#ffa50005 100%);border-color:#ffa5002e}[data-theme=light] .sales-stat-card--glass{background:#fffc;border-color:#00000014}[data-theme=light] .ssc-label{color:#6b7280}[data-theme=light] .ssc-value{color:#111827}[data-theme=light] .sales-filter-bar{background:#ffffffb3;border-color:#0284c726}[data-theme=light] .sales-range-toggle{color:#6b7280;border-color:#0000001a}[data-theme=light] .sales-range-toggle:hover,[data-theme=light] .sales-range-toggle.active{color:#0284c7;background:#0284c712;border-color:#0284c74d}[data-theme=light] .sales-table-wrap{background:#ffffffe6;border-color:#0284c726}[data-theme=light] .sales-th{color:#6b7280;background:#f8fcfff2;border-bottom-color:#0284c71f}[data-theme=light] .sales-th.sortable:hover{color:#0284c7}[data-theme=light] .sales-table-row:hover{background:#0284c70a}[data-theme=light] .sales-table-row td{color:#374151;border-bottom-color:#0000000d}[data-theme=light] .stc-sale-num{color:#111827}[data-theme=light] .stc-serial{color:#0284c780}[data-theme=light] .stc-date,[data-theme=light] .stc-customer{color:#111827}[data-theme=light] .stc-time,[data-theme=light] .stc-phone{color:#9ca3af}[data-theme=light] .stc-method{color:#374151}[data-theme=light] .stc-qty{color:#111827}[data-theme=light] .stc-total{color:#0284c7}[data-theme=light] .sales-empty,[data-theme=light] .sales-loading{color:#9ca3af}[data-theme=light] .sdp-panel{background:#fffffffc;border-left-color:#0284c733;box-shadow:-8px 0 40px #0284c71a}[data-theme=light] .sdp-header{background:#f8fcfffa;border-bottom-color:#0284c71a}[data-theme=light] .sdp-sale-num{color:#111827}[data-theme=light] .sdp-back,[data-theme=light] .sdp-close{color:#6b7280;background:#00000008;border-color:#00000014}[data-theme=light] .sdp-back:hover,[data-theme=light] .sdp-close:hover{color:#111827;background:#0000000f}[data-theme=light] .sdp-amount-card{background:#0284c70d;border-color:#0284c71f}[data-theme=light] .sdp-amount-label{color:#6b7280}[data-theme=light] .sdp-amount-value{color:#111827}[data-theme=light] .sdp-paid{color:#0284c7}[data-theme=light] .sdp-change{color:#06d6a0}[data-theme=light] .sdp-field{background:#00000005;border-color:#00000012}[data-theme=light] .sdp-field span{color:#9ca3af}[data-theme=light] .sdp-field strong{color:#111827}[data-theme=light] .sdp-ts{color:#9ca3af}.pp-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#020612c7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeUp;display:flex;position:fixed;inset:0}.pp-modal{background:linear-gradient(#0f172afa,#020617fc);border:1px solid #00d4ff2e;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff14}.pp-header{background:linear-gradient(135deg,#00d4ff14,#22c55e0f);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pp-header-left{align-items:center;gap:12px;display:flex}.pp-header-icon{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pp-header h3{color:#fff;margin:0;font-size:15px;font-weight:700}.pp-header small{color:#ffffff8c;font-size:11px}.pp-close{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pp-close:hover{color:#fff;background:#ffffff1a}.pp-body{flex:1;padding:20px 22px;overflow-y:auto}.pp-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.pp-summary-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px}.pp-summary-item span{text-transform:uppercase;letter-spacing:.5px;color:#ffffff73;margin-bottom:4px;font-size:10px;display:block}.pp-summary-item strong{color:#fff;font-size:14px;font-weight:600}.pp-summary-item strong.pp-amount{color:#22c55e;font-size:18px}.pp-field{margin-bottom:14px}.pp-field label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pp-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .13s}.pp-input:focus{border-color:#00d4ff80}.pp-footer{background:#0003;border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.pp-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .13s;display:inline-flex}.pp-btn--ghost{color:#ffffffa6;background:0 0;border-color:#ffffff1a}.pp-btn--ghost:hover{color:#fff;border-color:#fff3}.pp-btn--primary{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.pp-btn--primary:hover{box-shadow:0 6px 18px #22c55e73}.pp-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pp-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;display:flex}.pp-state h4{color:#fff;margin:0;font-size:15px}.pp-state p{color:#fff9;max-width:320px;margin:0;font-size:12px}.pp-state--success h4{color:#22c55e}.pp-state--failed h4{color:#ff2d78}.pp-iframe-wrap{border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.pp-iframe-wrap iframe{border:0;width:100%;height:520px;display:block}.pp-iframe-label{color:#fff9;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.pp-iframe-label .pp-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite ppPulse}@keyframes ppPulse{0%,to{opacity:1}50%{opacity:.4}}[data-theme=light] .pp-overlay{background:#0f172a59}[data-theme=light] .pp-modal{background:linear-gradient(#fff,#f8fafc);border-color:#0284c72e;box-shadow:0 20px 60px #0f172a2e,0 0 40px #0284c70f}[data-theme=light] .pp-header{background:linear-gradient(135deg,#0284c70f,#22c55e0d);border-bottom-color:#0f172a0f}[data-theme=light] .pp-header-icon{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}[data-theme=light] .pp-header h3{color:#111827}[data-theme=light] .pp-header small{color:#6b7280}[data-theme=light] .pp-close{color:#6b7280;background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .pp-close:hover{color:#111827;background:#0f172a14}[data-theme=light] .pp-summary-item{background:#0f172a08;border-color:#0f172a14}[data-theme=light] .pp-summary-item span{color:#6b7280}[data-theme=light] .pp-summary-item strong{color:#111827}[data-theme=light] .pp-summary-item strong.pp-amount{color:#16a34a}[data-theme=light] .pp-field label{color:#4b5563}[data-theme=light] .pp-input{color:#111827;background:#fff;border-color:#0f172a1f}[data-theme=light] .pp-input:focus{border-color:#0284c780}[data-theme=light] .pp-footer{background:#0f172a05;border-top-color:#0f172a0f}[data-theme=light] .pp-btn--ghost{color:#4b5563;border-color:#0f172a1f}[data-theme=light] .pp-btn--ghost:hover{color:#111827;border-color:#0f172a38}[data-theme=light] .pp-state h4{color:#111827}[data-theme=light] .pp-state p{color:#6b7280}[data-theme=light] .pp-state--success h4{color:#16a34a}[data-theme=light] .pp-state--failed h4{color:#dc2626}[data-theme=light] .pp-iframe-wrap{background:#fff;border-color:#0f172a1a}[data-theme=light] .pp-iframe-label{color:#6b7280}.pp-cancel-confirm{flex-direction:column;gap:12px;width:100%;display:flex}.pp-cancel-confirm>span{color:#ffffffbf;font-size:13px;font-weight:500}.pp-cancel-confirm-btns{justify-content:flex-end;gap:8px;display:flex}.pp-btn--danger{color:#ff2d78;cursor:pointer;background:#ff2d781f;border:1px solid #ff2d7866;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .13s;display:inline-flex}.pp-btn--danger:hover{background:#ff2d7838;border-color:#ff2d78b3;box-shadow:0 0 14px #ff2d7833}.pp-btn--danger:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .pp-cancel-confirm>span{color:#374151}[data-theme=light] .pp-btn--danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}[data-theme=light] .pp-btn--danger:hover{background:#fecaca;border-color:#f87171}.sales-action-btn--invoice{color:#8b5cf6a6;background:#8b5cf60f;border-color:#8b5cf62e}.sales-action-btn--invoice:hover{color:#8b5cf6;background:#8b5cf629;border-color:#8b5cf680;box-shadow:0 0 10px #8b5cf62e}.sales-action-btn--defer{color:#fbbf24a6;background:#fbbf240f;border-color:#fbbf242e}.sales-action-btn--defer:hover{color:#fbbf24;background:#fbbf2424;border-color:#fbbf2473;box-shadow:0 0 10px #fbbf242e}.sales-action-btn--manual{color:#14b8a6a6;background:#14b8a60f;border-color:#14b8a62e}.sales-action-btn--manual:hover{color:#14b8a6;background:#14b8a624;border-color:#14b8a673;box-shadow:0 0 10px #14b8a62e}.sales-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sales-modal{background:var(--bg-card,#0f1623);border:1px solid #00d4ff1f;border-radius:16px;width:min(520px,100%);animation:.22s both fadeUp;box-shadow:0 24px 80px #00000080}.sales-modal--wide{width:min(680px,100%)}.sales-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.sales-modal-title{color:var(--text-primary,#e2e8f0);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.sales-modal-close{width:28px;height:28px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;display:flex}.sales-modal-close:hover{color:var(--text-primary,#e2e8f0);background:#ffffff1a}.sales-modal-body{flex-direction:column;gap:14px;max-height:70vh;padding:20px 22px;display:flex;overflow-y:auto}.sales-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.sales-modal-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sales-modal-form-row--full{grid-column:1/-1}.sales-modal-error{color:#ff2d78;background:#ff2d7814;border:1px solid #ff2d7833;border-radius:8px;padding:10px 14px;font-size:13px}.sales-modal-info-strip{color:#00d4ffcc;background:#00d4ff0d;border:1px solid #00d4ff1f;border-radius:10px;flex-wrap:wrap;gap:16px;padding:10px 14px;font-size:12px;display:flex}.sales-modal-info-strip strong{color:var(--text-primary,#e2e8f0)}[data-theme=light] .sales-modal{background:#fff;border-color:#0284c726;box-shadow:0 16px 48px #00000024}[data-theme=light] .sales-modal-header{border-bottom-color:#e2e8f0}[data-theme=light] .sales-modal-footer{border-top-color:#e2e8f0}[data-theme=light] .sales-modal-close{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .sales-modal-info-strip{color:#0284c7;background:#0284c70a;border-color:#0284c726}[data-theme=light] .sales-action-btn--defer{color:#d97706bf;background:#d977060f;border-color:#d9770633}[data-theme=light] .sales-action-btn--defer:hover{color:#d97706}[data-theme=light] .sales-action-btn--manual{color:#0f766ebf;background:#0f766e0f;border-color:#0f766e33}[data-theme=light] .sales-action-btn--manual:hover{color:#0f766e}.payments-page{gap:var(--space-5);flex-direction:column;display:flex}.payments-page .page-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;font-size:1.5rem;font-weight:700;display:flex}.payments-page .page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.pay-filter-btn--active{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent)!important;color:var(--color-primary)!important}.pay-filter-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;margin-left:4px}.pay-stats{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pay-stat-card{justify-content:space-between;gap:var(--space-3);padding:var(--space-5);flex-direction:column;min-width:0;transition:border-color .18s,background .18s;display:flex;position:relative}.pay-stat-card:hover{border-color:color-mix(in srgb, var(--pay-tint,var(--color-primary)) 25%, var(--border-default))!important}.pay-stat-card--primary{--pay-tint:var(--color-primary)}.pay-stat-card--secondary{--pay-tint:var(--color-secondary)}.pay-stat-card--success{--pay-tint:var(--color-success)}.pay-stat-card--danger{--pay-tint:var(--color-danger)}.pay-stat-header{align-items:center;gap:var(--space-2);min-width:0;display:flex}.pay-stat-icon{background:color-mix(in srgb, var(--pay-tint,var(--color-primary)) 14%, transparent);border:1px solid color-mix(in srgb, var(--pay-tint,var(--color-primary)) 28%, transparent);width:32px;height:32px;color:var(--pay-tint,var(--color-primary));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pay-stat-label{color:var(--text-secondary);letter-spacing:-.005em;overflow-wrap:break-word;flex:1;min-width:0;font-size:.875rem;font-weight:600;line-height:1.3}.pay-stat-value{font-family:var(--font-display);letter-spacing:-.025em;color:var(--pay-tint,var(--color-primary));overflow-wrap:break-word;word-break:normal;font-size:2.25rem;font-weight:800;line-height:1.05}.pay-stat-sub{color:var(--text-secondary);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);overflow-wrap:break-word;font-size:.8125rem;font-weight:500;line-height:1.4}.pay-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pay-search{flex:1;max-width:420px;position:relative}.pay-search .input{padding-right:36px}.pay-search-clear{border:1px solid var(--border-default);background:var(--glass-bg);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pay-search-clear:hover{color:var(--text-primary)}.pay-source-tabs{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:10px;gap:4px;padding:4px;display:flex}.pay-tab{color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.pay-tab:hover{color:var(--text-primary)}.pay-tab--active{background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-primary)}.pay-tab-count{background:color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--color-primary);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10px}.pay-tab:not(.pay-tab--active) .pay-tab-count{background:var(--border-subtle);color:var(--text-tertiary)}.pay-filters{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pay-filters-head{justify-content:space-between;align-items:center;display:flex}.pay-filters-title{font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.pay-filters-clear{border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.pay-filters-clear:hover{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}.pay-filters-grid{gap:var(--space-4) var(--space-6);grid-template-columns:1fr 1fr;display:grid}.pay-filter-group{gap:var(--space-2);flex-direction:column;display:flex}.pay-filter-group:nth-child(3){grid-column:1/-1}.pay-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.pay-chip-row{flex-wrap:wrap;gap:6px;display:flex}.pay-chip{border:1px solid var(--border-default);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pay-chip:hover{color:var(--text-primary)}.pay-chip--active{background:color-mix(in srgb, var(--color-primary) 16%, transparent);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-primary)}.pay-chip--status.pay-chip--active.pay-status--success{background:var(--color-success-bg);border-color:color-mix(in srgb, var(--color-success) 40%, transparent);color:var(--color-success)}.pay-chip--status.pay-chip--active.pay-status--pending{background:var(--color-warning-bg);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);color:var(--color-warning)}.pay-chip--status.pay-chip--active.pay-status--failed{background:var(--color-danger-bg);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);color:var(--color-danger)}.pay-chip--status.pay-chip--active.pay-status--warning{background:var(--color-warning-bg);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);color:var(--color-warning)}.pay-date-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.pay-date-input{max-width:180px;min-height:36px;font-size:var(--text-sm);padding:6px 10px}.pay-date-sep{color:var(--text-tertiary);font-size:var(--text-sm)}.pay-error-bar{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);font-size:var(--text-sm);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.pay-error-bar>button{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.pay-loading,.pay-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.pay-empty p{color:var(--text-secondary);font-weight:600}.pay-empty small{font-size:var(--text-xs)}.pay-table-wrap{padding:0;overflow-x:auto}.pay-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.pay-th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:14px var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:0 0;font-size:10.5px;font-weight:700}.pay-th svg{vertical-align:-2px;opacity:.7;margin-right:4px}.pay-th--sort{cursor:pointer;-webkit-user-select:none;user-select:none}.pay-th--sort:hover{color:var(--text-primary)}.pay-th--num{text-align:right}.pay-th--actions{text-align:right;width:60px}.pay-table-row{cursor:pointer;transition:background .13s}.pay-table-row td{padding:12px var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}.pay-table-row:hover td{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.pay-table-row:last-child td{border-bottom:0}.pay-mono{font-family:var(--font-mono);color:var(--text-secondary);font-size:12.5px}.pay-account,.pay-conf{letter-spacing:.01em}.pay-sale-num{font-family:var(--font-mono);color:var(--color-primary);font-size:12.5px;font-weight:600}.pay-date{font-size:13px;font-weight:500}.pay-time{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.pay-method{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.pay-method svg{color:var(--color-primary)}.pay-amount-cell{text-align:right}.pay-amount-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.pay-status{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pay-status--success{background:var(--color-success-bg);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.pay-status--pending{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.pay-status--failed{background:var(--color-danger-bg);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 25%, transparent)}.pay-status--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.pay-icon-btn{border:1px solid var(--border-default);background:var(--glass-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.pay-icon-btn:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.pay-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#02061299;justify-content:flex-end;display:flex;position:fixed;inset:0}.pay-panel{background:var(--bg-elevated);border-left:1px solid var(--border-default);flex-direction:column;width:min(540px,100%);height:100%;display:flex;overflow:hidden;box-shadow:-20px 0 60px #0006}.pay-panel-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.pay-panel-title{align-items:center;gap:var(--space-3);flex:1;display:flex}.pay-panel-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.pay-panel-body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pay-hero{padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, transparent), color-mix(in srgb, var(--color-secondary) 12%, transparent));border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);flex-direction:column;display:flex}.pay-hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:600}.pay-hero-amount{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800;line-height:1}.pay-hero-meta{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.pay-field-grid{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pay-field{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.pay-field--full{grid-column:1/-1}.pay-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:10px;font-weight:600}.pay-field-row{align-items:center;gap:6px;display:flex}.pay-field-value{color:var(--text-primary);overflow-wrap:anywhere;flex:1;font-size:13px}.pay-field-value.pay-mono{color:var(--text-primary);font-size:12.5px}.pay-copy-btn{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .13s,border-color .13s;display:inline-flex}.pay-copy-btn:hover{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.pay-error-card{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.pay-callback-link{font-size:var(--text-xs);color:var(--color-primary);align-items:center;gap:6px;width:max-content;text-decoration:none;display:inline-flex}.pay-callback-link:hover{text-decoration:underline}.pay-timestamps{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);flex-direction:column;gap:4px;display:flex}.pay-timestamps span{align-items:center;gap:6px;display:inline-flex}[data-theme=light] .pay-stat-value{color:#0d1424}[data-theme=light] .pay-stat-label{color:#4d5e7a}[data-theme=light] .pay-source-tabs{background:#04327b0a;border-color:#04327b14}[data-theme=light] .pay-tab{color:#4d5e7a}[data-theme=light] .pay-tab--active{background:color-mix(in srgb, var(--color-primary) 18%, white);color:var(--color-secondary)}[data-theme=light] .pay-tab:not(.pay-tab--active) .pay-tab-count{color:#6b7280;background:#04327b0f}[data-theme=light] .pay-table-row td{color:#0d1424}[data-theme=light] .pay-table-row:hover td{background:color-mix(in srgb, var(--color-primary) 7%, white)}[data-theme=light] .pay-th{color:#6b7280;border-bottom-color:#04327b1a}[data-theme=light] .pay-table-row td{border-bottom-color:#04327b14}[data-theme=light] .pay-mono{color:#4d5e7a}[data-theme=light] .pay-time{color:#8b9ab8}[data-theme=light] .pay-method,[data-theme=light] .pay-amount-value{color:#0d1424}[data-theme=light] .pay-icon-btn{color:#4d5e7a;background:#fff;border-color:#0f172a1f}[data-theme=light] .pay-icon-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-secondary)}[data-theme=light] .pay-search-clear{color:#4d5e7a;background:#fff;border-color:#0f172a1f}[data-theme=light] .pay-filter-label{color:#6b7280}[data-theme=light] .pay-chip{color:#4d5e7a;background:#fff;border-color:#0f172a1f}[data-theme=light] .pay-chip:hover{color:#0d1424}[data-theme=light] .pay-chip--active{background:color-mix(in srgb, var(--color-primary) 14%, white);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-secondary)}[data-theme=light] .pay-panel{background:#fff;border-left-color:#04327b1a;box-shadow:-20px 0 60px #04327b1f}[data-theme=light] .pay-panel-header{border-bottom-color:#04327b1a}[data-theme=light] .pay-panel-id{color:#0d1424}[data-theme=light] .pay-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, white), color-mix(in srgb, var(--color-secondary) 10%, white))}[data-theme=light] .pay-hero-label{color:#4d5e7a}[data-theme=light] .pay-hero-amount{color:var(--color-secondary)}[data-theme=light] .pay-hero-meta{color:#6b7280}[data-theme=light] .pay-field{background:#04327b08;border-color:#04327b14}[data-theme=light] .pay-field-label{color:#6b7280}[data-theme=light] .pay-field-value{color:#0d1424}[data-theme=light] .pay-copy-btn{color:#6b7280;border-color:#0f172a1f}[data-theme=light] .pay-timestamps{color:#6b7280;border-top-color:#04327b14}@media (width<=1100px){.pay-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-filters-grid{grid-template-columns:1fr}.pay-filter-group:nth-child(3){grid-column:auto}}@media (width<=720px){.pay-stats{grid-template-columns:1fr}.pay-toolbar{flex-direction:column;align-items:stretch}.pay-search{max-width:none}.pay-source-tabs{overflow-x:auto}.pay-table{font-size:var(--text-xs)}.pay-th,.pay-table-row td{padding:10px var(--space-3)}}.pay-main-tabs{background:#0003;border:1px solid #ffffff0f;border-radius:12px;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.pay-main-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.pay-main-tab:hover{color:var(--text-primary);background:#ffffff0d}.pay-main-tab--active{color:#00d4ff;background:#00d4ff1a;border:1px solid #00d4ff33;box-shadow:0 2px 12px #00d4ff1a}[data-theme=light] .pay-main-tabs{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .pay-main-tab:hover{background:#0000000a}[data-theme=light] .pay-main-tab--active{color:#0284c7;background:#0284c714;border-color:#0284c740}.catalog-page{gap:var(--space-5);flex-direction:column;display:flex}.catalog-stats{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.catalog-stat{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.ct-stat-icon{background:var(--glass-bg-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ct-stat-value{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;line-height:1}.ct-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.catalog-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.catalog-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.ct-cat-btn{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.ct-cat-btn:hover{border-color:var(--border-accent);color:var(--brand-primary);background:var(--color-info-bg)}.ct-cat-btn.active{background:var(--color-info-bg);border-color:var(--brand-primary);color:var(--brand-primary)}.ct-view-toggle{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:2px;margin-left:auto;padding:3px;display:flex}.ct-view-btn{width:32px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:15px;transition:all .14s;display:flex}.ct-view-btn.active{background:var(--brand-primary);color:#fff}.catalog-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.ct-grid-card{gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.ct-grid-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.ct-grid-card-top{justify-content:space-between;align-items:flex-start;display:flex}.ct-grid-emoji{font-size:2rem;line-height:1}.ct-grid-card-body{flex:1}.ct-grid-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);margin-bottom:2px;line-height:1.3}.ct-grid-sku{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.ct-grid-card-meta{justify-content:space-between;align-items:center;display:flex}.ct-grid-price{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.ct-grid-margin{font-size:var(--text-xs);font-weight:600}.ct-grid-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);display:flex}.ct-stock-bar-wrap{align-items:center;gap:8px;display:flex}.ct-stock-bar-track{background:var(--glass-bg-strong);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.ct-stock-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.ct-stock-count{font-size:11px;font-family:var(--font-mono);text-align:right;flex-shrink:0;min-width:24px}.ct-table-wrap{border-radius:var(--radius-lg);overflow-x:auto}.ct-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:780px}.ct-table thead tr{border-bottom:1px solid var(--border-subtle)}.ct-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:11px 14px;font-size:11px;font-weight:700}.ct-th-sort{cursor:pointer}.ct-th-sort:hover{color:var(--text-primary)}.ct-sort-icon{vertical-align:middle;color:var(--brand-primary);margin-left:3px;display:inline-flex}.ct-table-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.ct-table-row:last-child{border-bottom:none}.ct-table-row:hover{background:var(--glass-bg)}.ct-table-row:hover .ct-row-actions{opacity:1}.ct-table td{vertical-align:middle;padding:12px 14px}.ct-td-emoji{padding-left:16px!important}.ct-row-emoji{font-size:1.55rem;line-height:1;display:block}.ct-row-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.ct-row-sku{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.ct-row-category{font-size:var(--text-sm);color:var(--text-secondary)}.ct-row-price{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.ct-row-cost{font-size:var(--text-sm);color:var(--text-secondary)}.ct-row-margin-wrap{flex-direction:column;gap:4px;display:flex}.ct-row-margin{font-size:var(--text-sm);font-weight:700}.ct-mini-bar-track{background:var(--glass-bg-strong);border-radius:var(--radius-full);height:3px;overflow:hidden}.ct-mini-bar-fill{border-radius:var(--radius-full);height:100%}.ct-row-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.ct-empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16);color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.ct-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--glass-bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.ct-icon-btn:hover{background:var(--glass-bg-strong);border-color:var(--border-accent);color:var(--text-primary)}.ct-icon-btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.ct-backdrop{z-index:calc(var(--z-overlay) - 1);-webkit-backdrop-filter:blur(2px);background:#00000059;animation:.18s both ct-fade-in;position:fixed;inset:0}.ct-backdrop--center{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}@keyframes ct-fade-in{0%{opacity:0}to{opacity:1}}.ct-drawer{top:var(--header-height);width:420px;z-index:var(--z-overlay);background:var(--bg-elevated);border-left:1px solid var(--border-default);flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow:hidden auto;box-shadow:-8px 0 40px #00000040}[data-theme=light] .ct-drawer{background:#fff;border-left-color:#4ba8e026;box-shadow:-8px 0 40px #4ba8e01f}.ct-drawer-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}[data-theme=light] .ct-drawer-header{background:#fff}.ct-drawer-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.ct-drawer-hero{text-align:center;border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:8px;padding:24px 20px 20px;display:flex;position:relative}.ct-drawer-emoji{filter:drop-shadow(0 4px 12px #00000026);margin-bottom:4px;font-size:4rem;line-height:1}.ct-drawer-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.ct-drawer-sku{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.ct-drawer-category{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.ct-drawer-status{align-items:center;gap:4px;margin-top:4px;display:inline-flex}.ct-drawer-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.ct-drawer-section:last-of-type{border-bottom:none}.ct-drawer-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.ct-pricing-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ct-pricing-cell{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:3px;padding:10px 12px;display:flex}[data-theme=light] .ct-pricing-cell{background:#f5f8ff;border-color:#4ba8e01f}.ct-pricing-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.ct-pricing-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:800}.ct-margin-bar-wrap{flex-direction:column;gap:5px;display:flex}.ct-margin-bar-track{background:var(--glass-bg-strong);border-radius:var(--radius-full);height:6px;overflow:hidden}.ct-margin-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.ct-inv-row{gap:10px;display:flex}.ct-inv-cell{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:4px;padding:10px 12px;display:flex}[data-theme=light] .ct-inv-cell{background:#f5f8ff;border-color:#4ba8e01f}.ct-tags-row{flex-wrap:wrap;gap:6px;display:flex}.ct-tag{border-radius:var(--radius-full);background:var(--color-info-bg);border:1px solid var(--border-accent);color:var(--brand-primary);letter-spacing:.02em;padding:3px 10px;font-size:11px;font-weight:600}.ct-drawer-actions{gap:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);z-index:2;padding:16px 20px;display:flex;position:sticky;bottom:0}[data-theme=light] .ct-drawer-actions{background:#fff}.ct-modal{z-index:var(--z-modal);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(540px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}[data-theme=light] .ct-modal{background:#fff;border-color:#4ba8e02e;box-shadow:0 24px 64px #4ba8e02e}.ct-modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ct-modal-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.ct-modal-body{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow-y:auto}.ct-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);flex-shrink:0;padding:16px 22px;display:flex}.ct-form-row{gap:12px;display:flex}.ct-form-row--2col>*{flex:1;min-width:0}.ct-form-row--center{justify-content:center}.ct-required{color:var(--color-danger)}.ct-emoji-picker-wrap{flex-direction:column;align-items:center;display:inline-flex;position:relative}.ct-emoji-btn{border-radius:var(--radius-lg);border:2px dashed var(--border-default);background:var(--glass-bg);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;transition:all .15s;display:flex}.ct-emoji-btn:hover{border-color:var(--border-accent);background:var(--color-info-bg)}.ct-emoji-hint{color:var(--text-tertiary);font-size:10px;font-weight:500}.ct-emoji-grid{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;grid-template-columns:repeat(6,1fr);gap:4px;width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-theme=light] .ct-emoji-grid{background:#fff;border-color:#4ba8e033}.ct-emoji-opt{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .12s;display:flex}.ct-emoji-opt:hover{background:var(--glass-bg-strong)}.ct-emoji-opt.active{background:var(--color-info-bg);border-color:var(--brand-primary)}.ct-input-prefix-wrap{position:relative}.ct-input-prefix{color:var(--text-tertiary);letter-spacing:.02em;pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ct-input-prefixed{padding-left:46px!important}.ct-select{appearance:none;cursor:pointer;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='%238B9AB8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px!important}.ct-margin-preview{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--border-subtle);color:var(--text-tertiary);align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}[data-theme=light] .ct-margin-preview{background:#f5f8ff;border-color:#4ba8e01f}.ct-margin-preview .ct-margin-bar-track{height:5px}@media (width<=1200px){.catalog-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.ct-drawer{width:100%;top:0}}@media (width<=768px){.catalog-stats{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ct-table-wrap{border-radius:0}}@media (width<=640px){.catalog-stats{grid-template-columns:1fr}}.configs-page{gap:var(--space-6);flex-direction:column;animation:.4s both fadeIn;display:flex}.configs-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.configs-section-title{align-items:center;gap:var(--space-3);display:flex}.configs-section-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cfg-icon--blue{background:var(--color-info-bg);color:var(--brand-primary)}.cfg-icon--green{background:var(--color-success-bg);color:var(--color-success)}.cfg-icon--yellow{background:var(--color-warning-bg);color:var(--color-warning)}.cfg-icon--purple{color:var(--brand-purple);background:#9b72cf1f}.cfg-icon--pink{background:var(--color-danger-bg);color:var(--brand-pink)}.configs-section-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:800}.configs-section-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.configs-card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.config-card{padding:var(--space-5);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.config-card:hover{transform:translateY(-3px)}.config-card-stripe{border-radius:0 2px 2px 0;width:4px;height:100%;position:absolute;top:0;left:0}.stripe--blue{background:var(--gradient-primary)}.stripe--green{background:var(--gradient-green)}.stripe--yellow{background:var(--gradient-yellow)}.stripe--purple{background:linear-gradient(#9b72cf,#6b4fa5)}.stripe--pink{background:var(--gradient-pink)}.stripe--teal{background:linear-gradient(#2dd4bf,#0d9488)}.config-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-left:var(--space-3);display:flex}.config-card-title{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3}.config-card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;line-height:1.4}.config-card-meta{padding-left:var(--space-3);flex-direction:column;gap:3px;display:flex}.config-meta-row{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.config-meta-row svg{opacity:.7;flex-shrink:0}.config-meta-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.config-card-footer{padding-left:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.config-card-timestamp{color:var(--text-tertiary);font-size:.68rem;font-family:var(--font-mono)}.config-card-actions{gap:var(--space-2);display:flex}.cfg-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--glass-bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.cfg-btn:hover{background:var(--glass-bg-strong);border-color:var(--brand-primary);color:var(--brand-primary)}.cfg-btn--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.cfg-btn--success:hover{border-color:var(--color-success);color:var(--color-success)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--active{background:var(--color-success);box-shadow:0 0 6px var(--brand-green-glow)}.status-dot--inactive{background:var(--text-tertiary)}.status-dot--deleted{background:var(--color-danger)}.configs-section-block{flex-direction:column;display:flex}.cfg-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:24px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.cfg-modal{z-index:10000;-webkit-backdrop-filter:blur(24px);background:#1e293bbf;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:540px;max-height:calc(100vh - 48px);padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) both scaleIn;position:relative;overflow-y:auto;box-shadow:0 32px 64px -16px #00000080,inset 0 1px #ffffff1a}.cfg-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.cfg-modal-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:800;display:flex}.cfg-modal-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.cfg-modal-close{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cfg-modal-close:hover{background:var(--glass-bg-strong);color:var(--text-primary)}.cfg-modal-divider{background:var(--border-subtle);height:1px;margin:20px 0}.cfg-form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.cfg-form-grid .cfg-full{grid-column:1/-1}.cfg-form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.cfg-error-banner{align-items:center;gap:var(--space-2);background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-3);border:1px solid #ff6b8a4d;padding:10px 14px;display:flex}.cfg-skeleton{background:var(--glass-bg);border-radius:var(--radius-md);position:relative;overflow:hidden}.cfg-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:1.4s infinite shimmer;position:absolute;inset:0}.cfg-skeleton-card{border-radius:var(--radius-lg);height:148px}.cfg-toast-wrap{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.cfg-toast{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-default);pointer-events:auto;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:13px 18px;animation:.3s cubic-bezier(.34,1.56,.64,1) both slideInToast;display:flex;box-shadow:0 8px 32px #0006}.cfg-toast--success{border-color:#06d6a066}.cfg-toast--error{border-color:#ff6b8a66}.cfg-toast-msg{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:500}@keyframes slideInToast{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cfg-confirm-modal{z-index:10000;-webkit-backdrop-filter:blur(24px);text-align:center;background:#1e293bd9;border:1px solid #ff6b8a4d;border-radius:24px;width:100%;max-width:420px;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) both scaleIn;position:relative;box-shadow:0 32px 64px -16px #0009,inset 0 1px #ff6b8a1a}.cfg-confirm-icon{background:var(--color-danger-bg);width:56px;height:56px;color:var(--color-danger);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.cfg-layout{align-items:flex-start;gap:var(--space-5);display:flex}.cfg-sidenav{width:210px;padding:var(--space-3);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;gap:2px;display:flex;position:sticky;top:20px}.cfg-nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;padding:10px 14px;font-weight:500;transition:all .2s;display:flex}.cfg-nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.cfg-nav-item.active{background:var(--glass-bg-strong);color:var(--text-primary);font-weight:700}.cfg-content{flex:1;min-width:0}.cfg-empty{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;padding:52px 20px;display:flex}.cfg-empty-icon{border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--border-subtle);width:60px;height:60px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.cfg-empty-title{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.cfg-empty-sub{font-size:var(--text-sm);color:var(--text-tertiary);max-width:280px}.cfg-search-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cfg-filter-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cfg-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;font-weight:500;font-family:var(--font-body);align-items:center;gap:5px;padding:5px 12px;line-height:1;transition:all .2s;display:inline-flex}.cfg-chip:hover{background:var(--glass-bg-strong);border-color:var(--brand-primary);color:var(--brand-primary)}.cfg-chip--active{border-color:var(--brand-primary);color:var(--brand-primary);background:#4ba8e01f;font-weight:600}.cfg-chip-count{border-radius:var(--radius-full);min-width:18px;height:18px;color:inherit;background:#ffffff14;justify-content:center;align-items:center;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.cfg-chip--active .cfg-chip-count{background:#4ba8e033}.cfg-empty-icon--teal{border-radius:var(--radius-xl);color:#2dd4bf;background:#2dd4bf14;border:1px solid #2dd4bf40;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 0 24px #2dd4bf26}.configs-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.storage-section-list{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.storage-section-tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-primary);background:#4ba8e01a;border:1px solid #4ba8e033;padding:4px 10px;font-weight:600;display:inline-flex}@media (width<=768px){.configs-card-grid,.cfg-form-grid{grid-template-columns:1fr}.cfg-modal{padding:20px}.cfg-layout{flex-direction:column}.cfg-sidenav{gap:var(--space-1);flex-flow:wrap;width:100%;padding:4px;position:static}.cfg-nav-item{flex:auto;justify-content:center;width:auto;padding:8px 12px;font-size:.75rem}}.comp-tabs{background:#00d4ff0a;border:1px solid #00d4ff1a;border-radius:12px;gap:6px;width:fit-content;margin-bottom:4px;padding:4px;display:flex}.comp-tab{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.comp-tab:hover{color:#ffffffbf;background:#ffffff0d}.comp-tab--active{color:#00d4ff;background:#00d4ff1f;border:1px solid #00d4ff40}[data-theme=light] .comp-tabs{background:#0284c70a;border-color:#0284c71f}[data-theme=light] .comp-tab{color:#64748b}[data-theme=light] .comp-tab:hover{color:#0284c7;background:#0284c70f}[data-theme=light] .comp-tab--active{color:#0284c7;background:#0284c71a;border-color:#0284c740}.comp-table-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#00d4ff26 transparent;background:#020816d1;border:1px solid #00d4ff1f;border-radius:14px;overflow:auto}.comp-table-wrap::-webkit-scrollbar{width:4px;height:4px}.comp-table-wrap::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:4px}.comp-table-empty{color:#ffffff38;font-size:14px;font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:72px 20px;display:flex}.comp-table-empty small{opacity:.7;font-size:11.5px}.comp-table{border-collapse:collapse;width:100%;font-size:13px}.comp-th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#ffffff52;font-size:10px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;z-index:2;background:#0008168c;border-bottom:1px solid #00d4ff1a;padding:12px 16px;position:sticky;top:0}.comp-th--num{text-align:right}.comp-th--actions{text-align:center}.comp-tr{transition:background .12s}.comp-tr:hover{background:#00d4ff0a}.comp-tr:hover .comp-name{color:#00d4ff}.comp-td{vertical-align:middle;color:#ffffffb8;border-bottom:1px solid #ffffff0a;padding:12px 16px}.comp-tr:last-child .comp-td{border-bottom:none}.comp-td--num{text-align:right}.comp-td--actions{text-align:center}.comp-name{color:#ffffffe0;white-space:nowrap;font-size:13px;font-weight:700;transition:color .12s}.comp-part{font-family:var(--font-mono);color:#00d4ff66;margin-top:2px;font-size:10.5px}.comp-desc{color:#ffffff80;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:220px;font-size:12px;display:-webkit-box;overflow:hidden}.comp-stock{font-family:var(--font-mono);color:#00ff94d9;background:#00ff9414;border:1px solid #00ff9433;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.comp-stock--low{color:orange;background:#ffa50014;border-color:#ffa50038}.comp-location{color:#ffffffc7;white-space:nowrap;font-size:12.5px;font-weight:600}.comp-section{font-family:var(--font-mono);color:#00d4ff73;margin-top:2px;font-size:10.5px}.comp-supplier{color:#ffffffa6;white-space:nowrap;font-size:12.5px}.comp-color-cell{color:#ffffffa6;align-items:center;gap:7px;font-size:12px;display:inline-flex}.comp-color-dot{background:#ffffff40;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px}.comp-actions{justify-content:center;align-items:center;gap:6px;display:flex}[data-theme=light] .comp-table-wrap{background:#fffffff2;border-color:#0284c726}[data-theme=light] .comp-th{color:#64748b;background:#f1f5f9e6;border-bottom-color:#0284c71f}[data-theme=light] .comp-td{color:#334155;border-bottom-color:#f1f5f9}[data-theme=light] .comp-tr:hover{background:#0284c70a}[data-theme=light] .comp-tr:hover .comp-name{color:#0284c7}[data-theme=light] .comp-name{color:#1e293b}[data-theme=light] .comp-part{color:#0284c78c}[data-theme=light] .comp-desc{color:#64748b}[data-theme=light] .comp-location{color:#334155}[data-theme=light] .comp-section{color:#0284c799}[data-theme=light] .comp-supplier{color:#475569}.comp-btn--dispatch{color:#00d4ffa6!important;background:#00d4ff0f!important;border-color:#00d4ff2e!important}.comp-btn--dispatch:hover{box-shadow:0 0 10px #00d4ff2e;color:#00d4ff!important;background:#00d4ff24!important;border-color:#00d4ff80!important}.comp-btn--return{color:#fbbf24b3!important;background:#fbbf240f!important;border-color:#fbbf2433!important}.comp-btn--return:hover{box-shadow:0 0 10px #fbbf242e;color:#fbbf24!important;background:#fbbf2424!important;border-color:#fbbf2480!important}.comp-tr--deleted{opacity:.45}.comp-deleted-badge{text-transform:uppercase;letter-spacing:.5px;color:#ff2d78;background:#ff2d781a;border:1px solid #ff2d7840;border-radius:99px;align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.comp-return-badge{color:#fbbf24;text-overflow:ellipsis;white-space:nowrap;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:8px;align-items:center;gap:5px;max-width:180px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex;overflow:hidden}.comp-dispatch-info{background:#00d4ff0d;border:1px solid #00d4ff1f;border-radius:10px;flex-wrap:wrap;gap:20px;padding:12px 16px;display:flex}.comp-dispatch-info>div{flex-direction:column;gap:2px;display:flex}.comp-dispatch-info-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;font-size:9px;font-weight:600}.comp-dispatch-info-value{color:#ffffffd9;font-size:13px;font-weight:700}.comp-dispatch-info-stock{color:#00d4ff}[data-theme=light] .comp-dispatch-info{background:#0284c70a;border-color:#0284c724}[data-theme=light] .comp-dispatch-info-label{color:#94a3b8}[data-theme=light] .comp-dispatch-info-value{color:#1e293b}[data-theme=light] .comp-dispatch-info-stock{color:#0284c7}.fdv-status-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;background-size:10px;border:1px solid;border-radius:6px;outline:none;padding:3px 22px 3px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:opacity .15s}.fdv-status-select:hover{opacity:.85}.fdv-status-select option{color:#e2e8f0;background:#1a1f2e}[data-theme=light] .fdv-status-select option{color:#1e293b;background:#fff}.users-page{gap:var(--space-5);flex-direction:column;display:flex}.users-stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.user-stat{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.user-stat-icon{background:var(--glass-bg-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-stat-value{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;line-height:1}.user-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.users-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.user-role-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-filter-btn{border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .18s}.user-filter-btn:hover{border-color:var(--border-accent);color:var(--text-primary)}.user-filter-btn.active{color:var(--text-primary);border-color:var(--border-accent);background:var(--glass-bg-strong)}.user-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.user-card{cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.user-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)!important}.user-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.user-card-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.user-card:hover .user-card-actions{opacity:1}.user-card-avatar-wrap{width:52px;height:52px;position:relative}.user-card-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.user-card-avatar img{object-fit:cover;width:100%;height:100%}.user-card-status-dot{border:2px solid var(--bg-elevated);border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:2px}.user-card-name{color:var(--text-primary);font-size:.97rem;font-weight:600}.user-card-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.user-role-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;align-items:center;width:fit-content;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.user-table-wrap{border-radius:16px;overflow:hidden}.user-table{border-collapse:collapse;width:100%}.user-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding:14px;font-size:.72rem;font-weight:700}.user-table-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .14s}.user-table-row:hover{background:var(--glass-bg)}.user-table td{vertical-align:middle;padding:12px 14px}.user-table-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.user-table-avatar img{object-fit:cover;width:100%;height:100%}.user-row-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.user-row-email{color:var(--text-primary);font-size:.82rem}.user-row-sub{color:var(--text-tertiary);margin-top:2px;font-size:.72rem}.user-row-actions{justify-content:flex-end;gap:6px;display:flex}.user-icon-btn{border:1px solid var(--border-subtle);background:var(--glass-bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.user-icon-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--border-accent)}.user-icon-btn--danger:hover{color:var(--color-danger);background:#ff3b3b1a;border-color:#ff3b3b4d}.user-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;position:fixed;inset:0}.user-backdrop--dark{z-index:60;background:#0009}.user-drawer{top:var(--header-height);background:var(--bg-elevated);border-left:1px solid var(--border-default);z-index:41;flex-direction:column;width:400px;display:flex;position:fixed;bottom:0;right:0;box-shadow:-10px 0 40px #0000004d}.user-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.user-drawer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:.72rem;font-weight:700}.user-drawer-hero{text-align:center;border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:16px;padding:30px 20px;display:flex}.user-drawer-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:800;display:flex;position:relative;overflow:hidden}.user-drawer-avatar img{object-fit:cover;width:100%;height:100%}.user-drawer-status-dot{border:3px solid var(--bg-elevated);border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:4px}.user-drawer-name{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:800}.user-drawer-email{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.user-drawer-section{border-bottom:1px solid var(--border-subtle);padding:20px}.user-drawer-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:16px;font-size:.72rem;font-weight:700;display:flex}.user-info-grid{grid-template-columns:1fr;gap:12px;display:grid}.user-info-item{flex-direction:column;gap:4px;display:flex}.user-info-label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px}.user-info-value{color:var(--text-primary);font-size:.88rem;font-weight:500}.user-drawer-actions{border-top:1px solid var(--border-subtle);gap:10px;margin-top:auto;padding:20px;display:flex}.user-confirm{z-index:61;background:var(--bg-elevated);border:1px solid var(--border-default);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:min(380px,100vw - 32px);padding:30px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.user-confirm-icon{background:#ff3b3b1a;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.user-confirm-actions{gap:10px;width:100%;margin-top:8px;display:flex}.user-confirm-actions .btn{flex:1}@media (width<=900px){.user-drawer{width:100%;top:0}.users-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.users-stats-row{grid-template-columns:1fr}}.add-user-modal-overlay{z-index:61;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.add-user-modal{background:var(--bg-elevated);border:1px solid var(--border-default);pointer-events:auto;border-radius:20px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 24px 80px #00000073}.add-user-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.add-user-modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700}.add-user-modal-sub{color:var(--text-tertiary);margin-top:3px;font-size:.76rem}.add-user-form{flex-direction:column;gap:14px;max-height:calc(100vh - 180px);padding:20px 24px 22px;display:flex;overflow-y:auto}.add-user-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.add-user-error{color:var(--color-danger);background:#ff3b3b14;border:1px solid #ff3b3b40;border-radius:10px;padding:10px 14px;font-size:.82rem;line-height:1.5}.au-phone-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--glass-bg);align-items:stretch;transition:border-color .15s;display:flex;overflow:hidden}.au-phone-row:focus-within{border-color:var(--brand-primary)}.au-phone-prefix{color:var(--text-secondary);background:var(--glass-bg-strong);border-right:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 12px;font-size:.86rem;font-weight:600;display:flex}.au-phone-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font-size:.88rem}.au-phone-input::placeholder{color:var(--text-tertiary)}.au-pass-wrap{position:relative}.au-eye-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;line-height:1;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.au-eye-btn:hover{color:var(--text-primary)}.au-optional{color:var(--text-tertiary);font-size:.7rem;font-weight:400}.add-user-modal-actions{gap:10px;padding-top:4px;display:flex}.add-user-modal-actions .btn{flex:1}.add-user-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.add-user-success-icon{color:#06d6a0;background:#06d6a01f;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.add-user-success-text{color:var(--text-primary);font-size:.97rem;font-weight:600}.au-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite au-spin;display:inline-block}@keyframes au-spin{to{transform:rotate(360deg)}}@media (width<=600px){.add-user-form-row{grid-template-columns:1fr}.add-user-modal-overlay{align-items:flex-end;padding:0}.add-user-modal{border-radius:16px 16px 0 0;width:100%}}.roles-page{gap:var(--space-6);flex-direction:column;animation:.4s both fadeIn;display:flex}.roles-stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.roles-stat-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.roles-stat-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.roles-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.roles-stat-icon--blue{background:var(--color-info-bg);color:var(--brand-primary)}.roles-stat-icon--green{background:var(--color-success-bg);color:var(--color-success)}.roles-stat-icon--pink{background:var(--color-danger-bg);color:var(--brand-pink)}.roles-stat-icon--purple{color:var(--brand-purple);background:#9b72cf1f}.roles-stat-info{flex:1;min-width:0}.roles-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);font-weight:800;line-height:1}.roles-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.roles-stat-glow{opacity:.04;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.roles-tabbar{gap:var(--space-1);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:fit-content;padding:4px;display:flex}.roles-tab-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:9px 18px;font-weight:600;transition:all .2s;display:inline-flex}.roles-tab-btn:hover{color:var(--text-primary);background:var(--glass-bg)}.roles-tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--brand-primary-glow)}.roles-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.roles-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.role-card{padding:var(--space-5);gap:var(--space-4);cursor:default;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.role-card:hover{transform:translateY(-3px)}.role-card-accent{background:var(--gradient-primary);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.role-card-header{justify-content:space-between;align-items:flex-start;display:flex}.role-card-icon{border-radius:var(--radius-md);background:var(--color-info-bg);width:40px;height:40px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-name-wrap{margin-left:var(--space-3);flex-direction:column;flex:1;display:flex}.role-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:800;line-height:1.2}.role-id{color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-mono);margin-top:2px}.role-card-footer{justify-content:space-between;align-items:center;display:flex}.role-member-avatars{align-items:center;display:flex}.role-avatar{border:2px solid var(--bg-card);background:var(--gradient-primary);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-8px;font-size:.6rem;font-weight:700;display:inline-flex}.role-avatar:first-child{margin-left:0}.role-avatar--more{background:var(--glass-bg-strong);color:var(--text-secondary);font-size:.55rem}.role-card-actions{gap:var(--space-2);display:flex}.roles-table-wrap{border-radius:var(--radius-lg);overflow-x:auto}.roles-table{border-collapse:collapse;width:100%}.roles-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);white-space:nowrap;padding:12px 16px;font-size:.7rem;font-weight:700}.roles-table-row{border-bottom:1px solid var(--border-subtle);transition:background .15s}.roles-table-row:hover{background:var(--glass-bg)}.roles-table-row td{vertical-align:middle;padding:13px 16px}.user-avatar-cell{align-items:center;gap:var(--space-3);display:flex}.user-avatar-circle{background:var(--gradient-primary);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.user-row-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.user-row-sub{color:var(--text-tertiary);font-size:.72rem;font-family:var(--font-mono)}.user-row-email{font-size:var(--text-sm);color:var(--text-secondary)}.user-badge-list{flex-wrap:wrap;gap:5px;display:flex}.claims-panel-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.claims-panel{gap:var(--space-4);flex-direction:column;display:flex}.claims-panel-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;display:flex}.claims-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary)}.claims-list{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.claim-item{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s;animation:.25s both fadeIn;display:flex}.claim-item:hover{border-color:var(--border-default)}.claim-info{flex-direction:column;gap:2px;display:flex}.claim-type{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary);font-size:.68rem;font-weight:700}.claim-value{color:var(--text-primary);font-size:.85rem;font-weight:500}.claim-issuer{color:var(--text-tertiary);font-size:.65rem;font-family:var(--font-mono)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:24px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.roles-modal{z-index:10000;-webkit-backdrop-filter:blur(24px);background:#1e293bbf;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:540px;max-height:calc(100vh - 48px);padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) both scaleIn;position:relative;overflow-y:auto;box-shadow:0 32px 64px -16px #00000080,inset 0 1px #ffffff1a}.roles-modal--wide{width:min(680px,94vw)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:800}.modal-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.modal-close-btn{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary)}.modal-divider{background:var(--border-subtle);height:1px;margin:20px 0}.form-actions{margin-top:var(--space-6);justify-content:flex-end;gap:12px;display:flex}.role-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--glass-bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.role-action-btn:hover{background:var(--glass-bg-strong);border-color:var(--brand-primary);color:var(--brand-primary)}.role-action-btn--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.role-assign-list{flex-direction:column;gap:8px;max-height:380px;display:flex;overflow-y:auto}.role-assign-item{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.role-assign-item.is-assigned{background:#4ba8e00d;border-color:#4ba8e04d}.role-assign-item-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.role-assign-item-count{font-size:var(--text-xs);color:var(--text-tertiary)}.skeleton{background:var(--glass-bg);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:1.4s infinite shimmer;position:absolute;inset:0}.skeleton-line{height:14px}.skeleton-title{height:22px;margin-bottom:8px}.skeleton-card{border-radius:var(--radius-lg);height:120px}.roles-toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.roles-toast{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-default);pointer-events:auto;align-items:center;gap:12px;min-width:280px;max-width:380px;padding:14px 18px;animation:.3s cubic-bezier(.34,1.56,.64,1) both slideInUp;display:flex;box-shadow:0 8px 32px #0006}.roles-toast--success{border-color:#06d6a059}.roles-toast--error{border-color:#ff6b8a59}.roles-toast-icon{flex-shrink:0}.roles-toast-msg{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;color:var(--text-tertiary);flex-direction:column;padding:60px 20px;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--glass-bg);width:64px;height:64px;margin-bottom:var(--space-2);border:1px solid var(--border-subtle);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.empty-state-sub{font-size:var(--text-sm);color:var(--text-tertiary);max-width:300px}.roles-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;padding:16px 20px;display:flex}.roles-toolbar-right{align-items:center;gap:var(--space-3);display:flex}.role-select{background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;outline:none;min-height:38px;padding:8px 12px;transition:border-color .15s}.role-select:focus{border-color:var(--brand-primary)}@media (width<=900px){.roles-stats-row{grid-template-columns:repeat(2,1fr)}.claims-panel-grid{grid-template-columns:1fr}}@media (width<=600px){.roles-stats-row,.roles-grid{grid-template-columns:1fr}.roles-table{display:block;overflow-x:auto}.roles-modal{padding:20px}}.reports-page{flex-direction:column;gap:20px;display:flex}.rp-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rp-period-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;gap:2px;padding:3px;display:flex}.rp-period-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.rp-period-tab:hover{color:var(--text-primary)}.rp-period-tab.active{color:var(--text-primary);background:#ffffff1a;font-weight:600}.rp-kpi-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;display:grid}.rp-kpi-card{border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;height:100%;margin:0;padding:20px;display:flex}.rp-kpi-top{justify-content:space-between;align-items:center;display:flex}.rp-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rp-kpi-change{border-radius:20px;align-items:center;gap:3px;padding:3px 9px;font-size:.73rem;font-weight:700;display:flex}.rp-kpi-change--up{color:#06d6a0;background:#06d6a01f}.rp-kpi-change--down{color:#ff5a5a;background:#ff3b3b1f}.rp-kpi-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.rp-kpi-label{color:var(--text-secondary);margin-top:2px;font-size:.76rem}.rp-kpi-sub{color:var(--text-secondary);opacity:.7;font-size:.72rem}.rp-section{border-radius:18px;padding:22px 24px}.rp-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.rp-section-title{color:var(--text-primary);margin:0 0 3px;font-size:.96rem;font-weight:700}.rp-section-sub{color:var(--text-secondary);font-size:.74rem}.rp-two-col{align-items:stretch;gap:18px;display:flex}.rp-product-list{flex-direction:column;gap:0;display:flex}.rp-product-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 0;display:flex}.rp-product-row:last-child{border-bottom:none}.rp-product-rank{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.rp-product-info{flex:1;min-width:0}.rp-product-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.rp-product-units{color:var(--text-secondary);margin-top:2px;font-size:.71rem}.rp-product-bar-wrap{flex:1}.rp-product-bar-track{background:#ffffff12;border-radius:5px;height:5px;overflow:hidden}.rp-product-bar-fill{border-radius:5px;height:100%;transition:width .6s}.rp-product-rev{color:var(--text-primary);text-align:right;flex-shrink:0;min-width:64px;font-size:.84rem;font-weight:700}.rp-payment-list{flex-direction:column;gap:14px;display:flex}.rp-payment-row{flex-direction:column;gap:6px;display:flex}.rp-payment-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.rp-payment-label{color:var(--text-primary);align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:flex}.rp-payment-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rp-payment-pct{color:var(--text-secondary);font-size:.8rem;font-weight:700}.rp-payment-bar-track{background:#ffffff12;border-radius:7px;height:7px;overflow:hidden}.rp-payment-bar-fill{border-radius:7px;height:100%;transition:width .6s}.rp-cat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rp-cat-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:14px 16px}.rp-cat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rp-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rp-cat-pct-label{color:var(--text-secondary);font-size:.7rem;font-weight:700}.rp-cat-value{letter-spacing:-.03em;font-size:1.5rem;font-weight:800;line-height:1}.rp-cat-name{color:var(--text-secondary);margin-top:4px;font-size:.76rem}.rp-cat-bar{background:#ffffff12;border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.rp-cat-bar-fill{border-radius:4px;height:100%;transition:width .6s}.rp-tx-wrap{border-radius:18px;overflow:hidden}.rp-tx-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.84rem}.rp-tx-table thead tr{border-bottom:1px solid #ffffff14}.rp-tx-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:11px 16px;font-size:.71rem;font-weight:600}.rp-tx-row{border-bottom:1px solid #ffffff0d;transition:background .13s}.rp-tx-row:last-child{border-bottom:none}.rp-tx-row:hover{background:#ffffff08}.rp-tx-table td{vertical-align:middle;padding:12px 16px}.rp-tx-id{font-family:var(--font-mono,monospace);color:var(--text-secondary);font-size:.76rem}.rp-tx-customer{color:var(--text-primary);font-size:.85rem;font-weight:600}.rp-tx-cashier{color:var(--text-secondary);font-size:.74rem}.rp-tx-amount{color:var(--text-primary);font-size:.88rem;font-weight:700}.rp-tx-time{color:var(--text-secondary);font-size:.74rem}.rp-tx-method{color:var(--text-secondary);align-items:center;gap:5px;font-size:.76rem;font-weight:500;display:inline-flex}[data-theme=light] .rp-period-tabs{background:#0d14240a;border-color:#0d14241a}[data-theme=light] .rp-period-tab{color:#0d14248c}[data-theme=light] .rp-period-tab:hover{color:var(--text-primary)}[data-theme=light] .rp-period-tab.active{color:var(--text-primary);background:#0d142412}[data-theme=light] .rp-product-row{border-bottom-color:#0d14240d}[data-theme=light] .rp-product-bar-track{background:#0d14240f}[data-theme=light] .rp-payment-bar-track{background:#0d142412}[data-theme=light] .rp-cat-card{background:#0d142405;border-color:#0d142414}[data-theme=light] .rp-cat-bar{background:#0d142412}[data-theme=light] .rp-tx-table thead tr{border-bottom-color:#0d142414}[data-theme=light] .rp-tx-row{border-bottom-color:#0d14240d}[data-theme=light] .rp-tx-row:hover{background:#0d142405}@media (width<=1200px){.rp-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.rp-two-col{flex-direction:column}.rp-cat-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.rp-kpi-grid{grid-template-columns:1fr 1fr}.rp-cat-grid{grid-template-columns:repeat(2,1fr)}.rp-header-actions{flex-wrap:wrap}}.ops-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.ops-stat{border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex}.ops-stat-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ops-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.ops-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:.72rem}.ops-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ops-tab-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:2px;padding:4px;display:flex}.ops-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:7px 18px;font-size:.83rem;font-weight:500;transition:all .15s;display:flex}.ops-tab:hover{color:var(--text-primary)}.ops-tab.active{color:var(--text-primary);background:#ffffff1a;font-weight:600}.ops-tab-count{background:#ffffff1a;border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:700}.ops-tab.active .ops-tab-count{background:var(--brand-primary);color:#fff}.ops-table-wrap{border-radius:16px;overflow:hidden}.ops-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.84rem}.ops-table thead tr{border-bottom:1px solid #ffffff14}.ops-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:600}.ops-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.ops-th-sort:hover{color:var(--text-primary)}.ops-table-row{border-bottom:1px solid #ffffff0d;transition:background .14s}.ops-table-row:last-child{border-bottom:none}.ops-table-row:hover{background:#ffffff0a}.ops-table td{vertical-align:middle;padding:13px 16px}.ops-row-name{color:var(--text-primary);font-size:.86rem;font-weight:600}.ops-row-sub{color:var(--text-secondary);margin-top:2px;font-size:.73rem}.ops-row-actions{opacity:0;justify-content:flex-end;gap:4px;transition:opacity .15s;display:flex}.ops-table-row:hover .ops-row-actions{opacity:1}.ops-icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.ops-icon-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.ops-status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.ops-status-dot{border-radius:50%;width:6px;height:6px}.ops-status--active{color:#06d6a0;background:#06d6a01f}.ops-status--inactive{color:#8b9ab8;background:#8b9ab81f}.ops-status--pending{color:#ffd166;background:#ffd1661f}.ops-status--transit{color:#4ba8e0;background:#4ba8e01f}.ops-status--received,.ops-status--connected{color:#06d6a0;background:#06d6a01f}.ops-status--available{color:var(--text-secondary);background:#ffffff0f}.ops-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 24px;font-size:.88rem;display:flex}.loc-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.loc-card{border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.loc-map-thumb{background:linear-gradient(135deg,#4ba8e024 0%,#06d6a014 100%);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;height:110px;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.loc-map-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.loc-map-pin{z-index:1;filter:drop-shadow(0 2px 12px #4ba8e080);position:relative}.loc-body{flex-direction:column;flex:1;gap:12px;padding:18px 20px;display:flex}.loc-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.loc-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.loc-address{color:var(--text-secondary);align-items:flex-start;gap:5px;margin-top:3px;font-size:.76rem;line-height:1.4;display:flex}.loc-divider{background:#ffffff12;height:1px}.loc-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.loc-meta strong{color:var(--text-primary);font-weight:600}.loc-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.loc-stat-cell{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px}.loc-stat-val{color:var(--text-primary);font-size:.95rem;font-weight:700}.loc-stat-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.67rem}.int-sections{flex-direction:column;gap:28px;display:flex}.int-section{flex-direction:column;gap:12px;display:flex}.int-section-header{align-items:center;gap:10px;padding-bottom:4px;display:flex}.int-section-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;display:flex}.int-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.78rem;font-weight:700}.int-connected-count{color:#06d6a0;margin-left:auto;font-size:.7rem;font-weight:600}.int-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.int-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;padding:15px 18px;transition:background .15s,border-color .15s;display:flex}.int-card:hover{background:#ffffff0d;border-color:#ffffff1f}.int-card-logo{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.int-card-info{flex:1;min-width:0}.int-card-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.int-card-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.73rem;overflow:hidden}.int-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:.76rem;font-weight:600;transition:all .15s}.int-btn--on{color:#06d6a0;background:#06d6a01a;border-color:#06d6a04d}.int-btn--on:hover{background:#06d6a02e}.int-btn--off{color:var(--text-secondary);background:0 0;border-color:#ffffff24}.int-btn--off:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff3d}.set-layout{grid-template-columns:210px 1fr;align-items:start;gap:22px;display:grid}.set-nav{border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:80px}.set-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.set-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.set-nav-item.active{color:var(--text-primary);background:#ffffff14;font-weight:600}.set-nav-divider{background:#ffffff12;height:1px;margin:6px 4px}.set-content{flex-direction:column;gap:0;display:flex}.set-section{border-radius:16px;padding:24px}.set-section-header{border-bottom:1px solid #ffffff12;margin-bottom:20px;padding-bottom:16px}.set-section-title{color:var(--text-primary);margin:0 0 4px;font-size:1rem;font-weight:700}.set-section-desc{color:var(--text-secondary);font-size:.78rem}.set-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.set-field-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.set-field-row:last-child{border-bottom:none}.set-field-label{color:var(--text-primary);font-size:.86rem;font-weight:600}.set-field-sub{color:var(--text-secondary);max-width:380px;margin-top:3px;font-size:.74rem;line-height:1.4}.set-footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.set-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.set-toggle input{opacity:0;width:0;height:0;position:absolute}.set-toggle-track{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;transition:background .2s;position:absolute;inset:0}.set-toggle-track:after{content:"";background:#ffffff80;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.set-toggle input:checked+.set-toggle-track{background:var(--brand-primary);border-color:var(--brand-primary)}.set-toggle input:checked+.set-toggle-track:after{background:#fff;transform:translate(20px)}.notif-list{border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.notif-item{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:14px;padding:16px 20px;transition:background .14s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#ffffff06}.notif-item.unread:before{content:"";background:var(--brand-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.notif-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-body-wrap{flex:1;min-width:0}.notif-title-row{align-items:center;gap:8px;display:flex}.notif-title{color:var(--text-primary);font-size:.87rem;font-weight:600}.notif-unread-dot{background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-text{color:var(--text-secondary);margin-top:3px;font-size:.78rem;line-height:1.5}.notif-meta{align-items:center;gap:10px;margin-top:6px;display:flex}.notif-time{color:var(--text-secondary);font-size:.7rem}.notif-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 7px;font-size:.67rem;font-weight:600}.notif-dismiss{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .15s;display:flex}.notif-item:hover .notif-dismiss{opacity:1}.notif-dismiss:hover{color:var(--text-primary);background:#ffffff14}[data-theme=light] .ops-stat-icon{background:#0d14240a}[data-theme=light] .ops-tab-bar{background:#0d14240a;border-color:#0d14241a}[data-theme=light] .ops-tab{color:#0d14248c}[data-theme=light] .ops-tab:hover{color:var(--text-primary)}[data-theme=light] .ops-tab.active{color:var(--text-primary);background:#0d142412}[data-theme=light] .ops-tab-count{background:#0d142414}[data-theme=light] .ops-tab.active .ops-tab-count{background:var(--brand-primary);color:#fff}[data-theme=light] .ops-table thead tr{border-bottom-color:#0d142414}[data-theme=light] .ops-table-row{border-bottom-color:#0d14240d}[data-theme=light] .ops-table-row:hover{background:#0d142408}[data-theme=light] .ops-icon-btn{color:#0d142480;border-color:#0d14241f}[data-theme=light] .ops-icon-btn:hover{color:var(--text-primary);background:#0d14240f;border-color:#0d142433}[data-theme=light] .loc-map-thumb{border-bottom-color:#0d14240f}[data-theme=light] .loc-map-grid{background-image:linear-gradient(#0d14240a 1px,#0000 1px),linear-gradient(90deg,#0d14240a 1px,#0000 1px)}[data-theme=light] .loc-divider{background:#0d142412}[data-theme=light] .loc-stat-cell{background:#0d142405;border-color:#0d14240f}[data-theme=light] .int-card{background:#0d142405;border-color:#0d142414}[data-theme=light] .int-card:hover{background:#0d14240a;border-color:#0d142424}[data-theme=light] .int-card-logo{background:#0d142405;border-color:#0d142414}[data-theme=light] .int-btn--off{color:#0d142480;border-color:#0d142424}[data-theme=light] .int-btn--off:hover{color:var(--text-primary);background:#0d14240a;border-color:#0d14243d}[data-theme=light] .set-nav-item{color:#0d142499}[data-theme=light] .set-nav-item:hover{color:var(--text-primary);background:#0d14240a}[data-theme=light] .set-nav-item.active{color:var(--text-primary);background:#0d142412}[data-theme=light] .set-nav-divider{background:#0d142412}[data-theme=light] .set-section-header,[data-theme=light] .set-footer{border-color:#0d142412}[data-theme=light] .set-field-row{border-bottom-color:#0d14240d}[data-theme=light] .set-toggle-track{background:#0d142414;border-color:#0d14241f}[data-theme=light] .set-toggle-track:after{background:#0d142459}[data-theme=light] .notif-item{border-bottom-color:#0d14240d}[data-theme=light] .notif-item:hover{background:#0d142405}[data-theme=light] .notif-item.unread{background:#0d142404}[data-theme=light] .notif-dismiss:hover{background:#0d142412}@media (width<=1100px){.ops-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.set-layout{grid-template-columns:1fr}.set-nav{flex-flow:wrap;position:static}.set-nav-divider{display:none}.loc-grid{grid-template-columns:1fr}}@media (width<=640px){.ops-stats{grid-template-columns:1fr 1fr}.int-cards,.set-2col{grid-template-columns:1fr}}.sc-filter-bar{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 18px;animation:.2s both fadeIn;display:flex}.sc-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:600}.sc-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:4px 12px;font-size:.75rem;font-weight:500}.sc-chip:hover{border-color:var(--border-default);color:var(--text-primary);background:var(--glass-bg)}.sc-chip--active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 2px 10px var(--brand-primary-glow);font-weight:600}.sc-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);background:#020817b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sc-modal{border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) both sc-modal-in;display:flex;overflow:hidden}@keyframes sc-modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sc-modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.sc-modal-icon{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;width:42px;height:42px;box-shadow:0 4px 16px var(--brand-primary-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-modal-title{color:var(--text-primary);margin:0 0 2px;font-size:1rem;font-weight:700}.sc-modal-sub{color:var(--text-secondary);font-size:.76rem}.sc-close-btn{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sc-close-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--border-default)}.sc-modal-body{flex-direction:column;flex:1;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.sc-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sc-form-group{flex-direction:column;gap:6px;display:flex}.sc-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:flex}.sc-required{color:var(--brand-pink);font-size:.9em}.sc-select{appearance:none;cursor:pointer;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='%238B9AB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.sc-input-error{border-color:var(--brand-pink)!important;box-shadow:0 0 0 3px var(--brand-pink-glow)!important}.sc-error-msg{color:var(--brand-pink);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex}.sc-section-divider{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:7px;padding-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.sc-items-list{flex-direction:column;gap:8px;display:flex}.sc-items-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:8px;padding:0 6px;font-size:.69rem;font-weight:700;display:flex}.sc-item-row{align-items:center;gap:8px;animation:.18s both fadeIn;display:flex}.sc-item-input{min-height:38px!important;padding:7px 10px!important;font-size:.84rem!important}.sc-item-subtotal{text-align:right;color:var(--text-primary);flex-shrink:0;font-size:.83rem;font-weight:600}.sc-item-remove{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-item-remove:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--brand-pink);color:var(--brand-pink)}.sc-item-remove:disabled{opacity:.25;cursor:not-allowed}.sc-add-item-btn{border:1px dashed var(--border-default);color:var(--brand-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:9px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.sc-add-item-btn:hover{background:var(--color-info-bg);border-color:var(--brand-primary)}.sc-order-total{background:linear-gradient(135deg,#4ba8e014 0%,#4ba8e00a 100%);border:1px solid #4ba8e02e;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sc-order-total-label{color:var(--text-secondary);font-size:.84rem;font-weight:600}.sc-order-total-value{color:var(--brand-primary);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.sc-textarea{resize:vertical;min-height:80px;font-family:var(--font-body);line-height:1.55}.sc-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:6px;display:flex}.sc-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}[data-theme=light] .sc-overlay{background:#f0f4ff99}[data-theme=light] .sc-filter-bar{background:#0d142406;border-color:#0d142414}[data-theme=light] .sc-chip{color:#0d142499;border-color:#0d14241f}[data-theme=light] .sc-chip:hover{color:var(--text-primary);background:#0d14240a;border-color:#0d142433}[data-theme=light] .sc-chip--active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}[data-theme=light] .sc-modal-header{border-bottom-color:#0d142412}[data-theme=light] .sc-close-btn{color:#0d142480;border-color:#0d14241a}[data-theme=light] .sc-close-btn:hover{color:var(--text-primary);background:#0d14240d}[data-theme=light] .sc-section-divider{border-bottom-color:#0d142412}[data-theme=light] .sc-item-remove{color:#0d142473;border-color:#0d14241a}[data-theme=light] .sc-add-item-btn{border-color:#0d14242e}[data-theme=light] .sc-order-total{background:linear-gradient(135deg,#4ba8e00f 0%,#4ba8e005 100%);border-color:#4ba8e038}[data-theme=light] .sc-modal-footer{border-top-color:#0d142412}@media (width<=600px){.sc-form-row{grid-template-columns:1fr}.sc-modal{border-radius:16px}.sc-overlay{padding:16px}}.loc-type-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:12px}.loc-add-card{cursor:pointer;border:1.5px dashed var(--border-default);min-height:220px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:18px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.loc-add-card:hover,.loc-add-card:focus-visible{background:var(--glass-bg);border-color:var(--brand-primary);transform:translateY(-2px)}.loc-add-icon{background:var(--color-info-bg);width:52px;height:52px;transition:background var(--transition-fast);border:1px solid #4ba8e040;border-radius:14px;justify-content:center;align-items:center;display:flex}.loc-add-card:hover .loc-add-icon{background:#4ba8e02e}.loc-add-label{color:var(--text-primary);font-size:.88rem;font-weight:700}.loc-add-sub{color:var(--text-secondary);font-size:.73rem}.loc-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);background:#020817b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.loc-modal{border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) both loc-modal-in;display:flex;overflow:hidden}.loc-modal--wide{max-width:680px}@keyframes loc-modal-in{0%{opacity:0;transform:translateY(28px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.loc-modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.loc-modal-header--flat{border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:flex-start;padding:16px 24px}.loc-modal-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 16px #4ba8e04d}.loc-modal-title{color:var(--text-primary);margin:0 0 2px;font-size:1rem;font-weight:700}.loc-modal-sub{color:var(--text-secondary);font-size:.76rem}.loc-close-btn{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.loc-close-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--border-default)}.loc-manage-hero{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.loc-close-btn--hero{margin-left:0;position:absolute;top:12px;right:14px}.loc-manage-status-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.loc-manage-stat{color:var(--text-secondary);align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:flex}.loc-modal-body{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.loc-form-row{gap:14px;display:flex}.loc-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.loc-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:flex}.loc-required{color:var(--brand-pink)}.loc-select{appearance:none;cursor:pointer;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='%238B9AB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.loc-input-error{border-color:var(--brand-pink)!important;box-shadow:0 0 0 3px var(--brand-pink-glow)!important}.loc-error-msg{color:var(--brand-pink);align-items:center;gap:4px;font-size:.72rem;display:flex}.loc-status-toggle{gap:8px;height:44px;display:flex}.loc-status-opt{border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:7px;font-size:.84rem;font-weight:500;display:flex}.loc-status-opt--active{color:#06d6a0;background:#06d6a01a;border-color:#06d6a059;font-weight:600}.loc-status-opt--inactive{color:#8b9ab8;background:#8b9ab81a;border-color:#8b9ab84d;font-weight:600}.loc-status-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--glass-bg);cursor:pointer;height:44px;transition:all var(--transition-fast);align-items:center;gap:10px;width:100%;padding:0 16px;font-size:.9rem;font-weight:600;display:flex}.loc-status-toggle-btn:hover{background:var(--glass-bg-strong);border-color:var(--border-strong)}.loc-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:10px;display:flex}.loc-modal-footer--split{justify-content:space-between;align-items:center}.loc-delete-btn{transition:all var(--transition-fast)!important}.loc-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}[data-theme=light] .loc-overlay{background:#f0f4ff99}[data-theme=light] .loc-add-card{border-color:#0d142424}[data-theme=light] .loc-add-card:hover{border-color:var(--brand-primary);background:#0d142408}[data-theme=light] .loc-add-icon{background:#4ba8e014;border-color:#4ba8e033}[data-theme=light] .loc-modal-header,[data-theme=light] .loc-modal-header--flat,[data-theme=light] .loc-manage-hero{border-bottom-color:#0d142412}[data-theme=light] .loc-close-btn{color:#0d142480;border-color:#0d14241a}[data-theme=light] .loc-close-btn:hover{background:#0d14240d}[data-theme=light] .loc-status-opt{color:#0d14248c;border-color:#0d14241f}[data-theme=light] .loc-status-toggle-btn{background:#0d142408;border-color:#0d14241f}[data-theme=light] .loc-modal-footer{border-top-color:#0d142412}@media (width<=640px){.loc-form-row{flex-direction:column}.loc-modal{border-radius:16px}.loc-overlay{align-items:flex-end;padding:16px}.loc-modal{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:95vh}}.profile-page{gap:var(--space-5);flex-direction:column;display:flex}.profile-grid{gap:var(--space-5);grid-template-columns:320px 1fr;align-items:start;display:grid}.profile-card{padding:0;overflow:hidden}.profile-sidebar{flex-direction:column;display:flex}.profile-avatar-section{border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom, var(--glass-bg), transparent);flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.profile-avatar-wrap{width:100px;height:100px;position:relative}.profile-avatar{background:var(--gradient-primary);color:#fff;width:100px;height:100px;box-shadow:0 0 0 4px var(--bg-elevated), 0 0 20px #0003;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-edit{background:var(--brand-primary);color:#fff;border:3px solid var(--bg-elevated);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-edit:hover{transform:scale(1.1)}.profile-name{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.profile-role-badge{border-radius:var(--radius-full);background:var(--glass-bg-strong);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-size:.72rem;font-weight:700}.profile-quick-stats{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:20px;display:flex}.p-stat{justify-content:space-between;align-items:center;display:flex}.p-stat-label{color:var(--text-tertiary);font-size:.75rem}.p-stat-value{color:var(--text-primary);font-size:.82rem;font-weight:600}.profile-nav-links{flex-direction:column;gap:4px;padding:12px;display:flex}.p-nav-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.p-nav-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.p-nav-btn.active{background:var(--glass-bg-strong);color:var(--brand-primary)}.p-nav-btn-danger:hover{color:var(--color-danger);background:#ff3b3b0d}.profile-main{flex-direction:column;display:flex}.profile-section-header{border-bottom:1px solid var(--border-subtle);padding:24px 30px}.profile-section-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:800}.profile-form{flex-direction:column;gap:24px;padding:30px;display:flex}.profile-msg{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.profile-msg.success{color:var(--color-success);background:#00b4641a;border:1px solid #00b46433}.profile-msg.error{color:var(--color-danger);background:#ff3b3b1a;border:1px solid #ff3b3b33}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-form-actions{justify-content:flex-end;padding-top:10px;display:flex}@media (width<=1000px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{flex-flow:wrap}.profile-avatar-section{border-bottom:none;border-right:1px solid var(--border-subtle);flex:1}.profile-quick-stats{flex:1}.profile-nav-links{border-top:1px solid var(--border-subtle);flex-direction:row;width:100%}.p-nav-btn{flex:1;justify-content:center}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.profile-avatar-section{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%}}