:root{--bg-dark:#070b1d;--bg-panel:#111a36;--bg-card:#172241;--border-color:#29385e;--text-main:#f7f9ff;--text-muted:#a2afd0;--accent-cyan:#18e0c4;--accent-blue:#4c9bff;--accent-purple:#a273ff;--accent-green:#35d49a;--accent-red:#ff657a;--accent-yellow:#f4c660;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#070b1d}::-webkit-scrollbar-thumb{background:#29385e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#18e0c4}.modal-overlay{z-index:999999!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#040814e0!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:16px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal-content{background:#0c1229;border:1px solid #29385e;border-radius:14px;max-width:95vw;max-height:92vh;overflow-y:auto;box-shadow:0 20px 50px #000000b3}.input-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.input-label{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:800}.input-field{color:#fff;background:#070b1d;border:1px solid #29385e;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-cyan)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-cyan);color:#040814;border-color:var(--accent-cyan)}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{color:var(--accent-red);border-color:var(--accent-red);background:#ff657a26}.btn-danger:hover{background:var(--accent-red);color:#fff}.dropzone{text-align:center;cursor:pointer;background:#111a3680;border:2px dashed #29385e;border-radius:12px;padding:36px 20px;transition:all .2s}.dropzone:hover,.dropzone.active{border-color:var(--accent-cyan);background:#18e0c40d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.app-sidebar{box-shadow:10px 0 30px #00000080;z-index:99999!important;width:260px!important;height:calc(100vh - 60px)!important;transition:left .3s!important;position:fixed!important;top:60px!important;left:-280px!important}.app-sidebar.mobile-open{left:0!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99998;background:#0009;width:100vw;height:calc(100vh - 60px);position:fixed;top:60px;left:0}.main-content-area{padding:16px 12px!important}.grid-responsive-3,.grid-responsive-2,.grid-responsive-4,.grid-form-responsive{grid-template-columns:1fr!important}.form-row-responsive{flex-direction:column!important;align-items:stretch!important}.login-box{width:95vw!important;padding:24px 16px!important}}.cards-resumo-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.batch-stats-row{color:#a2afd0;flex-wrap:wrap;gap:12px;font-size:.84rem;display:flex}.batch-stats-item{align-items:center;gap:4px;display:inline-flex}@media (width<=900px){.cards-resumo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.cards-resumo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cards-resumo-grid>div:first-child{grid-column:span 2}.batch-stats-row{grid-template-columns:1fr 1fr;gap:6px;font-size:.78rem;display:grid}.hide-mobile{display:none!important}.card-padding-mobile{padding:12px!important}}.home-higienizadores-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;display:grid}@media (width<=600px){.home-higienizadores-grid{gap:16px;grid-template-columns:1fr!important}}.home-products-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (width<=900px){.home-products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.home-products-grid{grid-template-columns:1fr;gap:16px}}