:root{--color-primary: #e8b4bc;--color-secondary: #b5d5c5;--color-accent: #c9b8e8;--color-bg: #f5f5f7;--color-surface: #ffffff;--color-text: #1d1d1f;--color-text-muted: #86868b;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .4);--glass-blur: 20px;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-info: #3b82f6;--color-purple: #8b5cf6;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-success-bg: #dcfce7;--color-success-bg-muted: #f0fdf4;--color-success-highlight: #86efac;--color-border: #e0e0e0}html.dark{--color-primary: #e8b4bc;--color-secondary: #8fb3a2;--color-accent: #a38ccc;--color-bg: #000000;--color-surface: #1C1F33;--color-text: #f5f5f7;--color-text-muted: #9499B8;--glass-bg: rgba(28, 31, 51, .8);--glass-border: rgba(255, 255, 255, .08);--color-danger: #ef4444;--color-success: #4ade80;--color-warning: #facc15;--color-info: #60a5fa;--color-purple: #a78bfa;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-text: #fcd34d;--color-success-bg: rgba(34, 197, 94, .15);--color-success-bg-muted: rgba(34, 197, 94, .08);--color-success-highlight: rgba(34, 197, 94, .25);--color-border: #2D325A}.ventas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.ventas-controls{display:flex;align-items:center;gap:16px;justify-content:flex-end}.sucursal-badge{padding:8px 16px;background-color:var(--color-primary);border-radius:8px;color:#fff;font-weight:600;white-space:nowrap}@media (max-width: 1024px){.ventas-header{flex-direction:column;align-items:flex-start;gap:12px}.ventas-controls{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:10px}}@media (max-width: 480px){.ventas-controls{flex-direction:column;align-items:stretch}.ventas-controls .select{max-width:none!important}}.switch{font-size:17px;position:relative;display:inline-block;width:64px;height:34px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#73c0fc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:30px;width:30px;border-radius:50%;left:2px;bottom:2px;z-index:5;background-color:#e8e8e8;transition:.4s;box-shadow:0 0 10px #0000001a}.sun,.moon{position:absolute;z-index:1;width:24px;height:24px;top:5px;display:flex;align-items:center;justify-content:center}.sun{left:35px}.moon{left:5px}.sun svg{animation:rotate 15s linear infinite;width:24px;height:24px}.moon svg{fill:#73c0fc;animation:tilt 5s linear infinite;width:20px;height:20px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.switch input:checked+.slider{background-color:#183153}.switch input:focus+.slider{box-shadow:0 0 1px #183153}.switch input:checked+.slider:before{transform:translate(30px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);padding:20px;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:sticky;top:0;z-index:100;box-shadow:10px 0 30px #00000008}.sidebar-logo{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:20px;text-align:center;padding:8px 0;flex-shrink:0}.sidebar-logo img{max-width:100%;height:auto;max-height:60px;object-fit:contain}.login-logo img{max-width:100%;height:auto;max-height:80px;object-fit:contain;display:block;margin:0 auto}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar-user{padding-top:20px;border-top:1px solid var(--glass-border);flex-shrink:0}.nav-item{display:block;padding:12px 16px;margin-bottom:8px;border-radius:12px;color:var(--color-text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.nav-item:hover{background-color:#0000000d;transform:translate(4px)}html.dark .nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px #e8b4bc66}.main-content{flex:1;padding:24px;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:600}.card{background:var(--color-surface);border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;border:1px solid var(--color-border)}.card-title{font-size:18px;font-weight:600;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:14px 18px;border:1px solid var(--color-border);border-radius:10px;font-size:16px;outline:none;background-color:var(--color-surface);color:var(--color-text);transition:all .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e8b4bc33}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:10px;font-size:16px;font-weight:500}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:600;color:var(--color-text-muted);font-size:12px;text-transform:uppercase}.table tr:hover{background-color:var(--color-bg)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--color-surface);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:14px;color:var(--color-text-muted)}.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:500}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid rgba(245,158,11,.2)}.alert-danger{background-color:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0f0,#e8b4bc,#b5d5c5,#c9b8e8,#f5f0f0);background-size:cover;position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.login-container{background:linear-gradient(135deg,#1c1f33,#2d325a)}}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(232,180,180,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(201,184,232,.15) 0%,transparent 50%);pointer-events:none}.login-container:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 8%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.05) 0%,transparent 6%);pointer-events:none}@keyframes particles{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(-15px,10px) scale(1.05);opacity:.8}50%{transform:translate(10px,-15px) scale(.95);opacity:.5}75%{transform:translate(20px,5px) scale(1.02);opacity:.7}}.petals-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.petal{position:absolute;top:-20px;width:14px;height:14px;background:linear-gradient(135deg,#ffe6f0e6,#e8b4bcb3);border-radius:100% 0%;animation:fall linear infinite}@media (prefers-color-scheme: dark){.petal{background:linear-gradient(135deg,#e8b4bc66,#c9b8e84d);box-shadow:0 0 10px #e8b4bc1a}}.petal:nth-child(1){left:5%;animation-duration:12s;animation-delay:0s}.petal:nth-child(2){left:15%;animation-duration:14s;animation-delay:1s;width:10px;height:10px}.petal:nth-child(3){left:25%;animation-duration:11s;animation-delay:2s}.petal:nth-child(4){left:35%;animation-duration:15s;animation-delay:.5s;width:8px;height:8px}.petal:nth-child(5){left:45%;animation-duration:13s;animation-delay:1.5s}.petal:nth-child(6){left:55%;animation-duration:12s;animation-delay:2.5s;width:12px;height:12px}.petal:nth-child(7){left:65%;animation-duration:14s;animation-delay:.8s}.petal:nth-child(8){left:75%;animation-duration:11s;animation-delay:1.8s;width:9px;height:9px}.petal:nth-child(9){left:85%;animation-duration:13s;animation-delay:3s}.petal:nth-child(10){left:12%;animation-duration:15s;animation-delay:4s;width:7px;height:7px}.petal:nth-child(11){left:32%;animation-duration:12s;animation-delay:2.2s}.petal:nth-child(12){left:52%;animation-duration:14s;animation-delay:1.2s;width:11px;height:11px}.petal:nth-child(13){left:72%;animation-duration:11s;animation-delay:3.5s}.petal:nth-child(14){left:92%;animation-duration:13s;animation-delay:.3s;width:10px;height:10px}.petal:nth-child(15){left:22%;animation-duration:15s;animation-delay:2.8s}.petal-small{width:8px;height:8px}@keyframes fall{0%{top:-20px;transform:translate(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:100vh;transform:translate(60px) rotate(360deg);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,-20px) rotate(5deg)}66%{transform:translate(-10px,10px) rotate(-5deg)}}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.login-card{background:var(--color-surface);padding:56px;border-radius:20px;box-shadow:0 8px 40px #00000026;width:100%;max-width:580px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .2s,transform .15s}.password-toggle:hover{transform:translateY(-50%) scale(1.15);color:var(--color-text)}.login-logo{text-align:center;margin-bottom:30px}.login-logo h1{color:var(--color-primary);font-size:32px}.select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none;background-color:var(--color-surface);color:var(--color-text)}.select:focus{border-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);padding:24px;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-lg{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer}.loader{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid var(--color-bg);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px;color:var(--color-text-muted)}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background-color:#ef444426;color:var(--color-danger)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}@media (max-width: 480px){.login-card{padding:24px 16px!important;margin:12px;border-radius:16px}.main-content{padding:16px 12px}.page-title{font-size:20px}.btn{padding:12px 16px;font-size:14px}.input{padding:12px 14px}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{width:280px;position:fixed;top:0;left:0;height:100vh;z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #00000026;padding-top:24px}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.sidebar-overlay.open{display:block}.app-layout{flex-direction:column}.main-content{padding:20px 16px;min-height:calc(100vh - 60px)}.header{flex-direction:column;gap:12px;align-items:flex-start}.header>div:last-child{align-self:flex-end}.page-title{font-size:22px}.stat-value{font-size:24px}.card{padding:16px;margin-bottom:16px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.table{min-width:600px;font-size:13px}.table th,.table td{padding:10px 8px}.btn{padding:12px 18px;min-height:44px}.input{padding:12px 14px;min-height:44px}.form-group{margin-bottom:16px}.form-label{font-size:14px}.modal{margin:16px;padding:20px}}@media (min-width: 769px){.sidebar-overlay,.mobile-header{display:none!important}}@media (min-width: 481px) and (max-width: 768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}.glass-radio-group{--bg: rgba(0, 0, 0, .05);--text: var(--color-text);display:flex;position:relative;background:var(--bg);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 1px 1px 4px #ffffff1a,inset -1px -1px 6px #0000000d,0 4px 12px #0000000d;overflow:hidden;width:fit-content;padding:4px;border:1px solid var(--glass-border)}html.dark .glass-radio-group{--bg: rgba(255, 255, 255, .06);--text: #e5e5e5;box-shadow:inset 1px 1px 4px #fff3,inset -1px -1px 6px #0000004d,0 4px 12px #00000026}.glass-radio-group input{display:none}.glass-radio-group label{flex:1;display:flex;align-items:center;justify-content:center;min-width:100px;font-size:14px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600;letter-spacing:.3px;color:var(--text);position:relative;z-index:2;transition:color .3s ease-in-out}.glass-radio-group label:hover{color:var(--color-primary)}html.dark .glass-radio-group label:hover{color:#fff}.glass-radio-group input:checked+label{color:#fff}.glass-glider{position:absolute;top:4px;bottom:4px;width:calc((100% - 8px) / 3);border-radius:10px;z-index:1;transition:transform .5s cubic-bezier(.37,1.95,.66,.56),background .4s ease-in-out,box-shadow .4s ease-in-out}#tipo-normal:checked~.glass-glider{transform:translate(0);background:linear-gradient(135deg,var(--color-primary),#d896a1);box-shadow:0 0 15px #e8b4bc66,0 0 10px #fff3 inset}#tipo-rezago:checked~.glass-glider{transform:translate(100%);background:linear-gradient(135deg,gold,#fc0);box-shadow:0 0 15px #ffd70066,0 0 10px #ffeb964d inset}#tipo-credito:checked~.glass-glider{transform:translate(200%);background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 15px #3b82f666,0 0 10px #c8f0ff4d inset}@media (max-width: 768px){.glass-radio-group{width:100%;justify-content:space-between}.glass-radio-group label{min-width:0;flex:1;padding:.6rem .5rem;font-size:12px}}@media (max-width: 480px){.glass-radio-group label{font-size:11px;letter-spacing:0}}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.header-actions{width:100%;flex-direction:column;align-items:stretch}.header-actions .select,.header-actions .glass-radio-group{max-width:none!important;margin-right:0!important}}@media (min-width: 769px){.tareas-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.modal-responsive{margin:0!important;border-radius:0!important;max-width:100%!important;min-height:100vh!important;max-height:100vh!important}}@media (max-width: 480px){.btn-full-mobile{width:100%!important;margin-bottom:8px}}@media (max-width: 768px){.hide-mobile{display:none!important}}.btn-sliding{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;overflow:hidden;font-weight:600;color:#fff;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:50px;cursor:pointer;transition:all .3s ease;min-width:180px;height:46px;box-shadow:0 4px 12px #e8b4bc4d}.btn-sliding.disabled,.btn-sliding:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-sliding-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;background-color:#be185d;transform:translate(-100%);transition:transform .3s ease}.btn-sliding-text{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease}.btn-sliding-invisible{visibility:hidden;padding:0 32px}.btn-sliding:not(.disabled):not(:disabled):hover .btn-sliding-icon{transform:translate(0)}.btn-sliding:not(.disabled):not(:disabled):hover .btn-sliding-text{transform:translate(100%)}.btn-sliding:not(.disabled):not(:disabled):active{transform:scale(.95)}html.dark .btn-sliding{background-color:#be185d;border-color:#be185d;box-shadow:0 4px 20px #0006}html.dark .btn-sliding-icon{background-color:#9d174d}