:root{--red:#e5383b;--red-dark:#ba181b;--red-tint:#fdecec;--yellow:#ffb703;--yellow-dark:#e08e00;--dark:#191c2c;--dark-soft:#23273d;--navy:#1d3557;--green:#2a9d8f;--green-tint:#e4f5f3;--purple:#8338ec;--purple-tint:#f2e9fd;--blue:#3a86ff;--gray-50:#f8f9fb;--gray-100:#f1f2f6;--gray-200:#e6e8f0;--gray-400:#a3a8bd;--gray-600:#6b7086;--gray-800:#34384d;--border:#e4e6ef;--white:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 3px #181a2d0f;--shadow-md:0 6px 20px #181a2d14;--shadow-lg:0 16px 40px #181a2d24;--font-display:"Barlow Condensed", "Segoe UI", sans-serif;--font-body:"Instrument Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-w:264px;--topbar-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;margin:0;font-size:15.5px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--dark);margin:0;font-weight:600}h1{letter-spacing:.2px;font-size:30px}h2,.section-title{margin-bottom:16px;font-size:21px}h3{font-size:17px}p{margin:0}button,input,select,textarea{font-family:inherit}a{color:inherit}::selection{background:var(--yellow);color:var(--dark)}:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-shell{min-height:100vh;display:flex}.topbar{display:none}.main-content{flex:1;min-width:0;padding:32px 40px 60px}.view{animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-hero{margin-bottom:26px}.page-subtitle{color:var(--gray-600);margin-top:6px;font-size:15px}.sidebar{width:var(--sidebar-w);background:linear-gradient(185deg, var(--dark) 0%, var(--dark-soft) 100%);color:var(--white);z-index:20;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{font-family:var(--font-display);letter-spacing:.4px;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:22px 24px;font-size:21px;font-weight:700;display:flex}.sidebar__brand img{background:var(--white);object-fit:cover;border-radius:8px;width:34px;height:34px}.sidebar__scroll{flex:1;padding:14px 12px;overflow-y:auto}.sidebar__group{margin-bottom:18px}.sidebar__group-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:0 12px 8px;font-size:11px;font-weight:700;display:block}.menu-item{color:#ffffffd1;border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:13px;width:100%;padding:11px 12px;font-size:15px;transition:background .15s,color .15s,transform .15s;display:flex}.menu-item:hover{color:var(--white);background:#ffffff14}.menu-item--active{background:var(--red);color:var(--white);box-shadow:var(--shadow-sm)}.menu-item--active:hover{background:var(--red-dark)}.menu-item--settings{width:calc(100% - 24px);margin:12px}.sidebar-overlay{display:none}.btn{cursor:pointer;text-align:center;background:var(--gray-100);color:var(--gray-800);border-radius:var(--radius-sm);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:var(--yellow);color:var(--dark)}.btn-secondary:hover{background:var(--yellow-dark)}.btn-success{background:var(--green);color:var(--white);padding:15px;font-size:16px}.btn-success:hover{filter:brightness(.92)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:var(--red-dark)}.btn-ghost-danger{background:var(--red-tint);color:var(--red-dark)}.btn-ghost-danger:hover{background:#fbd9d9}.btn-purple{background:var(--purple)!important}.btn-purple:hover{filter:brightness(.9)}.btn-block{width:100%}.btn-sm{padding:8px 12px;font-size:13px}.tabs-quadras{gap:10px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.tab-quadra{background:var(--white);text-align:center;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-width:130px;color:var(--gray-600);box-shadow:var(--shadow-sm);flex:1;padding:13px 18px;font-weight:700;transition:all .2s}.tab-quadra:hover{border-color:var(--red);color:var(--red)}.tab-quadra--active{background:var(--red);border-color:var(--red);color:var(--white);box-shadow:0 8px 18px #e5383b47}.horarios-list{flex-direction:column;gap:18px;display:flex}.horario-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:22px}.horario-card__header{border-bottom:1.5px solid var(--gray-100);color:var(--dark);font-size:19px;font-weight:700;font-family:var(--font-display);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.horario-card__header span{align-items:center;gap:8px;display:flex}.horario-card__icon{color:var(--red)}.empty-hint{color:var(--gray-600);padding:6px 0;font-style:italic}.player-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.player-row:last-child{border-bottom:none;padding-bottom:0}.player-info{flex:1;min-width:0}.player-name{color:var(--dark);font-size:18px;font-family:var(--font-display);display:block}.player-meta{color:var(--gray-600);font-size:14px}.player-total{color:var(--red-dark);margin-top:10px;font-size:16px;font-weight:700}.player-actions{flex-direction:column;align-items:stretch;gap:8px;min-width:140px;display:flex}.consumo-box{border-radius:var(--radius-sm);border-left:3px solid var(--yellow);background:#fff8e6;margin:12px 0;padding:12px 14px;font-size:14px}.consumo-box ul{margin:6px 0 0;padding:0;list-style:none}.consumo-box li{color:var(--gray-800);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.link-btn{cursor:pointer;color:var(--gray-600);background:0 0;border:none;align-items:center;padding:2px;display:inline-flex}.link-btn--danger:hover{color:var(--red-dark)}.context-alert{border-radius:var(--radius-md);border-left:4px solid var(--yellow);box-shadow:var(--shadow-sm);background:#fff8e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 18px;font-weight:600;display:flex}.context-alert strong{color:var(--red-dark);font-size:16px}.bar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.bar-item{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 18px;transition:all .2s;display:flex}.bar-item:hover{border-color:var(--yellow);box-shadow:var(--shadow-md);transform:translateY(-4px)}.bar-item__icon{background:var(--gray-100);width:52px;height:52px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;display:flex}.bar-item__name{color:var(--dark);font-size:15px;font-weight:700}.bar-item__price{color:var(--red-dark);font-size:15px;font-weight:700}.list-stack{flex-direction:column;gap:12px;display:flex}.list-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.list-item--bordered{border-left:4px solid var(--gray-400)}.list-item__title{color:var(--dark);margin-bottom:3px;font-size:17px;font-weight:700;display:block}.list-item__meta{color:var(--gray-600);align-items:center;gap:6px;font-size:13.5px;display:flex}.list-item__time{color:var(--gray-400);font-size:12px}.list-item__amount{color:var(--dark);font-size:19px;font-weight:700}.list-item__amount--danger{color:var(--red-dark)}.list-item__amount--success{color:var(--green);margin-bottom:8px}.list-item__side{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.accent-blue{color:var(--blue);border-left-color:var(--blue)!important}.accent-purple{color:var(--purple);border-left-color:var(--purple)!important}.accent-red{color:var(--red-dark);border-left-color:var(--red)!important}.entry-form{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:14px;padding:20px;display:flex}.entry-form__field{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.entry-form__field--grow{flex:2;min-width:220px}.entry-form__field--action{justify-content:flex-end;min-width:140px}.entry-form__field label{color:var(--gray-600);font-size:13px;font-weight:700}input[type=text],input[type=number],input[type=password],select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--gray-50);width:100%;color:var(--dark);outline:none;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px #e5383b24}.checkbox-row{color:var(--gray-800);align-items:center;gap:10px;margin-top:4px;font-size:14px;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--red)}.report-tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.report-tab{text-align:center;background:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;min-width:130px;color:var(--gray-600);border:none;flex:1;padding:11px;font-weight:700;transition:all .15s}.report-tab:hover{background:var(--gray-200)}.report-tab--active{background:var(--dark);color:var(--white)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:28px;display:grid}.dashboard-grid--tight{margin-bottom:32px}.dash-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);border-left:4px solid var(--navy);box-shadow:var(--shadow-sm);padding:18px 20px;transition:transform .15s}.dash-card:hover{transform:translateY(-2px)}.dash-card--dark{background:var(--dark);border-left:none!important}.dash-card--emphasis{border-left-width:5px}.dash-card__title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12.5px;font-weight:700}.dash-card__value{color:var(--dark);font-size:23px;font-weight:700;font-family:var(--font-display)}.charts-container{flex-wrap:wrap;gap:20px;margin-top:8px;display:flex}.chart-box{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);min-width:300px;box-shadow:var(--shadow-sm);flex:1;padding:22px}.chart-box h3{text-align:center;color:var(--gray-600);margin-bottom:18px;font-weight:700}.donut-chart{flex-direction:column;align-items:center;gap:18px;display:flex}.donut-chart__legend{width:100%;max-width:260px;margin:0;padding:0;list-style:none}.donut-chart__legend li{align-items:center;gap:10px;padding:5px 0;font-size:14px;display:flex}.donut-chart__swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.donut-chart__label{color:var(--gray-800);flex:1}.donut-chart__value{color:var(--dark);font-weight:700}.locked-panel{background:var(--white);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--gray-600);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.locked-panel svg{color:var(--navy)}.danger-zone{border-radius:var(--radius-md);background:var(--red-tint);border:1px solid #f3b7b7;margin-top:32px;padding:22px}.danger-zone__title{color:var(--red-dark);margin-bottom:8px}.danger-zone p{color:var(--gray-800);margin-bottom:14px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f111e8c;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);max-height:90vh;padding:26px 28px 28px;animation:.22s cubic-bezier(.2,.9,.3,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal__close{cursor:pointer;color:var(--gray-600);background:0 0;border:none;border-radius:6px;padding:4px}.modal__close:hover{background:var(--gray-100);color:var(--dark)}.modal__subtitle{color:var(--gray-600);margin-bottom:16px}.modal__actions{gap:10px;margin-top:22px;display:flex}.modal__actions .btn{flex:1}.form-group{margin-bottom:18px}.form-group label{color:var(--gray-800);margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.confirm-message{color:var(--gray-800);line-height:1.55}.checkout__name{color:var(--red-dark);margin-bottom:14px;font-size:25px}.checkout__total-box{background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px;display:flex}.checkout__total-box span{color:var(--gray-600);font-size:14px}.checkout__total-box strong{color:var(--dark);font-size:26px;font-family:var(--font-display)}.payment-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.payment-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--gray-50);cursor:pointer;color:var(--gray-800);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.payment-option:hover{border-color:var(--navy)}.payment-option--active{border-color:var(--red);background:var(--red-tint);color:var(--red-dark)}.receipt{background:var(--gray-50);border:1px dashed var(--gray-400);border-radius:var(--radius-sm);white-space:pre-wrap;margin-bottom:18px;padding:18px;font-family:Courier New,Courier,monospace;font-size:13.5px;overflow-x:auto}.summary-list{margin:0}.summary-list__row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:11px 0;font-size:16px;display:flex}.summary-list__row dt{color:var(--gray-600)}.summary-list__row dd{color:var(--dark);margin:0;font-weight:700}.summary-list__row--total{border-bottom:none;border-top:2px solid var(--dark);color:var(--red-dark);margin-top:6px;padding-top:16px;font-size:21px;font-weight:700}.password-input{text-align:center;letter-spacing:6px;font-size:22px}.toast-region{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--dark);color:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);align-items:center;gap:10px;max-width:340px;padding:14px 22px;font-size:14.5px;font-weight:600;animation:.3s cubic-bezier(.2,.9,.3,1.4) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:var(--green)}.toast--error{background:var(--red-dark)}.toast--warning{background:var(--yellow);color:var(--dark)}.icon{flex-shrink:0}@media (width<=900px){.topbar{height:var(--topbar-h);background:var(--dark);color:var(--white);z-index:15;align-items:center;gap:14px;padding:0 16px;display:flex;position:sticky;top:0}.topbar__menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;padding:6px;display:flex}.topbar__title{font-family:var(--font-display);letter-spacing:.4px;font-size:19px;font-weight:700}.app-shell{flex-direction:column}.sidebar{height:100dvh;box-shadow:var(--shadow-lg);transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:19;opacity:0;pointer-events:none;background:#0a0b1480;border:none;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:auto}.main-content{padding:22px 16px 50px}.dashboard-grid{grid-template-columns:1fr 1fr}.payment-options{grid-template-columns:1fr}}@media (width<=520px){.dashboard-grid{grid-template-columns:1fr}.entry-form{flex-direction:column}.entry-form__field,.entry-form__field--grow{min-width:0}.player-row{flex-direction:column}.player-actions{flex-direction:row;width:100%;min-width:0}.player-actions .btn{flex:1}.toast-region{align-items:stretch;left:16px;right:16px}.toast{justify-content:center;max-width:none}h1{font-size:25px}}