@import "https://fonts.googleapis.com/css2?family=Yeseva+One&family=Poppins:wght@300;400;600&display=swap";.productos-management{background:0 0;max-width:1400px;margin:0 auto;padding:20px}.productos-management h2.admin-section-title{color:#eb0463;text-align:left;-webkit-text-fill-color:#eb0463;background:0 0;background-clip:unset;margin-bottom:24px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.message{border-radius:10px;margin-bottom:25px;padding:16px 20px;font-size:15px;font-weight:600;animation:.3s slideIn;box-shadow:0 4px 10px #0000001a}.message.success{color:#155724;background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);border-left:5px solid #28a745}.message.error{color:#721c24;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);border-left:5px solid #dc3545}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tabs{background:#1a1a1a;border:2px solid #eb0463;border-radius:12px;gap:10px;margin-bottom:30px;padding:8px;display:flex;box-shadow:0 4px 12px #eb04634d}.tab{cursor:pointer;color:#fff;text-align:center;background:#eb04631a;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s}.tab:hover{background:#eb046333;transform:translateY(-2px)}.tab.active{color:#fff;background:linear-gradient(135deg,#eb0463,#ff1a75);box-shadow:0 4px 8px #eb046380}.tab-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{text-align:center;color:#666;padding:20px;font-size:16px}.form-section{background:#1a1a1a;border:2px solid #eb0463;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 8px 16px #eb046366}.form-section h3{color:#eb0463;text-shadow:0 0 10px #eb046380;margin-top:0;margin-bottom:20px;font-size:22px;font-weight:700}.form-section form{flex-direction:column;gap:15px;display:flex}.form-section input,.form-section select{border:2px solid #eb0463;border-radius:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:500;transition:all .3s;box-shadow:0 2px 4px #eb04634d;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#000!important}.form-section input::placeholder,.form-section select::placeholder{font-weight:400;color:#888!important;-webkit-text-fill-color:#888!important}.form-section input:-webkit-autofill{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-section input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-section input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-section input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-section input:focus,.form-section select:focus{outline:none;transform:scale(1.02);color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0a0a0a!important;border-color:#eb0463!important;box-shadow:0 0 15px #eb046399!important}.form-section input:disabled{cursor:not-allowed;font-weight:500;color:#666!important;-webkit-text-fill-color:#666!important;background-color:#2a2a2a!important;border-color:#444!important}.input-group{grid-template-columns:1fr 1fr;gap:15px;display:grid}.button-group{gap:10px;display:flex}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#eb0463,#ff1a75);flex:1;box-shadow:0 4px 12px #eb046366}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #eb046399}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#868f96 0%,#596164 100%);flex:1;box-shadow:0 4px 12px #6c757d66}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6c757d99}.btn-edit{color:#2d3436;background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);padding:10px 14px;font-size:18px;box-shadow:0 3px 8px #ffc10766}.btn-edit:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 5px 15px #ffc10799}.btn-delete{color:#fff;background:linear-gradient(135deg,#ff7675 0%,#d63031 100%);padding:10px 14px;font-size:18px;box-shadow:0 3px 8px #dc354566}.btn-delete:hover{transform:scale(1.1)rotate(-5deg);box-shadow:0 5px 15px #dc354599}.products-list,.sales-list{background:#1a1a1a;border:2px solid #eb0463;border-radius:12px;padding:25px;box-shadow:0 8px 16px #eb046366}.products-list h3,.sales-list h3{color:#eb0463;text-shadow:0 0 10px #eb046380;margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700}table{border-collapse:separate;border-spacing:0;background:#0a0a0a;border-radius:10px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 6px #0000004d}table thead{background:linear-gradient(135deg,#eb0463,#ff1a75)}table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:16px 12px;font-size:14px;font-weight:700}table td{color:#fff;border-bottom:1px solid #2a2a2a;padding:14px 12px;font-size:14px}table tbody tr{transition:all .3s}table tbody tr:hover{background:#eb04631a;transform:scale(1.01)}table tbody tr:last-child td{border-bottom:none}table .ganancia{color:#0f8;font-size:16px;font-weight:700}.date-filter{border:2px solid #eb0463;border-radius:8px;margin-bottom:20px;padding:12px;font-size:15px;font-weight:500;box-shadow:0 2px 6px #eb04634d;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#000!important}.resumen{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;padding-top:20px;display:grid}.resumen-item{background:#1a1a1a;border:2px solid #eb0463;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 6px 12px #eb04634d}.resumen-item:hover{border-color:#ff1a75;transform:translateY(-5px);box-shadow:0 10px 20px #eb046380}.resumen-item strong{color:#eb0463;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:15px;font-weight:700;display:block}.resumen-item span{color:#fff;font-size:24px;font-weight:900}.info-text{color:#06c;background-color:#e7f3ff;border-left:4px solid #06c;border-radius:6px;margin-bottom:15px;padding:12px}@media (max-width:768px){.tabs{flex-wrap:wrap}.input-group{grid-template-columns:1fr}.button-group{flex-direction:column}.resumen{grid-template-columns:1fr}table{font-size:13px}table th,table td{padding:8px}.form-section,.products-list,.sales-list{padding:15px}}@media (max-width:480px){.productos-management{padding:var(--spacing-md)}.productos-management h2{font-size:var(--font-lg);margin-bottom:var(--spacing-lg)}.tabs{padding:var(--spacing-xs);gap:var(--spacing-xs)}.tab{padding:var(--spacing-md)var(--spacing-sm);font-size:var(--font-sm);flex:1}.form-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.form-section h3{font-size:var(--font-base);margin-bottom:var(--spacing-md)}.form-section input,.form-section select{padding:var(--spacing-sm);font-size:var(--font-base)}.input-group,.button-group{gap:var(--spacing-md)}.btn-primary,.btn-secondary{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-sm)}.products-list h3,.sales-list h3{font-size:var(--font-base)}.products-list,.sales-list{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}table{font-size:var(--font-sm);white-space:nowrap;display:block;overflow-x:auto}table thead{display:none}table tbody,table tr,table td{width:100%;display:block}table tbody tr{margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid #eb0463}table td{padding:var(--spacing-xs)0;text-align:right;border-bottom:none;padding-right:0}table td:before{content:attr(data-label);float:left;color:#eb0463;font-weight:700}.date-filter{padding:var(--spacing-sm);font-size:var(--font-sm);margin-bottom:var(--spacing-lg)}.resumen{gap:var(--spacing-md);grid-template-columns:1fr}.resumen-item{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.resumen-item span{font-size:var(--font-lg)}.message{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-sm);margin-bottom:var(--spacing-md)}}.finanzas-container{background:0 0;min-height:0;padding:0}.finanzas-container h1.admin-section-title{color:#eb0463;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:20px}.periodo-selector{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.periodo-selector select,.periodo-selector input{background:var(--admin-bg-elevated,#111);color:var(--admin-text-primary,#fff);border:1px solid var(--admin-border-default,#ffffff1a);border-radius:var(--admin-radius-sm,6px);flex:1;min-width:120px;padding:.5rem .75rem;font-size:14px;transition:border-color .15s,box-shadow .15s}.periodo-selector select:focus,.periodo-selector input:focus{border-color:#eb04638c;outline:none;box-shadow:0 0 0 2px #eb046333}.periodo-selector .btn-neon-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #eb046359,0 0 16px #eb046380}.periodo-selector .btn-neon-pill:last-of-type{background:radial-gradient(circle at 0 0,#10b9812e,#000000eb);border-color:#10b9818c;box-shadow:0 0 12px #10b98159}.periodo-selector .btn-neon-pill:last-of-type:hover{background:radial-gradient(circle at 0 0,#10b98147,#000000eb);box-shadow:0 0 18px #10b98173}.tabs-container{border-bottom:1px solid var(--admin-border-subtle,#ffffff0f);flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;display:flex}.tab-button{color:var(--admin-text-tertiary,#9ca3af);cursor:pointer;border-radius:var(--admin-radius-sm,6px)var(--admin-radius-sm,6px)0 0;font-family:var(--admin-font-ui,"Poppins",sans-serif);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1.1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.tab-button.active{color:var(--admin-accent,#eb0463);border-bottom-color:var(--admin-accent,#eb0463);background:0 0;font-weight:600}.tab-button:hover:not(.active){color:var(--admin-text-secondary,#ffffffc7);background:#ffffff0a}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.dashboard-card{color:#fff;border-radius:8px;padding:1.5rem}.card-ingresos{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.card-gastos{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.card-utilidad{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-utilidad.negative{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)}.dashboard-card h3{opacity:.9;margin:0;font-size:.9rem}.dashboard-card p{margin:.5rem 0 0;font-size:1.8rem;font-weight:700}.dashboard-card small{opacity:.8;margin-top:.5rem;font-size:.85rem;display:block}.card-button{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.card-button button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:all .3s}.card-button button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.gastos-tabla{background:#1a1a1a;border-radius:8px;padding:1.5rem;overflow-x:auto}.gastos-tabla h3{color:#fff;margin-top:0;margin-bottom:1.5rem}.gastos-tabla table{border-collapse:collapse;background:#0a0a0a;width:100%}.gastos-tabla thead{background:linear-gradient(135deg,#eb0463,#ff1a75)}.gastos-tabla th{text-align:left;color:#fff;padding:1rem;font-size:.9rem;font-weight:700}.gastos-tabla td{color:#fff;border-bottom:1px solid #333;padding:.8rem 1rem;font-size:.9rem}.gastos-tabla tbody tr:hover{background:#eb04631a}.gastos-categoria{background:#1a1a1a;border-radius:8px;padding:1.5rem}.gastos-categoria h3{color:#fff;margin-top:0}.gastos-categoria-item{color:#fff;border-bottom:1px solid #333;justify-content:space-between;padding:.5rem 0;display:flex}.gastos-categoria-item span:last-child{color:#eb0463;font-weight:700}@media (max-width:768px){.finanzas-container{padding:1rem}.finanzas-container h1{margin-bottom:1rem;font-size:1.5rem}.periodo-selector{gap:.5rem;margin-bottom:1rem}.periodo-selector select,.periodo-selector input,.periodo-selector button{min-width:auto;padding:.4rem .8rem;font-size:13px}.dashboard-grid{gap:.8rem;margin-bottom:1.5rem}.dashboard-card{padding:1rem}.dashboard-card p{font-size:1.5rem}.dashboard-card small{font-size:.75rem}.tabs-container{gap:.5rem;margin-bottom:1rem}.tab-button{padding:.5rem 1rem;font-size:13px}.gastos-tabla{padding:1rem}.gastos-tabla th,.gastos-tabla td{padding:.6rem .4rem;font-size:.8rem}.gastos-categoria{padding:1rem}}@media (max-width:480px){.finanzas-container{padding:var(--spacing-md)}.finanzas-container h1{font-size:var(--font-lg);margin-bottom:var(--spacing-md)}.periodo-selector{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column}.periodo-selector select,.periodo-selector input,.periodo-selector button{font-size:var(--font-sm);padding:var(--spacing-sm);width:100%}.dashboard-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr}.dashboard-card{padding:var(--spacing-lg)}.dashboard-card h3{font-size:var(--font-sm)}.dashboard-card p{font-size:var(--font-lg);margin:var(--spacing-sm)0 0 0}.dashboard-card small{font-size:var(--font-xs);margin-top:var(--spacing-xs)}.tabs-container{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tab-button{text-align:center;flex:1;padding:var(--spacing-md)!important;font-size:var(--font-sm)!important}.gastos-tabla{padding:var(--spacing-lg)}.gastos-tabla h3{font-size:var(--font-base);margin-bottom:var(--spacing-md)}.gastos-tabla table{font-size:var(--font-sm)}.gastos-tabla th,.gastos-tabla td{padding:var(--spacing-sm)var(--spacing-xs)}.gastos-categoria{padding:var(--spacing-lg)}.gastos-categoria h3{font-size:var(--font-base)}.gastos-categoria-item{padding:var(--spacing-md)0;font-size:var(--font-sm)}}:root{--mb-font-display:"Yeseva One",Georgia,serif;--mb-font-ui:"Poppins",system-ui,-apple-system,sans-serif;--mb-bg-deep:#000;--mb-bg-canvas:#0a0a0a;--mb-bg-elevated:#111;--mb-bg-inset:#0d0d0d;--mb-bg-card:linear-gradient(180deg,#141414fa 0%,#0a0a0afc 100%);--mb-border-subtle:#ffffff0f;--mb-border-default:#ffffff1a;--mb-border-accent:#eb046352;--mb-text-primary:#fff;--mb-text-secondary:#ffffffc7;--mb-text-tertiary:#9ca3af;--mb-text-muted:#9ca3aff2;--mb-accent:#eb0463;--mb-accent-hover:#ff1a75;--mb-accent-soft:#eb04631f;--mb-danger:#f87171;--mb-danger-bg:#f871711f;--mb-success:#34d399;--mb-radius-sm:6px;--mb-radius-md:10px;--mb-radius-lg:14px;--mb-radius-xl:20px;--mb-radius-pill:999px;--mb-space-1:4px;--mb-space-2:8px;--mb-space-3:12px;--mb-space-4:16px;--mb-space-5:24px;--mb-space-6:32px;--mb-shadow-inset:0 1px 0 #ffffff0a inset}.centered-page{background:var(--mb-bg-deep)}.centered-page--portal{background:var(--mb-bg-canvas)}.mb-auth{width:100%;max-width:35rem;padding:0 var(--mb-space-4);margin:0 auto}.mb-auth__card{background:var(--mb-bg-card);border:2px solid var(--mb-accent);border-radius:var(--mb-radius-xl);padding:var(--mb-space-5)var(--mb-space-5)var(--mb-space-6);box-shadow:0 8px 32px #eb046338,var(--mb-shadow-inset)}.mb-auth__header{text-align:center;margin-bottom:var(--mb-space-5)}.mb-auth__brand{font-family:var(--mb-font-display);color:var(--mb-text-primary);text-shadow:0 0 20px #eb046373;margin:0 0 var(--mb-space-2)0;letter-spacing:.02em;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.15}.mb-auth__subtitle{font-family:var(--mb-font-ui);color:var(--mb-accent);margin:0;font-size:1.15rem;font-weight:600}.mb-auth__form{gap:var(--mb-space-4);flex-direction:column;display:flex}.mb-auth__field{gap:var(--mb-space-2);text-align:left;flex-direction:column;display:flex}.mb-auth__label{font-family:var(--mb-font-ui);color:var(--mb-text-secondary);font-size:.875rem;font-weight:500}.mb-auth__form input:not([type=checkbox]),.mb-auth__form select,.mb-auth__control{width:100%;font-family:var(--mb-font-ui);color:var(--mb-text-primary);background:var(--mb-bg-elevated);border:1px solid var(--mb-border-accent);border-radius:var(--mb-radius-md);box-sizing:border-box;outline:none;padding:.75rem .9rem;font-size:1rem;transition:border-color .15s,box-shadow .15s;margin-bottom:0!important}.mb-auth__control:focus,.mb-auth__form input:focus,.mb-auth__form select:focus{border-color:#eb04638c;box-shadow:0 0 0 2px #eb046333}.mb-auth__submit{width:100%;margin-top:var(--mb-space-2);font-family:var(--mb-font-ui);color:var(--mb-text-primary);background:linear-gradient(135deg,var(--mb-accent)0%,var(--mb-accent-hover)100%);border-radius:var(--mb-radius-md);cursor:pointer;border:none;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:filter .15s,transform .1s}.mb-auth__submit:hover{filter:brightness(1.06)}.mb-auth__submit:active{transform:scale(.99)}.mb-auth__error{font-family:var(--mb-font-ui);color:var(--mb-danger);background:var(--mb-danger-bg);border-radius:var(--mb-radius-sm);text-align:center;border:1px solid #f8717159;margin:0;padding:.75rem;font-size:.875rem}.mb-auth__back{width:100%;margin-top:var(--mb-space-4);font-family:var(--mb-font-ui);color:var(--mb-text-tertiary);border:1px solid var(--mb-border-default);border-radius:var(--mb-radius-sm);cursor:pointer;background:0 0;padding:.65rem 1rem;font-size:.875rem;transition:color .15s,border-color .15s,background .15s}.mb-auth__back:hover{color:var(--mb-text-primary);border-color:var(--mb-border-accent);background:var(--mb-accent-soft)}.mb-surface-card{width:100%;max-width:32rem;padding:var(--mb-space-6);text-align:center;background:var(--mb-bg-elevated);border:1px solid var(--mb-border-accent);border-radius:var(--mb-radius-lg);box-shadow:var(--mb-shadow-inset),0 12px 40px #00000059;margin:0 auto}.mb-surface-card__icon{margin-bottom:var(--mb-space-4);font-size:3rem;line-height:1}.mb-surface-card__title{font-family:var(--mb-font-ui);color:var(--mb-accent);margin:0 0 var(--mb-space-2)0;font-size:1.25rem;font-weight:600}.mb-surface-card__text{font-family:var(--mb-font-ui);color:var(--mb-text-secondary);margin:0 0 var(--mb-space-3)0;font-size:.95rem;line-height:1.55}.mb-surface-card__hint{font-family:var(--mb-font-ui);color:var(--mb-text-tertiary);margin:0 0 var(--mb-space-5)0;font-size:.875rem}.mb-surface-card__btn{font-family:var(--mb-font-ui);color:var(--mb-text-primary);background:linear-gradient(135deg,var(--mb-accent)0%,#a65495 100%);border-radius:var(--mb-radius-md);cursor:pointer;border:none;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:filter .15s,transform .1s}.mb-surface-card__btn:hover{filter:brightness(1.05)}.admin-shell{--admin-bg-canvas:var(--mb-bg-canvas);--admin-bg-elevated:var(--mb-bg-elevated);--admin-bg-inset:var(--mb-bg-inset);--admin-border-subtle:var(--mb-border-subtle);--admin-border-default:var(--mb-border-default);--admin-border-accent:var(--mb-border-accent);--admin-text-primary:var(--mb-text-primary);--admin-text-secondary:var(--mb-text-secondary);--admin-text-tertiary:var(--mb-text-tertiary);--admin-text-muted:var(--mb-text-muted);--admin-accent:var(--mb-accent);--admin-accent-hover:var(--mb-accent-hover);--admin-accent-soft:var(--mb-accent-soft);--admin-radius-sm:var(--mb-radius-sm);--admin-radius-md:var(--mb-radius-md);--admin-radius-lg:var(--mb-radius-lg);--admin-radius-pill:var(--mb-radius-pill);--admin-space-1:var(--mb-space-1);--admin-space-2:var(--mb-space-2);--admin-space-3:var(--mb-space-3);--admin-space-4:var(--mb-space-4);--admin-space-5:var(--mb-space-5);--admin-space-6:var(--mb-space-6);--admin-font-ui:var(--mb-font-ui)}#root{width:100%;max-width:100%;text-align:inherit;margin:0;padding:0}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--mb-font-ui,"Poppins",sans-serif);background:var(--mb-bg-deep,#000);color:var(--mb-text-primary,#fff);min-height:100vh}.container,.form-container{text-align:center;box-sizing:border-box;background:#1a1a1a;border:2px solid #eb0463;border-radius:24px;width:100%;max-width:800px;margin:1rem auto;padding:1.5rem;box-shadow:0 8px 30px #eb046366}.centered-page{min-height:100vh;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top))max(1rem,env(safe-area-inset-right))max(1rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-left));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.sucursal-selector-page{text-align:center;width:100%;max-width:900px}.sucursal-selector-header{margin-bottom:clamp(1.5rem,5vw,3rem)}.sucursal-selector-title{color:#fff;text-shadow:0 0 24px #eb046399;letter-spacing:.02em;word-break:break-word;margin:0 0 .5rem;font-family:Yeseva One,serif;font-size:clamp(1.75rem,8vw,3.5rem)}.sucursal-selector-subtitle{color:#eb0463;margin:0 0 .25rem;font-family:Poppins,sans-serif;font-size:clamp(1rem,4vw,1.5rem);font-weight:600}.sucursal-selector-hint{color:#9ca3af;margin:0;font-family:Poppins,sans-serif;font-size:clamp(.875rem,2.5vw,1rem)}.sucursal-selector-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1rem,4vw,2rem);margin-top:clamp(1.5rem,4vw,3rem);display:grid}.sucursal-selector-card{border-radius:var(--mb-radius-xl,20px);border:1px solid var(--mb-border-accent,#eb046359);background:var(--mb-accent-soft,#eb04631a);color:var(--mb-text-primary,#fff);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;padding:clamp(1.25rem,4vw,2rem);transition:transform .2s,box-shadow .2s,background .2s}.sucursal-selector-card:hover,.sucursal-selector-card:active{background:linear-gradient(135deg,#eb046366,#ff1a754d);transform:translateY(-4px);box-shadow:0 12px 32px #eb046380}.sucursal-selector-card .card-icon{margin-bottom:.75rem;font-size:clamp(2rem,8vw,3rem)}.sucursal-selector-card .card-name{color:#fff;margin:0 0 .35rem;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700}.sucursal-selector-card .card-address{color:#e5e7eb;margin:0 0 .2rem;font-size:clamp(.8rem,2.5vw,.9rem)}.sucursal-selector-card .card-city{color:#9ca3af;margin:0;font-size:clamp(.75rem,2.2vw,.85rem)}.landing-wrap{width:100%;max-width:480px;position:relative}.landing-card{background:var(--mb-bg-card,linear-gradient(180deg,#141414fa 0%,#0a0a0afc 100%));border:1px solid var(--mb-border-accent,#eb046352);border-radius:var(--mb-radius-xl,24px);box-shadow:0 8px 36px #00000059,var(--mb-shadow-inset,inset 0 1px 0 #ffffff0f);text-align:center;padding:clamp(1.5rem,4vw,2.5rem)}.landing-back{color:#fff;cursor:pointer;background:#eb046314;border:1px solid #eb046380;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:500;transition:all .25s;display:inline-flex}.landing-back:hover{background:#eb046333;border-color:#eb0463;transform:translate(-2px)}.landing-title{color:#fff;text-shadow:0 0 24px #eb046399;letter-spacing:.02em;margin:0 0 .35em;font-family:Yeseva One,serif;font-size:clamp(2rem,8vw,3rem)}.landing-subtitle{color:#eb0463;margin:0 0 .25em;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600}.landing-tagline{color:#9ca3af;margin:0 0 1.5rem;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2.2vw,1.05rem)}.landing-buttons{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:400px){.landing-buttons{grid-template-columns:1fr 1fr;gap:1rem}}.landing-btn{cursor:pointer;text-align:center;letter-spacing:.03em;border:2px solid;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:clamp(.85rem,2.5vw,1.1rem) 1.5rem;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.landing-btn:hover{transform:translateY(-2px)}.landing-btn-primary{color:#fff;background:radial-gradient(circle at 0 0,#eb046333,#000000d9);border-color:#eb0463;box-shadow:0 0 16px #eb046380}.landing-btn-primary:hover{background:radial-gradient(circle at 0 0,#eb046359,#000000e6);box-shadow:0 0 24px #eb0463b3}.landing-btn-taller{color:#fde68a;background:radial-gradient(circle at 0 0,#fbbf2426,#000000d9);border-color:#fbbf24;box-shadow:0 0 14px #fbbf2466}.landing-btn-taller:hover{background:radial-gradient(circle at 0 0,#fbbf2447,#000000e6);box-shadow:0 0 20px #fbbf248c}.landing-btn-admin{color:#e5e7eb;background:radial-gradient(circle at 0 0,#ffffff14,#000000d9);border-color:#e5e7eb80;box-shadow:0 0 12px #ffffff1a}.landing-btn-admin:hover{color:#fff;background:radial-gradient(circle at 0 0,#eb046333,#000000e6);border-color:#eb0463;box-shadow:0 0 18px #eb046373}.landing-btn-supervisor{color:#c4b5fd;background:radial-gradient(circle at 0 0,#a78bfa2e,#000000d9);border-color:#a78bfa;box-shadow:0 0 14px #a78bfa66}.landing-btn-supervisor:hover{background:radial-gradient(circle at 0 0,#a78bfa4d,#000000e6);box-shadow:0 0 22px #a78bfa99}.landing-footer{color:#6b7280;margin-top:1.5rem;font-family:Poppins,sans-serif;font-size:clamp(.75rem,2vw,.875rem)}.taller-portal-page{background:var(--mb-bg-canvas,#0a0a0a);box-sizing:border-box;min-height:100vh;padding:clamp(1rem,3vw,1.5rem)}.taller-portal-card{background:var(--mb-bg-card,linear-gradient(180deg,#0f0f14fa 0%,#0a0a0efc 100%));border:1px solid var(--mb-border-accent,#eb046352);border-radius:var(--mb-radius-xl,20px);max-width:900px;box-shadow:0 8px 32px #00000059,var(--mb-shadow-inset,inset 0 1px 0 #ffffff0a);margin:0 auto;padding:clamp(1.25rem,4vw,1.75rem)}.taller-portal-sucursal{text-align:center;color:#eb0463;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:clamp(.85rem,2.2vw,.95rem);font-weight:600}.taller-portal-header{text-align:center;background:#0f0f14cc;border:1px solid #eb046359;border-radius:14px;margin-bottom:1.5rem;padding:clamp(1.25rem,3vw,1.5rem);box-shadow:0 12px 32px #eb04631a}.taller-portal-header h1{color:#eb0463;letter-spacing:.02em;margin:0 0 .35em;font-family:Poppins,sans-serif;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700}.taller-portal-header p{color:#e5e7eb;margin:0;font-size:clamp(.9rem,2.2vw,1rem)}.taller-portal-motos-banner{text-align:center;background:#0f0f14e6;border:1px solid #eb046359;border-radius:12px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 10px 28px #eb04631f}.taller-portal-motos-banner .icon{margin-bottom:.35rem;font-size:1.5rem}.taller-portal-motos-banner .count{color:#eb0463;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.taller-portal-motos-banner .text{color:#e5e7eb;font-size:.9rem}.taller-portal-motos-banner .eta{color:#9ca3af;margin-top:.5rem;font-size:.8rem}.taller-portal-form{background:#0f0f14b3;border:1px solid #eb04634d;border-radius:14px;padding:clamp(1.25rem,4vw,1.5rem);box-shadow:0 12px 32px #eb046314}.taller-portal-form .form-group{margin-bottom:1rem}.taller-portal-form .form-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:520px){.taller-portal-form .form-row-2{grid-template-columns:1fr 1fr}}.taller-portal-form label,.taller-portal-form .section-title{color:#e5e7eb;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;display:block}.taller-portal-form .section-title{margin-top:1.25rem;margin-bottom:.6rem;font-size:clamp(.95rem,2.4vw,1.05rem)}.taller-portal-input,.taller-portal-select,.taller-portal-textarea{color:#f9fafb;box-sizing:border-box;background:#0b0b10;border:1px solid #eb046373;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.taller-portal-input:focus,.taller-portal-select:focus,.taller-portal-textarea:focus{border-color:#eb0463;outline:none;box-shadow:0 0 12px #eb046340}.taller-portal-input::placeholder,.taller-portal-textarea::placeholder{color:#6b7280}.taller-portal-textarea{resize:vertical;min-height:80px}.taller-portal-radio-group{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.taller-portal-radio-option{cursor:pointer;color:#f9fafb;background:#0b0b10;border:2px solid #eb046359;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.taller-portal-radio-option:hover{background:#eb046314;border-color:#eb046399}.taller-portal-radio-option.selected{background:#eb046326;border-color:#eb0463;box-shadow:0 0 14px #eb04634d}.taller-portal-radio-option input{margin-right:.35rem}.taller-portal-servicio-card{cursor:pointer;text-align:center;color:#f9fafb;background:#0b0b10;border:2px solid #eb046359;border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .2s}.taller-portal-servicio-card:hover{background:#eb046314;border-color:#eb046399}.taller-portal-servicio-card.selected{background:#eb046326;border-color:#eb0463;box-shadow:0 0 14px #eb046340}.taller-portal-submit{color:#fff;cursor:pointer;letter-spacing:.03em;background:radial-gradient(circle at 0 0,#eb046333,#000000d9);border:2px solid #eb0463;border-radius:999px;width:100%;padding:.9rem 1.5rem;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:700;transition:all .25s;box-shadow:0 0 18px #eb046373}.taller-portal-submit:hover:not(:disabled){background:radial-gradient(circle at 0 0,#eb046359,#000000e6);transform:translateY(-2px);box-shadow:0 0 26px #eb046399}.taller-portal-submit:disabled{opacity:.6;cursor:not-allowed}.taller-portal-notificacion{text-align:center;color:#f9fafb;background:#0b0b10;border:1px solid #eb046359;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.taller-portal-notificacion.success{color:#34d399;background:#10b9811f;border-color:#10b98199}.taller-portal-notificacion.error{color:#f87171;background:#f871711f;border-color:#f8717199}.reserva-portal{width:100%;max-width:720px;margin:0 auto}.reserva-portal-card{background:var(--mb-bg-card,linear-gradient(180deg,#121216fa 0%,#0a0a0efc 100%));border:1px solid var(--mb-border-accent,#eb046352);border-radius:var(--mb-radius-xl,20px);box-shadow:0 8px 32px #00000059,var(--mb-shadow-inset,inset 0 1px 0 #ffffff0a);padding:clamp(1.25rem,4vw,1.75rem)}.reserva-portal-sucursal{text-align:center;color:#eb0463;margin-bottom:.75rem;font-family:Poppins,sans-serif;font-size:clamp(.85rem,2.2vw,.95rem);font-weight:600}.reserva-portal-header h1{color:#eb0463;text-align:center;margin:0 0 .5rem;font-family:Poppins,sans-serif;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:700}.reserva-portal-banner{text-align:center;border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:Poppins,sans-serif}.reserva-portal-banner.sin-espera{background:#10b9811f;border:1px solid #10b98180;box-shadow:0 0 20px #10b98126}.reserva-portal-banner.sin-espera .banner-title{color:#34d399;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.reserva-portal-banner.sin-espera .banner-text{color:#a7f3d0;margin:0;font-size:.9rem}.reserva-portal-banner.con-espera{background:#fbbf241f;border:1px solid #fbbf2480;box-shadow:0 0 20px #fbbf241f}.reserva-portal-banner.con-espera .banner-title{color:#fde68a;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.reserva-portal-banner.con-espera .banner-text{color:#fef3c7;margin:0;font-size:.9rem}.reserva-portal-form .form-group{margin-bottom:1rem}.reserva-portal-form .form-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:520px){.reserva-portal-form .form-row-2{grid-template-columns:1fr 1fr}}.reserva-portal-form label,.reserva-portal-form .section-title{color:#e5e7eb;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;display:block}.reserva-portal-form .section-title{margin-top:1.25rem;margin-bottom:.6rem;font-size:clamp(.95rem,2.4vw,1.05rem)}.reserva-portal-input,.reserva-portal-textarea{color:#f9fafb;box-sizing:border-box;background:#0b0b10;border:1px solid #eb046373;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.reserva-portal-input:focus,.reserva-portal-textarea:focus{border-color:#eb0463;outline:none;box-shadow:0 0 12px #eb046340}.reserva-portal-input::placeholder,.reserva-portal-textarea::placeholder{color:#6b7280}.reserva-portal-textarea{resize:vertical;min-height:80px}.reserva-portal-radio-group{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.reserva-portal-radio-option{cursor:pointer;color:#f9fafb;background:#0b0b10;border:2px solid #eb046359;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.reserva-portal-radio-option:hover{background:#eb046314;border-color:#eb046399}.reserva-portal-radio-option.selected{background:#eb046326;border-color:#eb0463;box-shadow:0 0 14px #eb04634d}.reserva-portal-habeas{color:#e5e7eb;background:linear-gradient(135deg,#eb04631a 0%,#0f0f14fa 100%);border:2px solid #eb046380;border-radius:14px;margin-top:1.25rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.5;box-shadow:0 4px 20px #eb04631f}.reserva-portal-habeas label{cursor:pointer;align-items:flex-start;gap:.75rem;margin:0;font-weight:500;display:flex}.reserva-portal-habeas input[type=checkbox]{accent-color:#eb0463;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.25rem}.reserva-portal-habeas strong{color:#eb0463}.reserva-portal-submit{color:#fff;cursor:pointer;letter-spacing:.03em;background:radial-gradient(circle at 0 0,#eb046333,#000000d9);border:2px solid #eb0463;border-radius:999px;width:100%;padding:.9rem 1.5rem;font-family:Poppins,sans-serif;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:700;transition:all .25s;box-shadow:0 0 18px #eb046373}.reserva-portal-submit:hover:not(:disabled){background:radial-gradient(circle at 0 0,#eb046359,#000000e6);transform:translateY(-2px);box-shadow:0 0 26px #eb046399}.reserva-portal-submit:disabled{opacity:.5;cursor:not-allowed;border-color:#eb046366;box-shadow:0 0 8px #eb046333}.reserva-portal-notificacion{text-align:center;color:#f9fafb;background:#0b0b10;border:1px solid #eb046359;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.reserva-portal-notificacion.success{color:#34d399;background:#10b9811f;border-color:#10b98199}.reserva-portal-notificacion.error{color:#f87171;background:#f871711f;border-color:#f8717199}.reserva-portal-aviso{color:#9ca3af;margin:.5rem 0 1rem;font-size:.875rem}.admin-layout{min-height:100vh;display:flex}.admin-shell{min-height:100vh;min-height:100dvh;display:flex;overflow-x:hidden}.admin-sidebar{background:var(--admin-bg-canvas);border-right:1px solid var(--admin-border-accent);width:240px;box-shadow:none;z-index:25;transition:transform .3s;position:fixed;inset:0 auto 0 0}.admin-main{padding:var(--admin-space-5);background:var(--admin-bg-canvas);flex:1;width:100%;max-width:100%;min-height:100vh;margin-left:240px}.hamburger-btn{top:var(--admin-space-4);left:var(--admin-space-4);z-index:30;background:var(--admin-bg-elevated);width:48px;height:48px;color:var(--admin-text-primary);border:1px solid var(--admin-border-accent);border-radius:var(--admin-radius-md);cursor:pointer;font-size:24px;transition:background .15s,transform .15s,border-color .15s;display:none;position:fixed;box-shadow:0 2px 8px #00000059}.hamburger-btn:hover{background:var(--admin-accent-soft);border-color:#eb046373;transform:scale(1.02)}.sidebar-overlay{z-index:19;background:#00000080;display:none;position:fixed;inset:0}.sidebar-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:32px;height:32px;margin-left:auto;padding:0;font-size:28px;line-height:1;display:none}.sidebar-close:hover{color:#fff}.admin-page-header{margin-bottom:var(--admin-space-5)}.admin-page-title{color:var(--admin-text-primary);font-size:1.75rem;font-weight:700;font-family:var(--admin-font-ui);letter-spacing:-.02em;margin:0}.admin-page-subtitle{margin-top:var(--admin-space-2);color:var(--admin-text-tertiary);font-size:.875rem;line-height:1.45;font-family:var(--admin-font-ui);font-weight:400}.admin-section-title{font-family:var(--admin-font-ui);color:var(--admin-accent);margin:0 0 var(--admin-space-4)0;text-align:left;letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.admin-card-title{color:#fff;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.admin-card-label{color:#fffffff2;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.admin-text-muted{color:#9ca3af;font-family:Poppins,sans-serif;font-size:14px}.admin-stat-label{color:#fffffff2;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.admin-stat-value{color:#fff;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.admin-stat-small{color:#ffffffd9;margin-top:8px;font-family:Poppins,sans-serif;font-size:12px}.admin-card-placeholder{max-width:28rem;padding:var(--admin-space-6)var(--admin-space-5);text-align:center;background:var(--admin-bg-elevated);border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);margin:0 auto;box-shadow:inset 0 1px #ffffff0a}.admin-card-placeholder-icon{margin-bottom:var(--admin-space-4);font-size:3rem;line-height:1}.admin-card-placeholder h2{font-family:var(--admin-font-ui);color:var(--admin-text-primary);margin:0 0 var(--admin-space-2)0;text-align:center;font-size:1.25rem;font-weight:600}.admin-card-placeholder p{font-family:var(--admin-font-ui);color:var(--admin-text-tertiary);margin:0;font-size:.875rem;line-height:1.5}.sb-wrap{flex-direction:column;height:100%;display:flex}.sb-header{padding:var(--admin-space-4)18px;border-bottom:1px solid var(--admin-border-subtle);align-items:center;gap:10px;display:flex}.sb-logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.sb-brand{color:#fff;text-transform:lowercase;font-size:14px;font-weight:700}.sb-nav{flex:1;padding:14px;overflow-y:auto}.sb-list{margin:0;padding:0;list-style:none}.sb-li{margin-bottom:4px}.sb-item{border-radius:var(--admin-radius-pill);cursor:pointer;width:100%;color:var(--admin-text-secondary);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:flex}.sb-item:hover{background:var(--admin-accent-soft);color:var(--admin-text-primary);transform:translate(2px)}.sb-item.active{color:var(--admin-text-primary);background:linear-gradient(135deg,#c90356 0%,#a65495 100%);border-left:none;font-weight:600;box-shadow:0 0 0 1px #eb046359}.sb-ic{font-size:18px;line-height:1}.sb-tx{font-size:15px}.sb-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:14px 14px 6px;font-size:11px;font-weight:600}.sb-section-title:first-child{padding-top:4px}.sb-footer{padding:var(--admin-space-3)14px;border-top:1px solid var(--admin-border-subtle)}.sb-user{align-items:center;gap:10px;padding:8px 10px;display:flex}.sb-avatar{color:#fff;background:linear-gradient(135deg,#eb0463,#ff1a75);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.sb-user-name{color:#fff;font-size:12px;font-weight:600}.sb-user-plan{color:#ccc;font-size:11px}.sb-logout{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;margin-top:8px;padding:8px 10px;font-size:13px}.sb-logout:hover{color:#eb0463;background:#1a1a1a}@media (max-width:768px){.hamburger-btn{justify-content:center;align-items:center;display:flex}.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close{display:block}.admin-main{padding:72px 16px max(80px,env(safe-area-inset-bottom))16px;width:100%;max-width:100%;margin-left:0;overflow-x:hidden}.sb-header{justify-content:space-between;align-items:center;display:flex}}h1,h2,h3,.title{color:#eb0463;text-align:center;font-family:Yeseva One,serif}h3{margin-top:1.5rem;margin-bottom:1rem}input,select,textarea{color:#fff;-webkit-text-fill-color:#fff;background:#000;border:2px solid #eb0463;border-radius:12px;outline:none;width:100%;margin-bottom:1rem;padding:.9rem;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .3s}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}input:focus,select:focus,textarea:focus{background:#0a0a0a;border-color:#eb0463;box-shadow:0 0 15px #eb046399}input::placeholder,textarea::placeholder{color:#888}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eb0463,#ff1a75);border:none;border-radius:25px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #eb046366}.btn-neon-pill{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 0 0,#eb046333,#000000e6);border:2px solid #eb0463;border-radius:999px;width:auto;margin:0;padding:.7rem 1.8rem;font-size:.85rem;font-weight:700;box-shadow:0 0 16px #eb046399}.btn-neon-pill:hover{background:radial-gradient(circle at 0 0,#eb046359,#000000e6);transform:translateY(-1px);box-shadow:0 0 24px #eb0463e6}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-action,.btn-actualizar,.btn-exportar{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;box-shadow:0 0 12px #eb04638c}.btn-delete,.btn-action.delete{box-shadow:0 0 12px #ef444499}button:hover{background:linear-gradient(135deg,#ff1a75,#eb0463);transform:translateY(-2px);box-shadow:0 6px 20px #eb046399}.servicios-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-top:1rem;display:grid}.servicio-card{cursor:pointer;text-align:center;background:#1a1a1a;border:2px solid #0000;border-radius:16px;padding-bottom:.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000014}.servicio-card.promocion-card{background:linear-gradient(135deg,#1a1a1a 0%,#2a1a1a 100%);border-color:gold}.promocion-badge{color:#000;z-index:10;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #ffd70066}.servicio-card img{object-fit:cover;border-bottom:2px solid #333;width:100%;height:140px;transition:transform .3s}.servicio-card:hover img{transform:scale(1.05)}.servicio-card p{color:#fff;margin:.6rem 0;font-weight:500}.servicio-card.selected{border-color:#eb0463;transform:translateY(-3px);box-shadow:0 0 15px #e6394666}.react-datepicker{border:2px solid #eb0463;border-radius:16px;font-family:Poppins,sans-serif;overflow:hidden}.react-datepicker__header{color:#fff;background:#eb0463}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff!important;background:#eb0463!important}.navbar{color:#fff;background:#eb0463;border-radius:0 0 16px 16px;justify-content:space-between;padding:1rem 2rem;display:flex}.navbar a{color:#fff;margin-left:1rem;font-weight:700;text-decoration:none;transition:all .3s}.navbar a:hover{color:#e0ff00}@media (max-width:600px){.servicios-grid{grid-template-columns:1fr;gap:1rem}.form-container,.container{border-radius:16px;width:calc(100% - 2rem);max-width:100%;margin:.5rem 1rem;padding:1rem}.servicio-card{padding-bottom:.5rem}.servicio-card img{height:120px}button{width:100%;padding:.8rem;font-size:.9rem}input,select,textarea{width:100%;padding:.75rem;font-size:16px}.react-datepicker-wrapper{width:100%}h1{padding:0 .5rem;font-size:1.6rem;line-height:1.2}h2{margin-bottom:1rem;font-size:1.3rem}h3{margin:1.5rem 0 1rem;font-size:1rem}.notificacion{width:calc(100% - 2rem);max-width:none;margin:1rem;padding:1rem;font-size:.9rem}.react-datepicker{font-size:.9rem}.react-datepicker__time-list-item{padding:6px 8px}}.admin-header{background:linear-gradient(90deg,#e639461a,#ffe8e080);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.admin-logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:auto;margin:0;padding:.5rem 1rem;font-weight:600;transition:background-color .3s}.admin-logout-btn:hover{background:#dc2626;transform:translateY(-1px)}.citas-grid{gap:1rem;display:grid}.no-citas{text-align:center;padding:2rem}.cita-card-admin{text-align:left;background:#1a1a1a;border-left:4px solid #eb0463;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.cita-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.estado-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.estado-badge.pendiente{color:#92400e;background:#3d3417}.estado-badge.confirmada{color:#166534;background:#dcfce7}.estado-badge.en.curso{color:#1e40af;background:#dbeafe}.estado-badge.finalizada{color:#6b21a8;background:#e9d5ff}.cita-details{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.detail-item{color:#9ca3af;margin:.25rem 0}.cita-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:6px;width:auto;margin:0;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s}.btn-action.confirm{color:#fff;background:#10b981}.btn-action.confirm:hover{background:#059669}.btn-action.progress{color:#fff;background:#3b82f6}.btn-action.progress:hover{background:#2563eb}.btn-action.complete{color:#fff;background:#8b5cf6}.btn-action.complete:hover{background:#7c3aed}.btn-action.delete{color:#fff;background:#ef4444;margin-left:auto}.btn-action.delete:hover{background:#dc2626}@media (max-width:768px){.admin-header{text-align:center;flex-direction:column;gap:1rem}.cita-details{grid-template-columns:1fr}.cita-actions{justify-content:center}}.notificacion{text-align:center;border-radius:12px;margin-bottom:1rem;padding:1rem;font-weight:600;animation:.3s ease-out slideIn}.notificacion.success{color:#fff;background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.notificacion.error{color:#fff;background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.horarios-info{background:#3d3417;border:1px solid #f59e0b;border-radius:8px;margin-bottom:1rem;padding:.75rem}.horarios-info p{color:#92400e;margin:0;font-size:.875rem}button:disabled{cursor:not-allowed!important;background:#9ca3af!important;transform:none!important}button:disabled:hover{color:#fff!important;background:#9ca3af!important}.servicio-info{text-align:center;padding:.5rem}.servicio-nombre{color:#fff;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.servicio-precio{color:#eb0463;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.servicio-descripcion{color:#ccc;padding:0 .25rem;font-size:.8rem;line-height:1.3}.servicio-card{border:2px solid #0000;transition:all .3s}.servicio-card:hover{border-color:#eb0463;transform:translateY(-2px);box-shadow:0 8px 25px #eb046366}.servicio-card.selected{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);border-color:#eb0463;transform:translateY(-2px);box-shadow:0 0 20px #eb046399}.calendar-container{justify-content:center;display:flex}.custom-calendar{background:#1a1a1a;border-radius:12px;max-width:400px;margin:0 auto;padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-month{color:#eb0463;text-transform:capitalize;margin:0;font-size:18px;font-weight:600}.calendar-nav-btn{color:#eb0463;cursor:pointer;background:0 0;border:2px solid #eb0463;border-radius:8px;width:36px;height:36px;font-size:16px;transition:all .2s}.calendar-nav-btn:hover{color:#fff;background:#eb0463}.calendar-weekdays{text-align:center;color:#888;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;width:100%;display:grid}.calendar-day{aspect-ratio:1;color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;min-width:0;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.calendar-day:hover{background:#eb04631a;border-color:#eb0463}.calendar-day.selected{color:#fff;background:#eb0463;border-color:#eb0463;font-weight:700}.calendar-day.has-citas{font-weight:700}.calendar-day-empty{aspect-ratio:1;cursor:default;pointer-events:none;background:0 0;border:none;min-width:0}.cita-dot{background:#eb0463;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px}.calendar-day.selected .cita-dot{background:#fff}.calendar-page{padding:16px}.page-title{color:#eb0463;text-align:left;margin:0 0 16px;font-family:Yeseva One,serif}.calendar-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (min-width:1024px){.calendar-grid{grid-template-columns:minmax(320px,420px) 1fr}}@media (max-width:640px){.calendar-container{width:100%;max-width:100%}.calendar-container .react-datepicker{width:100%}.custom-calendar{max-width:100%;padding:12px}.card{max-width:100%;padding:16px}.apt-list{min-width:0;overflow-x:hidden}.apt-card{overflow-wrap:break-word;word-break:break-word;min-width:0;padding:12px}.apt-actions{flex-direction:column}.apt-actions .btn,.apt-actions .btn-neon-pill{flex:none;width:100%;min-width:0!important}.calendar-grid{padding-bottom:env(safe-area-inset-bottom);gap:16px}.calendar-page{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.container{box-sizing:border-box;overflow-wrap:break-word;width:100%;max-width:100%;margin:.5rem 0;padding:12px}.citas-grid{grid-template-columns:1fr;gap:12px;min-width:0}.cita-card-admin{overflow-wrap:break-word;word-break:break-word;min-width:0;padding:12px}.cita-details{grid-template-columns:1fr;gap:8px}.cita-header{flex-wrap:wrap;gap:8px}.cita-actions{flex-direction:column;gap:8px}.cita-actions .btn-action{width:100%;margin-left:0!important}.admin-header{flex-direction:column;align-items:stretch;gap:12px}.admin-page-header{margin-bottom:16px}.admin-page-title{font-size:1.25rem}}@media (max-width:768px){.hamburger-btn{top:max(16px,env(safe-area-inset-top))}}.card{background:#1a1a1a;border-radius:16px;padding:24px;box-shadow:0 6px 24px #00000014}.card-title{color:#fff;text-align:center;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.apt-list{gap:12px;display:grid}.apt-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:16px;transition:box-shadow .2s,transform .2s}.apt-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #e6394626}.apt-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.apt-title{color:#fff;margin:0;font-weight:600}.apt-line{color:#ccc;margin:2px 0;font-size:14px}.apt-notes{color:#fff;background:#0a0a0a;border-radius:8px;margin-top:8px;padding:8px;font-size:14px}.badge{border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.pendiente{color:#fbbf24;background:#3d3417;border-color:#78350f}.badge.confirmada{color:#34d399;background:#064e3b;border-color:#065f46}.badge.en-curso{color:#60a5fa;background:#1e3a8a;border-color:#1e40af}.badge.finalizada{color:#c084fc;background:#4c1d95;border-color:#6b21a8}.badge.cancelada{color:#f87171;background:#7f1d1d;border-color:#991b1b}.apt-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;width:auto;padding:8px 12px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.btn-sm{padding:6px 10px;font-size:12px}.btn-primary{color:#fff;background:#3b82f6}.btn-success{color:#fff;background:#10b981}.btn-danger{color:#fff;background:#ef4444}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}}.stat-card{text-align:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:16px}.stat-card h4{color:#fff;margin:0;font-size:14px;font-weight:700}.stat-value{margin-top:6px;font-size:24px;font-weight:800}.stat-card.yellow .stat-value{color:#d97706}.stat-card.green .stat-value{color:#059669}.stat-card.purple .stat-value{color:#7c3aed}.stat-card.red .stat-value{color:#dc2626}.chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-yellow{color:#fbbf24;background:#3d3417;border-color:#78350f}.chip-green{color:#34d399;background:#064e3b;border-color:#065f46}.chip-blue{color:#60a5fa;background:#1e3a8a;border-color:#1e40af}.chip-purple{color:#c084fc;background:#4c1d95;border-color:#6b21a8}.chip-red{color:#f87171;background:#7f1d1d;border-color:#991b1b}@media (max-width:640px){.card-title{font-size:14px}.chips{gap:6px}.chip{padding:5px 8px;font-size:11px}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.max-h-96{scrollbar-width:thin;scrollbar-color:#eb0463 #f3f4f6}.max-h-96::-webkit-scrollbar{width:6px}.max-h-96::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.max-h-96::-webkit-scrollbar-thumb{background:#eb0463;border-radius:3px}.max-h-96::-webkit-scrollbar-thumb:hover{background:#c50356}.servicios-manager{padding:0}.servicios-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.servicios-header h1{color:#eb0463;text-align:left;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#eb0463,#e0ff00);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary:hover{color:#fff;background:linear-gradient(90deg,#e0ff00,#e0ff00);transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.servicios-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:640px){.servicios-grid{grid-template-columns:1fr}.servicios-header{flex-direction:column;align-items:flex-start;gap:12px}.service-actions{flex-direction:column}.btn-edit,.btn-delete{width:100%}}.service-card{background:#1a1a1a;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.service-images{background:#1a1a1a;flex-shrink:0;width:100%;min-height:120px}.service-images__grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;min-height:120px;display:grid}.service-images img{object-fit:cover;width:100%;min-height:120px;display:block}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e6394633}.service-image{background:#1a1a1a;width:100%;height:180px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.service-card:hover .service-image img{transform:scale(1.05)}.service-content{flex:1;padding:20px}.service-content h3{color:#fff;text-align:left;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.service-description{color:#ccc;min-height:42px;margin:0 0 16px;font-size:14px;line-height:1.5}.service-details{gap:16px;margin-bottom:16px;display:flex}.service-detail{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.detail-icon{font-size:16px}.service-actions{background:#0a0a0a;border-top:1px solid #333;gap:3px;padding:4px 8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;letter-spacing:-.5px;border:none;border-radius:3px;flex:0 0 48%;justify-content:center;align-items:center;gap:1px;height:22px;padding:2px 4px;font-size:8px;font-weight:600;line-height:1.1;transition:all .2s;display:flex}.btn-edit{color:#fff;background:linear-gradient(90deg,#eb0463,#e0ff00)}.btn-edit:hover{background:linear-gradient(90deg,#c50356,#eb0463);transform:translateY(-1px)}.btn-delete{color:#b91c1c;background:#7f1d1d}.btn-delete:hover{background:#991b1b;transform:translateY(-1px)}.empty-state{text-align:center;background:#1a1a1a;border-radius:16px;padding:64px 24px;box-shadow:0 2px 8px #0000000d}.empty-icon{margin-bottom:16px;font-size:64px}.empty-state h3{color:#fff;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:20px}.empty-state p{color:#ccc;margin:0;font-size:14px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h2{color:#fff;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.modal-close{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:32px;transition:all .2s;display:flex}.modal-close:hover{color:#eb0463;background:#1a1a1a}.service-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{color:#fff;-webkit-text-fill-color:#fff;background:#000;border:1px solid #333;border-radius:8px;width:100%;margin:0;padding:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.form-group input:-webkit-autofill{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-group input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #000!important}.form-group input:focus,.form-group textarea:focus{border-color:#eb0463;outline:none;box-shadow:0 0 0 3px #eb04634d}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}.modal-content{max-height:85vh}.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}}.form-actions{border-top:1px solid #333;gap:12px;margin-top:24px;padding-top:24px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#0a0a0a;border-color:#9ca3af}.form-actions .btn-primary{flex:1;width:auto;margin:0}:root{--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--primary:#eb0463;--dark:#0a0a0a;--card:#1a1a1a;--text:#fff;--text-muted:#888;--success:#10b981;--warning:#f5576c}@media (max-width:768px){*{margin:0;padding:0}body{font-size:var(--font-base);line-height:1.5}.container,.form-container,.tab-content,.card,.dashboard-card,.form-section,.products-list,.sales-list,.gastos-tabla,.gastos-categoria{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--primary);background:var(--card)}h1,h2,h3,h4,h5,h6{font-size:var(--font-lg);margin:var(--spacing-md)0;color:var(--primary);font-weight:600}h1{font-size:var(--font-xl);margin-bottom:var(--spacing-lg)}input,select,textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-base);border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--dark);color:var(--text);margin-bottom:var(--spacing-md);box-sizing:border-box;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #eb04634d}button{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-base);border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:44px;margin-bottom:var(--spacing-sm);border:none;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}button:last-child{margin-bottom:0}.btn-primary,.btn-actualizar,.btn-exportar{background:var(--primary);color:var(--text)}.btn-primary:hover,.btn-actualizar:hover,.btn-exportar:hover{opacity:.9;transform:scale(1.02)}.btn-secondary{color:var(--text);background:#868f96}.btn-success{background:var(--success);color:var(--dark)}.btn-warning{background:var(--warning);color:var(--text)}.tab-button{text-align:center;flex:1;padding:var(--spacing-md)!important;font-size:var(--font-base)!important;margin:0!important}.tab-button.active{background:var(--primary)!important}.dashboard-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center}.dashboard-card h3{font-size:var(--font-sm);margin-bottom:var(--spacing-md);opacity:.9}.dashboard-card p{font-size:var(--font-xl);margin:var(--spacing-md)0;font-weight:700}.dashboard-card small{font-size:var(--font-xs);margin-bottom:var(--spacing-xs);display:block}table{width:100%;font-size:var(--font-sm)}table th,table td{padding:var(--spacing-md);text-align:left}table th{background:var(--primary);color:var(--text);font-weight:600}table td{border-bottom:1px solid #333}.form-section form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-section label{font-size:var(--font-sm);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.input-group{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.tab-content,.section{margin-bottom:var(--spacing-xl)}.message{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600}.periodo-selector{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.periodo-selector select,.periodo-selector input,.periodo-selector button{width:100%}.gastos-categoria-item{padding:var(--spacing-md);font-size:var(--font-sm);border-bottom:1px solid #333;justify-content:space-between;align-items:center;display:flex}.resumen{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}.resumen-item{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--primary)}.resumen-item strong{font-size:var(--font-sm);color:var(--primary);margin-bottom:var(--spacing-md);display:block}.resumen-item span{font-size:var(--font-lg);font-weight:700}.button-group{gap:var(--spacing-md);flex-direction:column;display:flex}.button-group button{width:100%;margin:0}}@media (min-width:769px) and (max-width:1024px){.input-group{grid-template-columns:1fr 1fr}.resumen{grid-template-columns:repeat(2,1fr)}button{width:auto}.button-group{flex-direction:row}.periodo-selector{flex-flow:wrap}.periodo-selector select,.periodo-selector input{flex:1;width:auto;min-width:120px}}@media (min-width:1025px){.input-group{grid-template-columns:repeat(3,1fr)}.resumen{grid-template-columns:repeat(4,1fr)}button{width:auto}.button-group{gap:var(--spacing-lg);flex-direction:row}}button,a[role=button],input[type=button],input[type=submit]{min-width:44px;min-height:44px}button:active{transform:scale(.98)}@media print{button,.no-print{display:none}}