*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}:root{--bg:#fff;--bg2:#f7fafb;--bg3:#f3f4f6;--card:#fff;--border:#f0f0f0;--border2:#e5e7eb;--border-light:#e0e7ff;--text:#111827;--text2:#374151;--text3:#6b7280;--text4:#9ca3af;--primary:#0a6ebd;--primary-dark:#062a47;--primary-lt:#e8f4fd;--primary-lighter:#f0f9ff;--secondary:#04a777;--secondary-dark:#058455;--success:#059669;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--info:#0a6ebd;--info-bg:#e8f4fd;--info-border:#bfdbfe;--hover:#f3f4f6;--hover2:#e5e7eb;--active:#e0e7ff;--disabled:#d1d5db;--input-bg:#fff;--input-border:#d1d5db;--shadow-sm:0 1px 4px #00000014;--shadow:0 2px 12px #00000012;--shadow-lg:0 4px 20px #0000001f;--shadow-xl:0 8px 32px #00000026;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--easing:cubic-bezier(.4, 0, .2, 1)}[data-dark="1"]{--bg:#0d1117;--bg2:#0d1117;--bg3:#161b22;--card:#161b22;--border:#21262d;--border2:#30363d;--border-light:#1e293b;--text:#e6edf3;--text2:#c9d1d9;--text3:#8b949e;--text4:#6e7681;--primary:#2e86de;--primary-dark:#0d1117;--primary-lt:#0f2744;--primary-lighter:#0d1e2a;--secondary:#04a777;--secondary-dark:#058455;--hover:#21262d;--hover2:#30363d;--active:#1e293b;--disabled:#30363d;--input-bg:#161b22;--input-border:#30363d;--shadow-sm:0 1px 4px #0000004d;--shadow:0 2px 12px #0006;--shadow-lg:0 4px 20px #00000080;--shadow-xl:0 8px 32px #0009}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-normal), color var(--duration-normal);line-height:1.5}.f-display{font-family:var(--font-display), var(--font-body), system-ui, sans-serif}.sp-header{z-index:200;background:var(--bg);border-bottom:1px solid var(--border);height:54px;transition:background var(--duration-normal), border-color var(--duration-normal);position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.sp-inner{align-items:center;gap:8px;max-width:100%;height:100%;margin:0 auto;padding:0 14px;display:flex}.sp-logo-text{font-family:var(--font-display), var(--font-body), system-ui, sans-serif;color:var(--text);letter-spacing:-.2px;white-space:nowrap;transition:opacity var(--duration-fast);flex-shrink:0;align-items:center;font-size:16px;font-weight:800;text-decoration:none;display:flex}.sp-logo-text span{color:var(--secondary)}.sp-logo-text:hover{opacity:.82}.sp-nav{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.sp-nav-link{color:var(--text3);transition:all var(--duration-fast);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sp-nav-link:hover{background:var(--hover);color:var(--text)}.sp-nav-link.active{color:var(--primary);background:var(--primary-lt);font-weight:700}.sp-nav-icon{display:none}.sp-nav-label{display:block}.sp-actions{flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.sp-icon-btn{width:34px;height:34px;color:var(--text3);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.sp-icon-btn:hover{background:var(--hover);color:var(--text)}.sp-avatar{background:var(--primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:opacity var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sp-avatar:hover{opacity:.85}.sp-btn-entrar{background:var(--secondary);color:#fff;cursor:pointer;transition:opacity var(--duration-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.sp-btn-entrar:hover{opacity:.88}.sp-mobile-menu-btn{width:34px;height:34px;color:var(--text3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:0;display:none}.sp-mobile-menu-btn:hover{color:var(--text)}.sp-menu-overlay{z-index:299;background:0 0;position:fixed;inset:0}.sp-menu-dropdown{background:var(--card);border:1px solid var(--border);width:280px;box-shadow:var(--shadow-lg);z-index:300;border-radius:13px;animation:.2s ease-out slideDown;position:absolute;top:54px;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sp-menu-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:16px;display:flex}.sp-menu-avatar{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:flex}.sp-menu-info{flex:1;min-width:0}.sp-menu-name{color:var(--text);word-break:break-word;font-size:13px;font-weight:700}.sp-menu-email{color:var(--text4);word-break:break-all;margin-top:2px;font-size:11px}.sp-menu-type{color:var(--primary);margin-top:4px;font-size:11px;font-weight:600}.sp-menu-divider{background:var(--border);height:1px}.sp-menu-link{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:11px 16px;font-size:13px;font-weight:500;text-decoration:none;display:block}.sp-menu-link:hover{background:var(--hover)}.sp-menu-logout{color:var(--error)}.sp-menu-logout:hover{background:var(--error-bg)}.sp-main{background:var(--bg);min-height:100vh;transition:background var(--duration-normal);padding-top:54px}.sp-footer{background:var(--card);border-top:1px solid var(--border);text-align:center;color:var(--text4);margin-top:60px;padding:24px 0;font-size:12px}.sp-footer .sp-inner{justify-content:center;max-width:1200px;margin:0 auto}.sp-footer p{margin:0;line-height:1.5}@media (max-width:768px){.sp-nav-label{display:none}.sp-nav-link{padding:8px}.sp-hide-compact{display:none}}@media (max-width:480px){.sp-nav{display:none}.sp-mobile-menu-btn{display:flex}.sp-menu-dropdown{border-radius:10px;width:calc(100% - 20px);max-width:320px;margin:8px auto 0;position:fixed;top:54px;left:0;right:0}}.sp-nav-overlay{z-index:299;background:#00000059;position:fixed;inset:54px 0 0}.sp-nav-drawer{background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:300;flex-direction:column;padding:6px;animation:.2s ease-out slideDown;display:flex;position:fixed;top:54px;left:0;right:0}.sp-nav-drawer .sp-menu-link{align-items:center;gap:10px;display:flex}input,textarea,select{transition:background var(--duration-normal), border-color var(--duration-normal), color var(--duration-normal);font-family:inherit;background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text)!important}input::placeholder,textarea::placeholder{color:var(--text4)!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0a6ebd1a!important}[data-dark="1"] input:focus,[data-dark="1"] textarea:focus,[data-dark="1"] select:focus{box-shadow:0 0 0 3px #2e86de33!important}.dash-card{background:var(--card);border-color:var(--border2);color:var(--text)}.ecard,.prod-mini,.pc,.emp-card{background:var(--card);border-color:var(--border);color:var(--text)}.dash-root{background:var(--bg2)!important}.dash-sidebar{background:var(--bg)!important;border-right:1px solid var(--border)!important}.dash-main{background:var(--bg2)!important}.dash-topbar{background:var(--bg)!important;border-bottom:1px solid var(--border)!important}.dash-bot{background:var(--bg)!important;border-top:1px solid var(--border)!important}.dash-nav-btn{color:var(--text3)!important}.dash-nav-btn:hover{background:var(--hover)!important;color:var(--text)!important}.dash-nav-btn.on-purple{background:var(--primary-lt)!important;color:var(--primary)!important}.stat-grid>div{background:var(--card)!important;border-color:var(--border2)!important}.dash-table th{background:var(--bg3)!important;color:var(--text3)!important;border-color:var(--border2)!important}.dash-table td{border-color:var(--border)!important;color:var(--text2)!important}.dash-table tr:hover td{background:var(--hover)!important}.badge{background:var(--bg3)!important}[data-dark="1"] .prod-mini,[data-dark="1"] .pc,[data-dark="1"] .ecard,[data-dark="1"] .dash-card,[data-dark="1"] .emp-card{background:#161b22!important;border-color:#21262d!important}[data-dark="1"] .prod-grid .pc>div:first-child,[data-dark="1"] .prod-mini>div:first-child{background:#1e2a3a!important}[data-dark="1"] .filt-btn.off,[data-dark="1"] .cats button:not(.on),[data-dark="1"] .chips button,[data-dark="1"] .tipos button:not(.on){color:#8b949e!important;background:#21262d!important;border-color:#30363d!important}[data-dark="1"] .tag{color:#c9d1d9!important;background:#21262d!important;border-color:#30363d!important}[data-dark="1"] div[style*="position:'sticky'"],[data-dark="1"] div[style*="position: sticky"]{background:var(--bg)!important;border-color:var(--border)!important}a{color:var(--primary);transition:opacity var(--duration-fast), color var(--duration-fast);text-decoration:none}a:hover{opacity:.82;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.app-link{background:var(--bg3);color:var(--text);border:1px solid var(--border2);cursor:pointer;transition:all var(--duration-fast);border-radius:999px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.app-link:hover{background:var(--hover2);opacity:1;text-decoration:none}.app-link.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.app-link.primary:hover{opacity:.9}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeUp var(--duration-slow) ease-out}.slide-in{animation:slideIn var(--duration-slow) ease-out}.spinner{border:2px solid var(--border2);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}:root{--bg:#fff;--bg2:#f7fafb;--bg3:#f3f4f6;--bg-hover:#f0f1f3;--card:#fff;--border:#f0f0f0;--border2:#e5e7eb;--border-light:#e0e7ff;--text:#111827;--text2:#374151;--text3:#6b7280;--text4:#9ca3af;--primary:#0a6ebd;--primary-dark:#062a47;--primary-lt:#e8f4fd;--primary-lighter:#f0f9ff;--secondary:#04a777;--secondary-dark:#058455;--success:#059669;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--info:#0a6ebd;--info-bg:#e8f4fd;--info-border:#bfdbfe;--hover:#f3f4f6;--hover2:#e5e7eb;--active:#e0e7ff;--disabled:#d1d5db;--input-bg:#fff;--input-border:#d1d5db;--shadow-sm:0 1px 4px #00000014;--shadow:0 2px 12px #00000012;--shadow-lg:0 4px 20px #0000001f;--shadow-xl:0 8px 32px #00000026;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--easing:cubic-bezier(.4, 0, .2, 1)}[data-dark="1"]{--bg:#0d1117;--bg2:#0d1117;--bg3:#161b22;--bg-hover:#21262d;--card:#161b22;--border:#21262d;--border2:#30363d;--border-light:#1e293b;--text:#e6edf3;--text2:#c9d1d9;--text3:#8b949e;--text4:#6e7681;--primary:#2e86de;--primary-dark:#0d1117;--primary-lt:#0f2744;--primary-lighter:#0d1e2a;--secondary:#04a777;--secondary-dark:#058455;--hover:#21262d;--hover2:#30363d;--active:#1e293b;--disabled:#30363d;--input-bg:#161b22;--input-border:#30363d;--shadow-sm:0 1px 4px #0000004d;--shadow:0 2px 12px #0006;--shadow-lg:0 4px 20px #00000080;--shadow-xl:0 8px 32px #0009}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-normal), color var(--duration-normal);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;line-height:1.5}.text-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text3);font-size:11px;font-weight:700}.text-body{color:var(--text2);font-size:13px;font-weight:500;line-height:1.5}.text-title{font-family:var(--font-display), inherit;color:var(--text);font-size:14px;font-weight:700}.text-heading{font-family:var(--font-display), inherit;color:var(--text);letter-spacing:-.3px;font-size:19px;font-weight:800}.text-value{font-family:var(--font-display), inherit;color:var(--primary);letter-spacing:-.4px;font-size:27px;font-weight:800;line-height:1.1}.dash-sec-content{flex-direction:column;gap:12px;display:flex}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.stat-value{color:var(--primary);font-size:26px;font-weight:900;line-height:1.1}.stat-subtext{color:var(--text4);margin-top:3px;font-size:11px}.dash-input,.dash-textarea,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;color:var(--text);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);box-sizing:border-box;appearance:none;border-radius:10px;outline:none;padding:10px 13px;font-family:inherit;font-size:13px}.dash-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a6ebd1a}[data-dark="1"] .dash-input:focus,[data-dark="1"] input:focus,[data-dark="1"] textarea:focus,[data-dark="1"] select:focus{box-shadow:0 0 0 3px #2e86de33}.dash-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text4)}.dash-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-label{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.form-hint{color:var(--text4);margin-top:2px;font-size:11px}.form-error{color:var(--error);margin-top:2px;font-size:11px}.btn{cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #0a6ebd4d}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #dc26264d}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #0596694d}.btn-link{color:var(--primary);background:0 0;padding:6px 0;font-weight:600}.btn-link:hover:not(:disabled){text-decoration:underline}.badge{border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeUp var(--duration-slow) ease-out}.slide-in{animation:slideIn var(--duration-slow) ease-out}.spinner{border:2px solid var(--border2);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@media (max-width:768px){.stat-value{font-size:22px}.dash-input,.dash-textarea,input,textarea{font-size:16px}}@media (max-width:600px){.btn{width:100%}.form-group{margin-bottom:10px}}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.flex-col{flex-direction:column}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:20px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.text-center{text-align:center}.text-right{text-align:right}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.pointer{cursor:pointer}.not-allowed{cursor:not-allowed}