:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#080a0f;--bg-surface:#0e1118;--bg-surface-elevated:#141722;--bg-card:#11141e;--bg-card-hover:#161a27;--bg-input:#090b12;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-focus:#5d5fef;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#526077;--accent-primary:#5d5fef;--accent-hover:#4e50e0;--accent-subtle:#5d5fef1f;--color-active:#10b981;--color-active-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b59;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-danger-border:#ef444480;--modal-backdrop:#040508d1;--card-shadow:0 4px 16px #0006;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#5d5fef;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#5d5fef;--accent-hover:#4e50e0;--accent-subtle:#5d5fef14;--color-active:#059669;--color-active-bg:#0596691a;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-border:#d977064d;--color-danger:#dc2626;--color-danger-bg:#dc262614;--color-danger-border:#dc26264d;--modal-backdrop:#0f172a73;--card-shadow:0 1px 3px #0000000d, 0 4px 12px #00000008}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;transition:background-color .2s,color .2s;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;letter-spacing:-.011em;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;max-width:100%;font-family:inherit}@keyframes modalReveal{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes criticalPulse{0%{border-color:#ef444466;box-shadow:0 0 #ef444440}50%{border-color:#ef4444e6;box-shadow:0 0 16px 2px #ef444433}to{border-color:#ef444466;box-shadow:0 0 #ef444440}}.critical-card-pulse{animation:2.4s ease-in-out infinite criticalPulse}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot-active{background-color:var(--color-active);box-shadow:0 0 8px #10b98180}.status-dot-warning{background-color:var(--color-warning);box-shadow:0 0 8px #f59e0b80}.status-dot-danger{background-color:var(--color-danger);box-shadow:0 0 8px #ef444499}.status-dot-muted{background-color:var(--text-muted)}.pill{border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill-active{background:var(--color-active-bg);color:var(--color-active);border:1px solid #10b98140}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.pill-muted{background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.modal-overlay{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;animation:overlayFade var(--transition-fast) forwards;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);width:100%;max-width:500px;max-height:90vh;animation:modalReveal var(--transition-smooth) forwards;overflow-y:auto}.field-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--text-secondary);font-size:12px;font-weight:500}.field-input{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px;font-size:14px}.field-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #5d5fef33}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{color:#fff;background:#5d5fef;border:1px solid #ffffff1f}.btn-primary:hover{background:#4e50e0;transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--border-subtle);color:var(--text-primary)}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#ef4444}.btn-success{color:#fff;background:#059669}.btn-success:hover{background:#10b981}.unit-toggle{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.unit-btn{border-radius:var(--radius-xs);color:var(--text-muted);background:0 0;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.unit-btn.active{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.dual-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scrollable-tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.scrollable-tabs-wrapper::-webkit-scrollbar{display:none}.hamburger-toggle-btn{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);z-index:110;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:8px;display:none}.hamburger-line{background-color:var(--text-primary);width:18px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:2px}.hamburger-toggle-btn.open .line-1{transform:translateY(6px)rotate(45deg)}.hamburger-toggle-btn.open .line-2{opacity:0}.hamburger-toggle-btn.open .line-3{transform:translateY(-6px)rotate(-45deg)}.mobile-hamburger-drawer{background:var(--bg-surface);border-bottom:1px solid var(--border-medium);z-index:99;padding:16px 20px 24px;animation:.22s cubic-bezier(.16,1,.3,1) forwards drawerSlideDown;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 36px #0003}@media (width<=900px){.nav-desktop-links,.nav-desktop-actions{display:none!important}.hamburger-toggle-btn{display:flex!important}.mobile-hamburger-drawer.open{display:block!important}}@media (width<=640px){.dual-field-row{grid-template-columns:1fr!important;gap:0!important}.modal-overlay{align-items:flex-end!important;padding:10px!important}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:92vh!important;padding:18px 16px!important}.btn{padding:10px 14px!important}.responsive-grid{grid-template-columns:1fr!important}.app-main-container{padding:14px 12px 30px!important}.catalog-header-wrap{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.search-input-wrap{width:100%!important}.admin-metrics-grid{grid-template-columns:1fr!important}}