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}: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;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}}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}.grid{display:grid;gap:1.5rem;width:100%;padding:1rem;grid-template-columns:1fr}.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}.toggle-btn{position:fixed;top:15px;left:15px;background:#d10000;color:#fff;border:none;font-size:1.1rem;padding:4px 8px;border-radius:6px;z-index:3000;cursor:pointer;display:none}.toggle-btn:hover{background:#ff1a1a}@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%)}.sidebar img{width:100%;height:auto;margin-bottom:16px}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:1500;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}.logo-container{display:flex;justify-content:center;align-items:center;padding:20px 0}.logo-container img{width:120px}.menu-item{display:flex;align-items:center;color:#ccc}.sidebar ul{list-style:none}ul li:hover{background-color:#4a66c3;color:#fff}.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;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}