@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap";.theme-neutral{--primary: #404040;--primary-dark: #2A2A2A;--secondary: #6B6B6B;--bg: #F7F7F5;--card: #ffffff;--text: #1A1A1A;--text-light: #6B6B6B;--border: #E8E8E6}.theme-neutral .navbar-brand span{color:var(--text)}.theme-neutral .sidebar-item.active{background-color:#4040401a}.theme-custom{--primary: #404040;--primary-dark: #2A2A2A;--secondary: #6B6B6B;--bg: #F7F7F5;--card: #ffffff;--text: #1A1A1A;--text-light: #6B6B6B;--border: #E8E8E6}.theme-custom .sidebar-item.active{background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--neutral-primary-soft)}.login-hero{position:relative;display:flex;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 55%,color-mix(in srgb,var(--primary) 70%,#000) 100%);overflow:hidden}.login-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1px,transparent 0);background-size:24px 24px;opacity:.55}.login-hero-content{position:relative;z-index:1;max-width:420px;color:#fff;text-align:left}.login-hero-logo{height:56px;width:auto;margin-bottom:2rem;display:block;object-fit:contain}.login-hero-content h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1rem}.login-hero-content p{font-size:1.125rem;line-height:1.7;color:#ffffffd1;max-width:36ch}.login-panel{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--neutral-secondary-soft)}.login-card{width:100%;max-width:440px;background:var(--neutral-primary-soft);border-radius:var(--radius-base);padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-default)}.login-header{margin-bottom:2rem}.login-header h2{font-size:1.75rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;letter-spacing:-.02em}.login-header p{color:var(--body);font-size:.9375rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.875rem;font-weight:500;color:var(--heading)}.login-input{display:flex;align-items:center;gap:.625rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);padding:.75rem 1rem;background:var(--neutral-secondary-medium);box-shadow:var(--shadow-sm);transition:var(--transition)}.login-input:hover{border-color:var(--border-default-strong)}.login-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--neutral-primary-soft)}.login-input svg{color:var(--body);flex-shrink:0}.login-input input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--heading)}.login-input input::placeholder{color:var(--body)}.password-toggle{border:none;background:none;color:var(--body);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--heading)}.login-button{margin-top:.25rem;background:var(--brand);color:#fff;border:1px solid transparent;border-radius:var(--radius-pill);padding:.875rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs),inset var(--color-1-400) 0 6px 0 -5px,var(--color-1-700) 0 4px 10px -5px}.login-button:hover:not(:disabled){background:var(--brand-strong)}.login-button:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 35%,transparent)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);padding:.875rem 1rem;border-radius:var(--radius-base);font-size:.8125rem;font-weight:500}@media (max-width: 900px){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-hero{min-height:220px;padding:2rem 1.5rem}.login-hero-logo{height:40px;margin-bottom:1rem}.login-hero-content h1{font-size:1.75rem}.login-hero-content p{font-size:.9375rem}.login-panel{padding:1.5rem}.login-card{padding:2rem}}@media (max-width: 480px){.login-card{padding:1.5rem;border-radius:var(--radius-base);box-shadow:none;border:none;background:transparent}.login-panel{background:var(--neutral-primary-soft)}}.toast{position:fixed;top:1.5rem;right:1.5rem;min-width:320px;max-width:420px;background:#FFFFFF;border:1px solid #E2E3E7;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 8px 24px #0a25381f;z-index:10000;animation:toastSlideIn .3s ease-out;font-size:.9375rem;line-height:1.5}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem}.toast-message{flex:1;color:#0a0d0f;font-weight:500;letter-spacing:-.01em}.toast-close{flex-shrink:0;background:transparent;border:none;color:#0a0d0f80;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;width:24px;height:24px}.toast-close:hover{background:rgba(10,13,15,.05);color:#0a0d0f}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:rgba(16,185,129,.1);color:#059669}.toast-error{border-left:4px solid #dc2626}.toast-error .toast-icon{background:rgba(220,38,38,.1);color:#dc2626}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:rgba(245,158,11,.1);color:#d97706}.toast-info{border-left:4px solid #10375E}.toast-info .toast-icon{background:rgba(16,55,94,.1);color:#10375e}@media (max-width: 768px){.toast{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--body);cursor:pointer;transition:var(--transition)}.notification-bell-trigger:hover,.notification-bell-trigger.is-open{background:var(--neutral-tertiary-soft);color:var(--heading)}.notification-bell-badge{position:absolute;top:-2px;right:-4px;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:.625rem;font-weight:700;line-height:1.125rem;text-align:center}.notification-bell-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:min(22rem,calc(100vw - 2rem));background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1100;overflow:hidden}.notification-bell-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-default);font-weight:600;color:var(--heading)}.notification-bell-compose{border:none;background:transparent;color:var(--fg-brand);font-size:.8125rem;font-weight:600;cursor:pointer}.notification-bell-list{list-style:none;margin:0;padding:0;max-height:20rem;overflow-y:auto}.notification-bell-empty{padding:1.25rem 1rem;color:var(--body-subtle);font-size:.875rem;text-align:center}.notification-bell-item{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--border-default);background:transparent;text-align:left;cursor:pointer;transition:var(--transition)}.notification-bell-item:hover{background:var(--neutral-secondary-soft)}.notification-bell-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.notification-bell-item-title{font-size:.875rem;font-weight:600;color:var(--heading)}.notification-bell-item-body{font-size:.8125rem;color:var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-bell-item-time{font-size:.75rem;color:var(--body-subtle)}.notification-bell-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--body-subtle);cursor:pointer}.notification-bell-dismiss:hover{background:var(--neutral-tertiary-soft);color:var(--heading)}.notification-bell-footer{width:100%;padding:.75rem 1rem;border:none;background:var(--neutral-secondary-soft);color:var(--fg-brand);font-size:.875rem;font-weight:600;cursor:pointer}.notification-bell-footer:hover{background:var(--brand-softer)}.navbar-brand-heading{display:flex;align-items:center;gap:.5rem}.navbar{position:fixed;top:0;left:0;right:0;height:72px;background-color:var(--neutral-primary-soft);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000;box-shadow:var(--shadow-xs)}.navbar-left{display:flex;align-items:center;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-size:16px;font-weight:600;color:var(--heading);text-decoration:none;transition:var(--transition);letter-spacing:-.01em}.navbar-brand-text{display:flex;flex-direction:column;line-height:1.2}.navbar-title{font-size:1.125rem;font-weight:600;color:var(--heading);letter-spacing:-.02em}.navbar-subtitle{font-size:12px;color:var(--body-subtle);font-weight:400;margin-top:2px}.navbar-brand:hover{color:var(--accent, var(--primary))}.navbar-icon{font-size:1.375rem;color:var(--accent, var(--primary))}.navbar-logo{height:44px;width:auto;object-fit:contain;max-width:120px}.navbar-right{display:flex;align-items:center;gap:1.25rem}.navbar-cotizacion{display:flex;align-items:center;gap:.625rem;padding:.375rem 1rem .375rem .75rem;border-right:1px solid var(--border-default);min-width:auto}.cotizacion-icon{color:var(--accent, var(--brand));font-size:1.125rem;flex-shrink:0}.cotizacion-body{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.cotizacion-label{font-size:10px;color:var(--body-subtle);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cotizacion-value{font-size:15px;font-weight:600;color:var(--heading);letter-spacing:-.01em}.cotizacion-error{color:var(--danger)}.cotizacion-refresh{border:none;background:transparent;color:var(--body-subtle);display:inline-flex;align-items:center;padding:.25rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius-pill)}.cotizacion-refresh:disabled{cursor:not-allowed;opacity:.5}.cotizacion-refresh:not(:disabled):hover{color:var(--heading);background:var(--neutral-secondary-medium)}.cotizacion-refresh-icon{font-size:.95rem}.cotizacion-refresh-icon.is-spinning{animation:navbar-spin 1s linear infinite}.navbar-user{display:flex;align-items:center;gap:.625rem;padding:0 .5rem}.user-icon{font-size:1.125rem;color:var(--body)}.user-name{font-weight:500;color:var(--heading);font-size:14px}.user-role{display:block;font-size:12px;color:var(--body-subtle);text-transform:capitalize}.navbar-account-menu{position:relative}.navbar-account-menu-toggle{border:1px solid var(--border-default);background:var(--neutral-primary-soft);color:var(--heading);width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:var(--transition)}.navbar-account-menu-toggle:hover,.navbar-account-menu-toggle.is-open{color:var(--brand);border-color:var(--brand);background:var(--brand-softer)}.navbar-account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1100;overflow:hidden;animation:navbar-dropdown-in .15s ease}@keyframes navbar-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-account-dropdown-section{padding:.75rem}.navbar-account-dropdown-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--body-subtle);margin-bottom:.5rem}.navbar-sucursal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.navbar-sucursal-item{width:100%;border:none;background:transparent;color:var(--heading);padding:.5rem .625rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;text-align:left;transition:var(--transition)}.navbar-sucursal-item:hover{background:var(--neutral-secondary-medium)}.navbar-sucursal-item.is-active{background:var(--brand-softer);color:var(--brand);font-weight:600}.navbar-sucursal-item-icon{flex-shrink:0;font-size:.9375rem}.navbar-sucursal-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-sucursal-item-check{flex-shrink:0;font-size:.9375rem}.navbar-sucursal-current{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .625rem;font-size:.875rem;color:var(--heading);background:var(--neutral-secondary-medium);border-radius:var(--radius-sm)}.navbar-account-dropdown-divider{height:1px;background:var(--border-default)}.navbar-account-logout{width:100%;border:none;background:transparent;color:var(--danger);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.navbar-account-logout:hover{background:var(--danger-soft)}.navbar-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--heading);cursor:pointer;padding:.5rem;align-items:center;justify-content:center;transition:var(--transition)}.navbar-menu-toggle:hover{color:var(--accent, var(--primary))}@keyframes navbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.navbar{padding:0 1rem;height:64px}.navbar-menu-toggle{display:flex}.navbar-right{gap:.75rem}.navbar-cotizacion,.navbar-brand-text,.navbar-user .user-name,.navbar-user .user-role{display:none}}.sidebar{width:256px;background-color:var(--neutral-primary-soft);border-right:1px solid var(--border-default);position:fixed;left:0;top:72px;bottom:0;overflow-y:auto;z-index:100;transition:transform .3s ease-in-out}.sidebar-overlay{display:none}.sidebar-menu{list-style:none;padding:1rem .75rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:var(--body);text-decoration:none;transition:var(--transition);font-size:14px;font-weight:500;margin:.125rem 0;border-radius:var(--radius-pill)}.sidebar-item:hover{background-color:var(--neutral-secondary-medium);color:var(--heading)}.sidebar-item.active{background-color:var(--neutral-secondary-strong, var(--neutral-tertiary-medium));color:var(--fg-brand-strong, var(--brand-strong));font-weight:600}.sidebar-item.active .sidebar-icon{color:var(--accent, var(--brand))}.sidebar-icon{font-size:1.125rem;width:20px;display:flex;align-items:center;justify-content:center;color:inherit;transition:color 75ms ease}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;inset:72px 0 0;background-color:#00000080;z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-overlay.sidebar-overlay-visible{opacity:1;visibility:visible}.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{transform:translate(0)}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-content{display:flex;flex:1;margin-top:72px}.main-content{flex:1;padding:2rem;overflow-y:auto;background-color:var(--neutral-primary-soft);margin-left:256px;min-height:calc(100vh - 72px)}@media (max-width: 768px){.layout-content{flex-direction:column}.main-content{margin-left:0;padding:1rem}}:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #64748b;--bg: #f2f7fc;--card: #ffffff}.theme-mundocel{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #1e293b;--bg: #f2f7fc;--card: #ffffff;--text: #0f172a;--text-light: #475569;--border: #c7d2fe}.theme-mundocel .navbar-brand span{color:var(--text)}.theme-mundocel .sidebar-item.active{background-color:#2563eb1f}.theme-mundocel .btn-delete{background-color:transparent!important;color:#0a0d0f!important;padding:.1875rem .375rem}.theme-mundocel .btn-delete:hover{background-color:#dc26264d!important;color:#0a0d0f!important}.theme-shell{min-height:100vh;background-color:var(--bg)}.theme-igo{--primary: #00aae5;--primary-dark: #017dff;--secondary: #017dff;--bg: #f4f9ff;--card: #ffffff;--text: #0b2b3b;--text-light: #0f4d70;--border: #cce9fb}.theme-igo .sidebar-item.active{background-color:#00aae51f}.theme-igo .modal-content.modal-venta.modern,.theme-igo .modal-venta .modal-header.modern-header{background:var(--card)}.theme-igo .btn-modern.primary,.theme-igo .mp-button.primary,.theme-igo .mp-toggle-button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 12px 30px -18px #017dff59}.theme-igo .btn-modern.primary:hover,.theme-igo .mp-button.primary:hover,.theme-igo .mp-toggle-button.active:hover{box-shadow:0 16px 38px -18px #017dff59}.theme-igo .mp-account-card{background:#f4f8ff;box-shadow:0 8px 24px #017dff1a}.theme-shell .btn-primary,.theme-shell .cfg-btn-primary,.theme-shell .navbar-logout{background:var(--brand, var(--primary))}.theme-shell .btn-primary:hover,.theme-shell .cfg-btn-primary:hover,.theme-shell .navbar-logout:hover{background:var(--brand-strong, var(--primary-dark))}.theme-shell .sidebar-item.active{color:var(--fg-brand-strong, var(--brand-strong));background-color:var(--neutral-secondary-strong, var(--neutral-tertiary-medium))}.theme-shell .sidebar-item.active .sidebar-icon{color:var(--accent, var(--brand))}.theme-shell .sidebar-item:hover .sidebar-icon{color:var(--heading)}.theme-shell .navbar-brand:hover{color:var(--accent, var(--primary))}.theme-shell .chip,.theme-shell .badge-brand{background:var(--accent-soft);color:var(--accent-strong, var(--accent));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}:root{--neutral-primary-soft: #ffffff;--neutral-primary: #ffffff;--neutral-secondary-soft: #f9fafb;--neutral-secondary-medium: #f9fafb;--neutral-tertiary-soft: #f3f4f6;--neutral-tertiary-medium: #f3f4f6;--neutral-quaternary: #e5e7eb;--brand: var(--primary, #111828);--brand-strong: var(--primary-dark, #0c111d);--brand-softer: color-mix(in srgb, var(--primary, #111828) 8%, #ffffff);--brand-soft: color-mix(in srgb, var(--primary, #111828) 16%, #ffffff);--accent: #404040;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-strong: color-mix(in srgb, var(--accent) 85%, #000000);--heading: #111828;--body: #4b5563;--body-subtle: #6b7280;--fg-brand: var(--brand);--fg-brand-strong: var(--brand-strong);--fg-disabled: #9ca3af;--border-default: #e5e7eb;--border-default-medium: #e5e7eb;--border-default-strong: #d1d5dc;--border-brand: var(--brand);--success: #007a55;--success-soft: #ecfdf5;--success-strong: #006045;--fg-success: #047857;--fg-success-strong: #065f46;--danger: #c70036;--danger-soft: #fef0f2;--warning: #f97316;--warning-soft: #fff7ed;--disabled: #f3f4f6;--shadow-2xs: 0 1px #0000000d;--shadow-xs: 0 1px 2px 0 #0000000d;--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-base: 24px;--radius-pill: 999px;--radius-sm: 4px;--color-1-400: rgba(255, 255, 255, .25);--color-1-700: rgba(0, 0, 0, .12);--bg: var(--neutral-secondary-soft);--card: var(--neutral-primary-soft);--text: var(--heading);--text-light: var(--body-subtle);--border: var(--border-default);--radius: var(--radius-base);--radius-lg: var(--radius-base);--transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease}:root{--primary: #404040;--primary-dark: #2a2a2a;--primary-light: #525252;--primary-bg: color-mix(in srgb, var(--primary) 8%, transparent);--secondary: #6b6b6b;--bg-secondary: var(--neutral-tertiary-soft);--card-hover: var(--neutral-tertiary-soft);--text-secondary: var(--body);--text-muted: var(--body-subtle);--border-light: var(--border-default);--border-dark: var(--border-default-strong);--shadow: var(--shadow-xs);--info: var(--brand)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--neutral-primary-soft);color:var(--heading);font-size:14px;line-height:1.6;letter-spacing:-.01em}.global-loading{text-align:center;padding:2rem;color:var(--text-light)}.global-error-message{background:rgba(239,68,68,.1);color:#dc2626;padding:1rem 1.25rem;border-radius:10px;margin:1rem 0;border:1px solid rgba(239,68,68,.3);font-size:14px;font-weight:500}.global-empty-state{text-align:center;padding:4rem 2rem;color:#0a0d0f99}.global-empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#0a0d0f66}.global-empty-subtitle{font-size:13px;margin-top:.5rem;color:#0a0d0f99}@keyframes global-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-spinning{animation:global-spin 1s linear infinite}.btn-primary{background:var(--brand, var(--primary));color:#fff;border:1px solid transparent;padding:.625rem 1rem;border-radius:var(--radius-pill);font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-xs),inset var(--color-1-400) 0 6px 0 -5px,var(--color-1-700) 0 4px 10px -5px}.btn-primary:hover:not(:disabled){background:var(--brand-strong, var(--primary-dark))}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand, var(--primary)) 35%,transparent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-refresh{background:var(--neutral-primary-soft);color:var(--heading);border:1px solid var(--border-default-medium);padding:.625rem 1rem;border-radius:var(--radius-pill);font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-xs)}.btn-refresh:hover:not(:disabled){background:var(--neutral-secondary-medium);border-color:var(--border-default-strong)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition);background:var(--neutral-primary-soft);color:var(--heading);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:var(--border-default-strong);background:var(--neutral-secondary-medium)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{padding:.625rem 1.25rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-primary-soft);color:var(--body)}.btn-cancel:hover:not(:disabled){background:var(--neutral-secondary-medium);color:var(--heading)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;background:var(--brand, var(--primary));color:#fff;box-shadow:var(--shadow-xs),inset var(--color-1-400) 0 6px 0 -5px,var(--color-1-700) 0 4px 10px -5px}.btn-submit:hover:not(:disabled){background:var(--brand-strong, var(--primary-dark))}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-close{background:transparent;border:1px solid var(--border-default);font-size:1.125rem;color:var(--body);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:var(--transition);width:36px;height:36px}.btn-close:hover{background:var(--neutral-secondary-medium);color:var(--heading)}.btn-action{border:1px solid var(--border-default-medium);background-color:var(--neutral-primary-soft);border-radius:var(--radius-pill);padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;color:var(--heading);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs)}.btn-action:hover{background-color:var(--neutral-secondary-medium);border-color:var(--accent, var(--primary))}.btn-action.btn-delete{border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.btn-action.btn-delete:hover{background-color:var(--danger-soft)}.btn-delete{background:var(--danger);color:#fff;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.btn-delete:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,#000)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--neutral-primary-soft);border-radius:var(--radius-base);width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;border:1px solid var(--border-default)}.modal-content.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default)}.modal-header h2,.modal-header h3{font-size:1.05rem;font-weight:600;color:var(--heading);margin:0}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-default)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--heading);font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;background:var(--neutral-secondary-medium);color:var(--heading);transition:var(--transition);font-family:inherit;box-sizing:border-box;box-shadow:var(--shadow-sm)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-default-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--neutral-primary-soft)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--disabled);color:var(--fg-disabled);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;border-radius:var(--radius-base)}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.form-error,.error-text{font-size:.75rem;color:var(--danger);margin-top:.375rem}.input-error{border-color:var(--danger)!important}.form-hint{font-size:.75rem;color:var(--fg-disabled);margin-top:.25rem}.form-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem}.form-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--body);cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.required:after{content:" *";color:var(--danger)}.form-hint--warning{color:var(--warning, #92400e);display:block;margin-top:.375rem}.card{background:var(--neutral-primary-soft);border-radius:var(--radius-base);padding:1.5rem;border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:var(--transition)}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-default-strong);transform:translateY(-2px)}.card-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-default)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--heading);margin:0;letter-spacing:-.01em}.card-body{display:flex;flex-direction:column;gap:.75rem}.card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header-title{display:flex;flex-direction:column;gap:.35rem}.page-header h1{font-size:1.5rem;font-weight:800;color:var(--heading);display:flex;align-items:center;gap:.75rem;margin:0;letter-spacing:-.02em}.page-subtitle{font-size:.9rem;color:var(--body-subtle);margin:0;font-weight:400}.page-icon{color:var(--brand);font-size:1.5rem}.page-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.page-shell{padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.page-card{background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);padding:1.5rem}.page-table-wrap{overflow-x:auto;background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.page-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:540px}.page-table th{padding:.65rem .85rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--body-subtle);font-weight:600;background:var(--neutral-secondary-soft);border-bottom:1px solid var(--border-default)}.page-table td{padding:.7rem .85rem;color:var(--body);border-bottom:1px solid var(--neutral-tertiary-soft)}.page-table tbody tr:last-child td{border-bottom:none}.page-table tbody tr:hover{background:var(--neutral-secondary-soft)}.table-actions{display:flex;align-items:center;gap:.35rem}.page-table-image-cell{width:3.5rem;padding-top:.45rem;padding-bottom:.45rem}.page-table-thumb-btn{display:inline-flex;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-base);background:var(--neutral-secondary-soft);cursor:pointer;overflow:hidden;transition:var(--transition)}.page-table-thumb-btn:hover{border-color:var(--brand);box-shadow:var(--shadow-xs)}.page-table-thumb{display:block;width:2.75rem;height:2.75rem;object-fit:cover}.page-table-thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-base);background:var(--neutral-secondary-soft);color:var(--body-subtle);font-size:1rem}.image-preview-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.image-preview-modal-content{position:relative;background:var(--neutral-primary-soft);border-radius:var(--radius-base);padding:1.25rem;width:min(440px,86vw);max-height:80vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:.75rem;overflow:hidden;border:1px solid var(--border-default)}.image-preview-modal-caption{width:100%;text-align:center;margin:0;font-weight:600;color:var(--heading);font-size:1rem}.image-preview-modal-content img{width:100%;height:auto;max-height:55vh;object-fit:contain;border-radius:var(--radius-base)}.image-preview-modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:var(--radius-pill);background:var(--neutral-secondary-medium);color:var(--heading);font-size:1.25rem;line-height:1;cursor:pointer;transition:var(--transition)}.image-preview-modal-close:hover{background:var(--neutral-tertiary-soft)}@media (max-width: 640px){.page-shell{padding:1rem}}@media (max-width: 1024px){.page-table-wrap{overflow-x:visible}.page-table{min-width:0;width:100%}.page-table thead{display:none}.page-table tbody{display:flex;flex-direction:column;gap:.75rem}.page-table tbody tr{display:block;padding:.85rem 1rem;border:1px solid var(--border-default);border-radius:var(--radius-base);background:var(--neutral-primary-soft);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04))}.page-table tbody tr:hover{background:var(--neutral-primary-soft)}.page-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.45rem 0;border-bottom:none;text-align:right;word-break:break-word}.page-table td+td{border-top:1px solid var(--neutral-tertiary-soft)}.page-table td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--body-subtle);text-align:left;flex-shrink:0;max-width:45%}.page-table td:not([data-label]):before,.page-table td[data-label=""]:before{display:none}.page-table td .table-actions{margin-left:auto}}.filters-container{background:var(--neutral-primary-soft);border-radius:var(--radius-base);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.filters-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-icon{color:var(--brand);font-size:1.25rem}.filters-header h3{font-size:1rem;font-weight:600;color:var(--heading);margin:0}.btn-clear-filters{margin-left:auto;padding:.5rem 1rem;background:var(--neutral-primary-soft);color:var(--body);border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs)}.btn-clear-filters:hover{background:var(--neutral-secondary-medium);border-color:var(--border-default-strong)}.filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--heading)}.filter-input,.filter-select{padding:.625rem 1rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;background:var(--neutral-secondary-medium);color:var(--heading);transition:var(--transition);box-shadow:var(--shadow-sm)}.filter-input:hover,.filter-select:hover{border-color:var(--border-default-strong)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--neutral-primary-soft)}.filter-input{width:100%}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--fg-disabled);font-size:1rem;z-index:1;pointer-events:none}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;background:var(--neutral-secondary-medium);color:var(--heading);transition:var(--transition);box-shadow:var(--shadow-sm)}.search-input:hover{border-color:var(--border-default-strong)}.search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--neutral-primary-soft)}.module-search-filters{display:flex;flex-direction:column;gap:1rem}.module-search{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;width:100%}.module-search .search-box{flex:1;width:100%;max-width:100%}.module-filters,.module-filters-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.module-filters-toolbar{justify-content:space-between}.module-filters-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.module-search-filters .btn-toggle-filters{display:inline-flex;align-items:center;gap:.5rem}.module-search-filters+.filters-content.collapsed,.filters-content.collapsed{display:none}.module-search-filters+.filters-content.expanded,.filters-content.expanded{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);margin-bottom:1rem}.statistics-panel.expanded{display:block;padding:1rem;background:var(--neutral-primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);margin-bottom:1rem}.statistics-panel.collapsed{display:none}.view-mode-switcher{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);background:var(--neutral-secondary-medium)}.view-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--body-subtle);cursor:pointer;transition:var(--transition)}.view-mode-btn:hover{color:var(--heading);background:var(--neutral-primary-soft)}.view-mode-btn.active{background:var(--neutral-primary-soft);color:var(--brand);box-shadow:var(--shadow-xs)}.module-count-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;color:var(--body);background:var(--neutral-secondary-medium);border:1px solid var(--border-default)}.filter-summary{padding:.625rem 1rem;border:1px solid var(--border-default-medium);border-radius:var(--radius-pill);font-size:.875rem;color:var(--body-subtle);background:var(--neutral-secondary-medium)}@media (max-width: 640px){.module-filters-toolbar{flex-direction:column;align-items:stretch}.module-filters-actions{justify-content:flex-start}}