:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-elevated:#fff;--bg-muted:#eef1f8;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#eef2ff;--accent:#f97316;--accent-hover:#ea580c;--accent-soft:#fff7ed;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--success-soft:#dcfce7;--warning:#f59e0b;--warning-soft:#fef3c7;--info:#6366f1;--sidebar-bg:#1e1b4b;--sidebar-text:#c7d2fe;--sidebar-active:#6366f1;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #a855f7 45%, #f97316 100%);--shadow:0 10px 30px #0f172a14;--shadow-sm:0 4px 14px #0f172a0f;--radius:18px;--radius-sm:12px;--radius-pill:999px;--sidebar-width:272px;--sidebar-width-collapsed:84px;--header-height:68px;--bottom-nav-height:76px;--font:"Manrope", "Segoe UI", sans-serif;--font-display:"Outfit", "Manrope", sans-serif}[data-theme=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--bg-elevated:#111827;--bg-muted:#1f2937;--text:#f8fafc;--text-muted:#94a3b8;--border:#243044;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:#1e1b4b;--accent:#fb923c;--accent-hover:#fdba74;--accent-soft:#431407;--danger:#f87171;--danger-hover:#fca5a5;--success:#4ade80;--success-soft:#14532d;--warning:#fbbf24;--warning-soft:#78350f;--info:#818cf8;--sidebar-bg:#020617;--sidebar-text:#cbd5e1;--sidebar-active:#6366f1;--shadow:0 12px 32px #00000073;--shadow-sm:0 4px 16px #0000004d}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;max-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(circle at 12% -10%, #6366f129, transparent 32%), radial-gradient(circle at 90% 0%, #f973161a, transparent 28%), linear-gradient(180deg, var(--bg) 0%, var(--bg) 100%);color:var(--text);margin:0;line-height:1.45;overflow:hidden}#root{-webkit-overflow-scrolling:touch;overflow:hidden auto}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,.page-header h1,.auth-brand h1{font-family:var(--font-display);letter-spacing:-.02em}.app-shell{height:100%;max-height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.app-header{height:var(--header-height);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.app-header-left,.app-header-actions{align-items:center;gap:8px;display:flex}.app-header-title{flex-direction:column;display:flex}.app-header-title span{color:var(--text-muted);font-size:.8rem}.app-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 28px);flex:auto;overflow:hidden auto}.sidebar{width:var(--sidebar-width);background:var(--bg-elevated);color:var(--text);z-index:40;height:100dvh;box-shadow:var(--shadow);border-right:none;border-radius:0 24px 24px 0;flex-direction:column;transition:width .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);display:none;position:sticky;top:0;overflow:hidden}.sidebar-hero{text-align:center;color:#fff;flex-shrink:0;padding:20px 16px 28px;position:relative;overflow:hidden}.sidebar-toolbar{background:var(--bg-elevated);z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:12px 12px 8px;display:flex}.sidebar-toolbar-brand{min-width:0;color:var(--text);align-items:center;gap:8px;display:flex}.sidebar-toolbar-brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.sidebar-hero-wave{background:var(--gradient-brand);border-radius:0 0 50% 50%/0 0 28px 28px;position:absolute;inset:0}.sidebar-collapse-btn{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;place-items:center;transition:background .15s,transform .15s;display:grid}.sidebar-collapse-btn:hover{background:var(--primary);color:#fff;transform:scale(1.04)}.sidebar-hero-content{z-index:1;flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex;position:relative}.sidebar-hero-text{min-width:0;max-width:100%}.sidebar-hero-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;display:block;overflow:hidden}.sidebar-hero-text span{opacity:.92;font-size:.88rem;display:block}.sidebar-hero-store{opacity:.8;margin-top:2px;font-size:.75rem;font-style:normal;display:block}.sidebar-hero-tagline{z-index:1;opacity:.85;margin:10px 0 0;font-size:.78rem;position:relative}.sidebar-avatar{color:#fff;background:#ffffff38;border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:grid}.sidebar-avatar-lg{border-width:3px;width:72px;height:72px;font-size:1.35rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;padding:12px 12px 8px;display:flex;overflow-y:auto}.sidebar-link{color:var(--text);border-radius:14px;align-items:center;gap:12px;min-height:46px;padding:11px 14px;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{background:var(--bg-muted);color:var(--text)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary);box-shadow:none;font-weight:700}.sidebar-link-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-link-chevron{opacity:.45;color:var(--text-muted);flex-shrink:0}.sidebar-logout{flex-shrink:0;padding:12px 14px 16px}.sidebar-logout .btn-danger{color:#dc2626!important;box-shadow:none!important;background:#fee2e2!important;border:none!important}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-collapsed .sidebar-toolbar{justify-content:center;padding:12px 8px}.sidebar-collapsed .sidebar-hero,.sidebar-collapsed .sidebar-hero-text,.sidebar-collapsed .sidebar-hero-tagline,.sidebar-collapsed .sidebar-link-label,.sidebar-collapsed .sidebar-logout{display:none}.sidebar-collapsed .sidebar-collapse-btn{width:44px;height:44px;display:grid!important}.sidebar-collapsed .sidebar-link{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-nav{padding-inline:8px}.sidebar-overlay{display:none}.bottom-nav{height:calc(var(--bottom-nav-height) - 8px);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);z-index:35;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:10px;left:12px;right:12px}.bottom-nav-link{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-size:.72rem;display:flex}.bottom-nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-link.active{color:var(--primary);font-weight:600}.page{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-header h1{margin:0;font-size:1.55rem}.page-header p{color:var(--text-muted);margin:4px 0 0}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{box-shadow:0 14px 36px #0f172a1a}.card-header{justify-content:space-between;gap:12px;padding:16px 16px 0;display:flex}.card-title{margin:0;font-size:1.05rem}.card-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.card-body{padding:16px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card-icon{background:var(--primary-soft);width:46px;height:46px;color:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.stat-card-value{font-size:1.25rem;font-weight:800;font-family:var(--font-display);margin:2px 0 0}.stat-card-trend{color:var(--success);margin:4px 0 0;font-size:.75rem;font-weight:700}.stat-card-label{color:var(--text-muted);margin:0;font-size:.82rem}.stat-card-value{margin:2px 0 0;font-size:1.15rem;font-weight:700}.dashboard-grid{grid-template-columns:1fr;gap:16px;display:grid}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.quick-action{border-radius:var(--radius-sm);background:var(--bg-muted);min-height:52px;color:var(--text);text-align:center;place-items:center;padding:12px;font-weight:600;display:grid}.info-list{color:var(--text-muted);margin:0;padding-left:18px}.info-list li+li{margin-top:8px}.more-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.more-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:10px;min-height:96px;padding:18px 12px;transition:transform .2s,box-shadow .2s;display:flex}.more-item:hover{transform:translateY(-3px);box-shadow:0 14px 28px #6366f129}.more-hero{text-align:center;color:#fff;border-radius:20px;place-items:center;min-height:160px;margin-bottom:4px;display:grid;position:relative;overflow:hidden}.more-hero-wave{background:var(--gradient-brand);clip-path:ellipse(130% 100% at 50% 0);position:absolute;inset:0}.more-hero-content{z-index:1;padding:24px 16px 28px;position:relative}.more-hero-content strong{font-size:1.15rem;display:block}.more-hero-content span{opacity:.9;font-size:.9rem}.more-list{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.more-list-item{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;transition:background .15s,padding-left .2s;display:flex}.more-list-item:last-child{border-bottom:none}.more-list-item:hover{background:var(--bg-muted);padding-left:20px}.more-list-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.more-list-label{flex:1;font-weight:600}.more-list-chevron{color:var(--text-muted)}.more-logout{margin-top:8px;color:#dc2626!important;background:#fee2e2!important;border:none!important}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{font-size:.9rem;font-weight:600}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:48px;color:var(--text);padding:12px 14px}.field-input:focus{outline:2px solid color-mix(in srgb, var(--primary) 45%, transparent);border-color:var(--primary)}.field-input-error{border-color:var(--danger)}.field-error,.form-error{color:var(--danger);margin:0;font-size:.85rem}.field-hint{color:var(--text-muted);font-size:.8rem}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 14px;font-size:.88rem}.btn-md{min-height:46px;padding:0 18px}.btn-lg{min-height:52px;padding:0 22px;font-size:1.02rem}.btn-full{width:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px #6366f147}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 14px 28px #6366f159}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-success{background:var(--success);color:#fff}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 10px 22px #f9731647}.icon-btn{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-muted)}.badge{background:var(--bg-muted);color:var(--text-muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:#15803d}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.badge-info{background:var(--primary-soft);color:var(--primary)}.search-input-wrap{width:100%;display:block;position:relative}.search-input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:48px;color:var(--text);padding:12px 14px 12px 42px}.search-results{margin-top:16px}.empty-state,.loading,.loading-full{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}.loading-full{min-height:100vh}.empty-state-icon{color:var(--primary)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:200;box-sizing:border-box;background:#0a101c8c;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.modal{background:var(--bg-elevated);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,560px);max-height:min(90dvh,100vh - 32px);animation:.28s cubic-bezier(.22,1,.36,1) modal-in;display:grid;overflow:hidden;box-shadow:0 24px 60px #0f172a47}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-sm{width:min(100%,420px)}.modal-lg{width:min(100%,760px)}.modal-header,.modal-footer{background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-header{border-bottom:1px solid var(--border)}.modal-header h2{margin:0;padding-right:8px;font-size:1.1rem;line-height:1.3}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:14px 16px;overflow:hidden auto}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end}@media (width<=767px){.modal-backdrop{place-items:stretch stretch;padding:0}.modal,.modal-sm,.modal-lg{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;animation:none}.modal-header{padding-top:max(14px, env(safe-area-inset-top))}.modal-footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (width>=768px){.modal-backdrop{padding:24px}.modal{max-height:min(88dvh,100vh - 48px)}}.confirm-message{color:var(--text-muted);margin:0}.toast-container{right:16px;bottom:calc(var(--bottom-nav-height) + 16px);z-index:210;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed}.toast{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:10px;padding:12px 14px;display:flex}.toast-exito{border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.toast-error{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.toast-advertencia{border-color:color-mix(in srgb, var(--warning) 40%, var(--border))}.toast span{flex:1}.auth-shell{min-height:100vh;position:relative;overflow:hidden}.auth-welcome{color:#fff;background:linear-gradient(160deg,#4338ca 0%,#6366f1 38%,#c026d3 68%,#f97316 100%);place-items:center;min-height:100vh;padding:28px 22px 40px;display:grid;position:relative}.auth-waves{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.auth-blob{filter:blur(8px);opacity:.55;border-radius:50%;animation:10s ease-in-out infinite blob-float;position:absolute}.auth-blob-1{background:radial-gradient(circle,#fb923c 0%,#0000 70%);width:320px;height:320px;top:-8%;right:-12%}.auth-blob-2{background:radial-gradient(circle,#a855f7 0%,#0000 70%);width:280px;height:280px;animation-delay:-3s;top:28%;left:-18%}.auth-blob-3{background:radial-gradient(circle,#818cf8 0%,#0000 70%);width:240px;height:240px;animation-delay:-5s;bottom:18%;right:-8%}.auth-wave{opacity:.22;border-radius:42% 58% 48% 52%;width:150%;height:48%;animation:11s ease-in-out infinite wave-drift;position:absolute;left:-25%}.auth-wave-1{background:#ffffff47;animation-duration:12s;bottom:-14%}.auth-wave-2{background:#f9731666;height:40%;animation-duration:14s;animation-direction:reverse;bottom:-6%}.auth-wave-3{background:#ffffff1f;height:30%;animation-duration:9s;animation-delay:-2s;bottom:4%}@keyframes wave-drift{0%,to{transform:translate(0)translateY(0)rotate(0)}50%{transform:translate(5%)translateY(-16px)rotate(3deg)}}@keyframes blob-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-20px)scale(1.08)}}.auth-welcome-inner{z-index:1;text-align:center;flex-direction:column;gap:48px;width:min(100%,380px);display:flex;position:relative}.auth-welcome-brand h1{letter-spacing:-.03em;color:#fff;margin:12px 0 6px;font-size:clamp(2rem,7vw,2.5rem);font-weight:800}.auth-welcome-brand p{opacity:.9;margin:0;font-size:1rem}.auth-welcome-copy h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(1.85rem,7vw,2.35rem);font-weight:800;line-height:1.15}.auth-welcome-actions{flex-direction:column;gap:12px;display:flex}.auth-btn-light,.auth-btn-outline{cursor:pointer;border-radius:14px;min-height:52px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.auth-btn-light{color:#4f46e5;background:#fff;border:none;box-shadow:0 12px 28px #0f172a2e}.auth-btn-light:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a38}.auth-btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffffd9}.auth-btn-outline:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.auth-btn-outline:disabled{opacity:.7;cursor:wait}.auth-brand-mark{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto;display:grid}.auth-brand-mark-lg{border-radius:22px;width:72px;height:72px}.auth-login-panel{background:var(--bg-elevated);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 22px 36px;display:flex}.auth-back{background:var(--bg-muted);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;border-radius:12px;place-items:center;margin-bottom:20px;transition:background .15s,transform .15s;display:grid}.auth-back:hover{background:var(--primary-soft);color:var(--primary);transform:translate(-2px)}.auth-login-head{margin-bottom:28px}.auth-login-head h1{color:var(--text);margin:0 0 8px;font-size:1.75rem;font-weight:800}.auth-login-head p{color:var(--text-muted);margin:0}.auth-login-form{flex-direction:column;gap:14px;display:flex}.auth-forgot{text-align:right;margin:-4px 0 0;font-size:.92rem}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:4px 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-page{background:var(--gradient-brand);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--bg-elevated);border:none;border-radius:24px;flex-direction:column;gap:14px;width:min(100%,420px);padding:28px 24px;display:flex;box-shadow:0 24px 60px #0f172a47}.auth-brand{text-align:center;margin-bottom:8px}.auth-brand h1{margin:8px 0 4px;font-size:1.75rem}.auth-brand p,.auth-footer{color:var(--text-muted);text-align:center}.auth-success{text-align:center;color:var(--text-muted)}.setup-box{background:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-muted);padding:14px}.setup-box ol{padding-left:18px}.setup-box code{background:var(--bg-elevated);border-radius:6px;padding:1px 6px}.anim-fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fade-up}.anim-fade-up.delay-1{animation-delay:.12s}.anim-fade-up.delay-2{animation-delay:.24s}.anim-slide-in{animation:.4s cubic-bezier(.22,1,.36,1) both slide-in-right}.page-transition{min-height:100%;animation:.25s both page-fade}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.anim-fade-up,.anim-slide-in,.page-transition,.auth-wave,.auth-blob{animation:none!important}}.page-stack{flex-direction:column;gap:16px;display:flex}.form-grid{gap:12px;min-width:0;display:grid}.form-grid-2{grid-template-columns:1fr;min-width:0}.form-grid>*{min-width:0}.product-form{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.form-section{background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.form-section-accent{background:color-mix(in srgb, var(--primary) 6%, var(--bg-muted));border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}.form-section-scan{background:color-mix(in srgb, var(--accent,#f97316) 8%, var(--bg-muted));border-color:color-mix(in srgb, var(--accent,#f97316) 28%, var(--border))}.form-section-head h3{margin:0;font-size:1rem;font-weight:700}.form-section-head p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.field-control{min-width:0;display:block;position:relative}.field-control .field-input{width:100%;padding-right:52px}.field-action{align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-scan-btn{background:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;min-height:36px;box-shadow:none;border:none;border-radius:10px;place-items:center;display:grid}.field-scan-btn:hover{background:var(--primary-hover)}.field-scan-btn:active{transform:scale(.96)}.field-eye-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.field-eye-btn:hover{color:var(--primary);background:var(--primary-soft)}.form-span-full{grid-column:1/-1}.field-with-action{display:block}.scanner-panel{flex-direction:column;gap:10px;display:flex}.scanner-hint{margin:0}.scanner-viewport{background:#0f172a;border-radius:14px;width:100%;min-height:260px;overflow:hidden}.scanner-viewport video{border-radius:14px}.filters-row{gap:10px;display:grid}.row-warn{background:color-mix(in srgb, var(--warning) 10%, transparent)}.muted{color:var(--text-muted);font-size:.92rem}.sales-tabs{flex-wrap:wrap;gap:8px;display:flex}.panel-surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.pos-layout{gap:14px;display:grid}.pos-catalog-toolbar{margin-bottom:12px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.product-tile{text-align:left;border:1px solid var(--border);background:var(--bg-muted);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:inherit;flex-direction:column;gap:4px;min-height:110px;padding:12px;display:flex}.product-tile:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.product-tile:disabled{opacity:.55;cursor:not-allowed}.product-tile-code{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.product-tile-meta{color:var(--text-muted);font-size:.85rem}.product-tile-type{text-transform:capitalize;color:var(--primary);font-size:.75rem}.pos-cart{flex-direction:column;gap:12px;display:flex}.pos-cart-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pos-cart-header h2{margin:0;font-size:1.1rem}.cart-empty{margin:8px 0 0}.cart-lines{flex-direction:column;gap:10px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.cart-line{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}.cart-line-main{flex-direction:column;gap:2px;display:flex}.cart-line-controls{grid-template-columns:72px 1fr auto auto;align-items:end;gap:8px;display:grid}.cart-line-controls .field{margin:0}.cart-line-total{white-space:nowrap;padding-bottom:10px;font-weight:600}.cart-form{gap:10px;display:grid}.cart-totals{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.cart-totals>div{justify-content:space-between;gap:12px;display:flex}.cart-total-row{font-size:1.05rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px}.data-table th{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);background:var(--bg-muted);font-size:.82rem}.table-actions{justify-content:flex-end;gap:4px;display:flex}.card-list{flex-direction:column;gap:10px;display:none}.entity-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.entity-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.entity-card-actions{flex-wrap:wrap;gap:8px;display:flex}.sale-detail{flex-direction:column;gap:10px;display:flex}.btn svg{vertical-align:-3px;margin-right:4px}.show-mobile{display:none}.hide-mobile-flex{display:flex}@media (width>=768px){.modal-body{padding:16px 18px}.form-section{border-radius:16px;padding:16px}.product-form{gap:16px}.dashboard-grid{grid-template-columns:1.2fr 1fr}.toast-container{bottom:24px}.pos-layout{grid-template-columns:1.4fr 1fr;align-items:start}.pos-cart{position:sticky;top:12px}.form-grid-2{grid-template-columns:1fr 1fr}.filters-row{grid-template-columns:2fr 1fr 1fr;align-items:end}.auth-login-panel{max-width:440px;box-shadow:none;margin:0 auto}.auth-view-form{background:var(--bg);place-items:center;min-height:100vh;display:grid}.auth-view-form .auth-login-panel{width:min(100%,440px);min-height:auto;box-shadow:var(--shadow);border-radius:24px;margin:24px;padding:28px}}@media (width>=1024px){.sidebar{display:flex}.menu-toggle,.bottom-nav,.sidebar-overlay,.sidebar-link-chevron{display:none!important}.app-content{padding:24px}.hide-mobile{display:initial}.sidebar-toolbar.hide-mobile{display:flex!important}.show-mobile{display:none!important}}@media (width<=1023px){.sidebar{width:min(100%,340px);box-shadow:var(--shadow);background:var(--bg-elevated);color:var(--text);border-radius:0 24px 24px 0;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.sidebar-collapsed{width:min(100%,340px)}.sidebar-collapsed .sidebar-hero,.sidebar-collapsed .sidebar-hero-text,.sidebar-collapsed .sidebar-link-label,.sidebar-collapsed .sidebar-logout{display:block}.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding-inline:14px}.sidebar-collapsed .sidebar-link-label{display:block}.sidebar-link{border-bottom:1px solid var(--border);border-radius:0;min-height:52px}.sidebar-link:hover{background:var(--bg-muted);transform:none}.sidebar-link.active{background:var(--primary-soft);color:var(--primary);box-shadow:none}.sidebar-overlay.visible{z-index:35;background:#0a101c73;animation:.25s fade-in;display:block;position:fixed;inset:0}.hide-mobile{display:none!important}.show-mobile,.sidebar-link-chevron.show-mobile{display:block}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1023px){.cart-line-controls{grid-template-columns:1fr 1fr auto}.cart-line-controls .icon-btn{grid-area:1/3/span 2}}@media (width<=375px){.stat-grid{grid-template-columns:1fr 1fr}.page-header h1{font-size:1.35rem}}.chart-bars{align-items:flex-end;gap:10px;height:180px;padding:8px 4px 0;display:flex}.chart-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{background:linear-gradient(#818cf8 0%,#6366f1 100%);border-radius:12px 12px 6px 6px;width:100%;max-width:36px;min-height:12px;box-shadow:0 8px 16px #6366f140}.chart-bar-col span{color:var(--text-muted);font-size:.72rem;font-weight:600}.featured-products{gap:12px;display:grid}.featured-product{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.featured-product strong{display:block}.featured-product p{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.featured-product-icon{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;display:grid}.featured-product-icon.accent{background:var(--accent-soft);color:var(--accent)}.dashboard-cta{margin-top:14px}.dashboard-cta .btn{text-decoration:none}.product-tile{box-shadow:var(--shadow-sm);background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:16px!important}.product-tile:hover:not(:disabled){box-shadow:0 12px 24px #6366f12e;border-color:var(--primary)!important}.pos-cart{box-shadow:var(--shadow);border-radius:20px}.panel-surface{box-shadow:var(--shadow-sm);border-radius:20px}.quick-action{background:var(--primary-soft);color:var(--primary);border-radius:14px}.quick-action:hover{background:var(--primary);color:#fff}.app-header{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.field-input{border-radius:14px}.sales-tabs .btn{border-radius:var(--radius-pill)}