body{margin:0;height:100vh;background:linear-gradient(135deg,#fff,#fff);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}.login-page{width:100vw;height:100vh;display:flex;background:#111827}.login-left{flex:1;background:linear-gradient(135deg,#08152d,#0d2146,#102d65)}.login-right{width:470px;background:#1b1b1b;display:flex;justify-content:center;align-items:center}.login-card{width:370px}.login-card{width:380px;display:flex;flex-direction:column;align-items:center}.login-image{margin-bottom:20px}.login-image img{width:120px}.login-card h2{color:#fff;margin:10px 0 5px;font-size:34px}.login-subtitle{color:#b8bec9;margin-bottom:35px}.login-form{width:100%}.input-group{display:flex;flex-direction:column;margin-bottom:20px}.input-group label{color:#d7d7d7;margin-bottom:8px;font-size:14px;font-weight:600}.login-input,.login-select{height:48px;padding:0 15px;border-radius:10px;border:1px solid #353535;background:#252525;color:#fff;font-size:15px;transition:.25s}.login-input:focus,.login-select:focus{outline:none;border:1px solid #2F80ED;box-shadow:0 0 12px #2f80ed59}.login-button{width:100%;height:50px;margin-top:15px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(90deg,#2f80ed,#4067f6);transition:.25s}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4067f659}.login-left{flex:1;background:linear-gradient(135deg,#07152d,#0d2146,#102f68);display:flex;justify-content:center;overflow-y:auto}.hero-content{width:90%;max-width:950px;padding:55px 70px}.hero-logo{margin-bottom:45px}.hero-logo img{width:120px;margin-bottom:10px}.hero-logo span{color:#4ca5ff;letter-spacing:4px;font-size:13px;font-weight:600}.hero-title{max-width:720px}.hero-title h1{color:#fff;font-size:52px;line-height:1.15;font-weight:700}.hero-title span{display:block;color:#3d8dff}.hero-description{margin-top:25px;max-width:720px}.hero-description p{color:#c7d0de;font-size:20px;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:45px}.service-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;transition:.3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.service-card:hover{transform:translateY(-6px);border-color:#2f80ed;box-shadow:0 20px 40px #2f80ed33}.service-image{width:100px;height:100px;border-radius:16px;background:#2f80ed1a;border:1px solid rgba(47,128,237,.35);margin-bottom:2px;display:flex;justify-content:center;align-items:center;overflow:hidden}.service-image img{width:80px;height:80px;object-fit:contain}.service-card h3{color:#fff;margin-bottom:12px;font-size:22px}.service-card p{color:#aeb8c8;line-height:1.6}.hero-trust{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.hero-trust div{display:flex;align-items:center;color:#d6e2f2;font-size:15px}.trust-icon{width:10px;height:10px;border-radius:50%;background:#2f80ed;margin-right:12px}.hero-preview{margin-top:45px;height:260px;border-radius:20px;border:2px dashed rgba(255,255,255,.15);display:flex;justify-content:center;align-items:center;text-align:center;color:#7e92b5;font-size:24px;background:#ffffff08}*{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}}.main-content{margin-left:0;padding:2rem;width:100%;overflow-y:auto;background-color:#0f0f0f}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{margin-left:0;padding:2rem;width:100%;overflow-y:auto;background-color:#fff}@media(max-width:850px){.main-content{margin-left:0;padding:1rem}.dashboard{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}}.topbar{width:100%;height:70px;background:#1e1c1c;border-bottom:1px solid #797676;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:3000}.topnav li:hover{color:#4a66c3}.topnav li.active{color:#4a66c3;border-bottom:2px solid #4a66c3}.active{font-weight:700;color:#4a66c3}.tabla-scroll-misdias-ventas-nuevo{width:100%;max-height:230px;overflow:auto;max-height:500px;overflow-x:auto}.tabla-misdias th{background-color:#4da3ff;color:#000}.dashboard{padding:1.5rem;width:100%}.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}.menu-left{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0;overflow-x:auto;white-space:nowrap;flex:1}.right-menu{margin-left:auto;display:flex;align-items:center;list-style:none;gap:20px}.topbar{width:100%;height:70px;background:#1e1c1c;border-bottom:10% solid #797676;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:3000}.topnav{display:flex;align-items:center;width:100%}.topnav ul{display:flex;flex-direction:row;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.topnav li{cursor:pointer;color:#fff;padding:10px 0;border-bottom:2px solid transparent;transition:.2s}.topnav li{color:#d6d6d6;transition:.3s}.topnav li:hover{color:#5fb8ff}.topnav li.active{color:#fff;border-bottom:2px solid #5FB8FF}body{margin:0;font-family:Arial,sans-serif;background-color:#0f0f0f;color:#fff}.app-container{display:flex}.active{font-weight:700;color:#4da3ff}.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{padding:2rem;padding-top:90px;width:100%;overflow-y:auto;background-color:#fff}@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{width:100%}.dashboard_Agendas{background:#1e1c1c;width:100%}.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:0px}}@media(min-width:851px){.main-content{margin-left:0}}.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}.tabla-misdias-nuevo{min-width:2100px;width:50%;border-collapse:collapse;min-width:600px}.tabla-misdias-nuevo{width:100%;border-collapse:collapse;min-width:600px}.tabla-misdias-nuevo th,.tabla-misdias-nuevo td{white-space:nowrap;padding:1px;text-align:left;font-size:12px}.tabla-misdias-nuevo th{background-color:#0f3d24;color:#fff}.tabla-misdias-nuevo tr:nth-child(2n){background-color:#fff}