body{margin:0;height:100vh;background:linear-gradient(135deg,#fff,#fff);display:flex;align-items:center;justify-content:center;color:#fff}.login-container{width:380px;background-color:#272727;padding:40px 35px;border-radius:12px;box-shadow:0 0 40px #000c;text-align:center}.login-image img{margin-bottom:20px}h1{margin:0;font-size:26px;font-weight:700;letter-spacing:1px}.subtitle{font-size:14px;color:#aaa;margin-bottom:30px}.login-form{text-align:left}.login-form label{font-size:13px;color:#ccc;display:block;margin-bottom:6px}.login-form input{width:100%;padding:12px;margin-bottom:18px;border-radius:6px;border:none;background-color:#222;color:#fff;font-size:14px}.login-form input:focus{outline:none;background-color:#2a2a2a}.login-form button{width:100%;padding:14px;background-color:#d10000;border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:background-color .3s ease}.login-form button:hover{background-color:#ff1a1a}.forgot-password{display:block;margin-top:18px;font-size:13px;color:#888;text-decoration:none}.forgot-password:hover{color:#fff}.form-group{display:flex;justify-content:center;margin-top:20px}.form-group table{border-collapse:separate;border-spacing:0 14px}.form-group td{padding:4px 8px;vertical-align:middle}.form-group label{color:#ccc;font-size:14px;font-weight:500;text-align:right;display:block;min-width:100px}.input-usuario,.input-usuario-clave{width:220px;padding:10px 12px;border-radius:6px;border:none;background-color:#222;color:#fff;font-size:14px}.input-usuario:focus,.input-usuario-clave:focus{outline:none;background-color:#2c2c2c;box-shadow:0 0 0 1px #1500d1}.input-usuario::placeholder,.input-usuario-clave::placeholder{color:#777}*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:clamp(8px,1vw,12px) clamp(14px,2vw,20px);font-size:clamp(14px,1vw,16px);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:1024px){h1{font-size:2.2rem}}@media(max-width:768px){body{padding:0}h1{font-size:1.8rem}button{width:auto}}@media(max-width:850px){.dashboard{margin-left:0!important;margin-top:80px!important;padding:10px!important;width:100%!important}.dashboard>div{max-width:100%!important}}.tabla-misdias th,.tabla-misdias td{white-space:nowrap;padding:12px;text-align:left;font-size:14px}.tabla-misdias tr:hover td{background-color:#81eb87}.contenedor-mis-dias{width:100%;max-width:100%;box-sizing:border-box;max-height:300px}.tabla-scroll-misdias{width:100%;max-height:300px;overflow:auto;border:1px solid #ddd}.tabla-misdias{min-width:2100px;width:100%;border-collapse:collapse;min-width:600px}.contenedor-mis-dias-ventas{width:100%;max-width:100%;box-sizing:border-box}.tabla-scroll-misdias-ventas{width:100%;max-height:130px;overflow:auto;border:1px solid #ddd;max-height:300px;overflow-x:auto}.contenedor-mis-dias-ventas1{width:100%;max-width:100%;box-sizing:border-box}.tabla-scroll-misdias-ventas1{width:100%;max-height:200px;overflow:auto;border:1px solid #ddd;overflow-x:auto}.input-text{padding:10px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc}.input-text:focus{border-color:#4a90e2;outline:none}.contenedor-mis-dias-ventas3{width:100%;max-width:100%;box-sizing:border-box}.tabla-scroll-misdias-ventas3{width:100%;max-height:350px;overflow:auto;border:1px solid #ddd;overflow-x:auto}.tabla-misdias{min-width:2100px;width:50%;border-collapse:collapse;min-width:600px}.tabla-misdias{width:100%;border-collapse:collapse;min-width:600px}.tabla-misdias th,.tabla-misdias td{white-space:nowrap;padding:5px;text-align:left;font-size:14px}.tabla-misdias th{background-color:#4a66c3;color:#fff}.tabla-misdias tr:nth-child(2n){background-color:#f2f2f2}button{width:100%;padding:12px;background-color:#4a66c3;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;font-size:14px}button:hover{background-color:#7cb342}.tabla-misdias thead{position:sticky;top:0;background:#fff;z-index:2}body{margin:0;font-family:Arial,sans-serif;background-color:#0f0f0f;color:#fff}.app-container{display:flex;height:100vh;overflow:hidden}.active{font-weight:700;color:#4a66c3}.section-label{color:#fff;font-size:.875rem;margin:1rem 0 .5rem}.submenu{margin-left:1rem;list-style:none;padding-left:.5rem}.submenu li{margin-bottom:.25rem;font-size:.875rem;color:#ccc}.main-content{margin-left:270px;padding:2rem;width:100%;overflow-y:auto;background-color:#0f0f0f}@media(max-width:768px){.main-content{margin-left:0;padding:1rem}}.card{background:#1c1c1c;padding:1rem;border-radius:12px;border:1px solid #2a2a2a;box-shadow:0 6px 20px #0009;transition:transform .15s ease,box-shadow .15s ease;width:90%}.card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #d1000040}.card h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#fff}.dashboard{padding:1.5rem;width:100%;display:flex;justify-content:center}.status-box{width:80%;padding:1rem;border-radius:10px;border:1px solid #2a2a2a;color:#fff;list-style:none;font-size:1rem;background-color:#1c1c1c}.success{background-color:#1b5e20}.danger{background-color:#8e0000}.grid{padding:.5rem;gap:.5rem}.toggle-btn{position:fixed;top:5px;left:15px;background:#646cff;color:#fff;border:none;font-size:18px;padding:4px 6px;border-radius:6px;z-index:3000;cursor:pointer;display:none}.toggle-btn:hover{background:#646cff}@media(max-width:850px){.toggle-btn{display:inline-flex}}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background:#1e1c1c;padding:16px;border-right:1px solid #797676;box-sizing:border-box;overflow-y:auto;transform:translate(0);transition:transform .28s ease-in-out;z-index:2000}.sidebar.closed{transform:translate(-100%)}.logo-container{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:16px}.logo-container img{width:40%;height:auto}@media(max-width:850px){.sidebar{width:100vw;max-width:100%;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.logo-container{margin-top:60px}.logo-container img{width:120px}}@media(min-width:851px){.main-content{margin-left:270px}}.sidebar-overlay{position:fixed;inset:0;background:#00000059;z-index:1500;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}@media(max-width:850px){.main-content{margin-left:0;padding:1rem}.dashboard{margin-left:700px!important;margin-top:300px!important;padding:10px!important;width:100%!important}.dashboard>div{max-width:100%!important}.productos-container{margin-left:0!important;width:100%!important}}.productos-container{width:100%;display:flex;justify-content:center;padding:20px}.productos-card{width:100%;max-width:900px;background:#272727;border-radius:15px;border:1px solid #ccc;padding:25px}.form-producto{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:20px}.form-row{display:contents}.form-producto label{font-weight:700}.input-text,select{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc}.form-actions{grid-column:1 / -1;display:flex;gap:10px;margin-top:20px}.form-actions button{flex:1}.tabla-scroll-misdias{width:100%;overflow-x:auto}.tabla-misdias{width:100%;min-width:900px;border-collapse:collapse}@media(max-width:768px){.form-producto{grid-template-columns:1fr}.form-actions{flex-direction:column}}