:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{color:#e5e7eb;background:#020617;margin:0;padding:0}*{box-sizing:border-box}.items-table{margin-top:10px}.items-table th{text-transform:uppercase;letter-spacing:.6px;font-size:12px}.items-table tbody tr{transition:all .15s}.form-card{background:#0f172a;border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 4px 20px #0000004d}.form-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.btn.back{flex:none;align-items:center;gap:6px;width:150px;margin:5px}.form-header h2{color:#e5e7eb}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.form-grid input,.form-grid select{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:6px;padding:10px;font-size:14px}.form-grid input:focus,.form-grid select:focus{border-color:#2f8a99;outline:none}.form-actions{gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:600;transition:all .2s}.btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn.primary:hover{opacity:.85}.btn.secondary{color:#e5e7eb;background:#1f2937}.btn.secondary:hover{background:#374151}.btn.back{color:#fff;background:#374151}.btn.back:hover{background:#4b5563}.table-container{width:100%;padding:10px 0;overflow-x:auto}.items-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000000d}.items-table tbody tr:nth-child(2n){background:#010720}.items-table tbody tr:nth-child(odd){background:#020e44}.items-table td{border-bottom:1px solid #1f2937}.items-table thead{border-bottom:1px solid #1f2937;background:#020617!important}.items-table th{color:#fff;text-align:left;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:600;background:#020617!important}.items-table td{border-bottom:1px solid #f1f1f1;padding:14px 16px;font-size:14px}.items-table tbody tr:hover{background:#0474e4;transition:all .2s}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge.premium{color:#5b21b6;background:#ede9fe}.badge.regular{color:#0369a1;background:#e0f2fe}.status{font-size:13px;font-weight:600}.status.active{color:#16a34a}.status.maintenance{color:#f59e0b}.status.retired{color:#ef4444}.price{font-weight:600}.code{font-family:monospace;font-size:13px}.actions{gap:8px;display:flex}.btn-icon{cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:6px 8px;transition:all .2s}.btn-icon:hover{transform:scale(1.1)}.btn-icon.edit:hover{background:#dbeafe}.btn-icon.delete:hover{background:#fee2e2}.crud-page{background:#060f1e;flex-direction:column;height:100vh;display:flex;overflow:hidden}.crud-layout{flex:1;display:flex;overflow:hidden}.crud-form-panel{background:#0c1426;border-right:1px solid #1e293b;flex-direction:column;gap:0;width:380px;min-width:380px;padding:16px;display:flex;overflow-y:auto}.crud-form-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #1e293b;margin:0 0 12px;padding-bottom:8px;font-size:17px;font-weight:700}.crud-fields{flex-direction:column;flex:1;gap:8px;display:flex}.field-group{flex-direction:column;gap:3px;display:flex}.field-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.fields-2col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.crud-form-panel input,.crud-form-panel select{color:#e5e7eb;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:7px 9px;font-size:17px}.crud-form-panel input:focus,.crud-form-panel select:focus{border-color:#6366f1}.crud-form-panel input[type=file]{color:#94a3b8;padding:4px 6px;font-size:16px}.crud-form-panel input[type=checkbox]{accent-color:#6366f1;width:auto}.field-group-check{color:#cbd5e1;align-items:center;gap:8px;padding:6px 0;font-size:17px;display:flex}.crud-section-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #1e293b;margin:6px 0 2px;padding-top:6px;font-size:14px;font-weight:700}.crud-actions{border-top:1px solid #1e293b;gap:8px;margin-top:8px;padding-top:12px;display:flex}.btn-crud{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:17px;font-weight:600;transition:opacity .15s}.btn-crud:hover{opacity:.82}.btn-crud.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-crud.secondary{color:#94a3b8;background:#1e293b}.crud-table-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.crud-table-wrapper{flex:1;overflow:auto}.crud-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.crud-table-wrapper::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.crud-table{border-collapse:collapse;width:100%;font-size:17px}.crud-table thead{z-index:2;position:sticky;top:0}.crud-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0f172a;border-bottom:2px solid #1e293b;padding:10px 14px;font-size:15px;font-weight:700}.crud-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #0d1a2e;padding:10px 14px;font-size:17px}.crud-table tbody tr:hover td{background:#0f1f35}.crud-table .tbl-actions{gap:6px;display:flex}.btn-tbl{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:5px;padding:3px 7px;font-size:18px;line-height:1;transition:all .15s}.btn-tbl:hover{color:#e2e8f0;background:#1e293b}.btn-tbl.delete:hover{color:#ef4444;background:#1a0a0a;border-color:#ef4444}.export-btns{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.btn-export{cursor:pointer;border:none;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600;transition:opacity .15s}.btn-export:hover{opacity:.82}.btn-export.excel{color:#fff;background:#16a34a}.btn-export.pdf{color:#fff;background:#dc2626}.home-container{color:#e5e7eb}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.menu-card{cursor:pointer;background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:20px;transition:all .2s}.menu-card:hover{background:#1e293b;transform:translateY(-4px)}.menu-card h2{margin-bottom:10px}.menu-card p{color:#9ca3af}.menu-card.disabled{opacity:.5;cursor:not-allowed}.btn-back{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:6px;margin-bottom:20px;padding:10px 16px;font-weight:600}.btn-back:hover{background:#111827}.rent-container{height:100vh;display:flex}.items-list{color:#fff;background:#1e293b;width:20%;padding:10px;overflow-y:auto}.items-list div{cursor:pointer;background:#334155;margin-bottom:5px;padding:10px}.rent-main{width:80%;padding:20px}.rent-layout{color:#fff;background:#0f172a;width:100%;height:100vh;min-height:100vh;display:flex}.left-panel{background:#1e293b;width:25%;min-width:250px;padding:10px;overflow-y:auto}.items-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.item-card{text-align:center;cursor:pointer;background:#334155;border-radius:8px;padding:10px}.item-card:hover{background:#475569}.selected{background:#22c55e!important}.right-panel{flex-direction:column;width:75%;padding:10px;display:flex}.customer-box{background:#020617;border:1px solid #1f2937;border-radius:12px;padding:5px}.customer-box h3{color:#e5e7eb;margin-top:5px;margin-bottom:10px;font-size:28px}.client-search{gap:10px;margin-bottom:12px;display:flex}.client-search input{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:8px;outline:none;flex:1;padding:10px;font-size:16px}.client-search input:focus{border-color:#22c55e}.client-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;width:150px;padding:10px 14px;font-size:16px}.input-tooltip{width:100%;display:inline-block;position:relative}.input-tooltip input{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:8px;outline:none;width:100%;padding:10px}.input-tooltip input:focus{border-color:#22c55e}.tooltip-text{color:#e5e7eb;opacity:0;pointer-events:none;white-space:nowrap;background:#1e293b;border-radius:6px;padding:6px 8px;font-size:16px;transition:all .2s;position:absolute;bottom:110%;left:0;transform:translateY(5px)}.input-tooltip:hover .tooltip-text{opacity:1;transform:translateY(0)}.client-form{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.client-form input{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:8px;padding:10px;font-size:16px}.client-form input:focus{border-color:#2f8a99;box-shadow:0 0 0 1px #2f8a99}.client-form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;grid-column:span 3;margin-top:6px;padding:12px;font-size:18px;font-weight:600;transition:all .2s}.client-form button:hover{transform:translateY(-1px)}.bottom-area{height:100%;display:flex}.orders-container{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.orders-container.single{grid-template-columns:1fr}.orders-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.orders-list:has(.order-card:only-child){grid-template-columns:1fr}.order-items{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.order-actions{margin-top:10px}.benefits-box{background:#1e293b;width:30%;padding:10px}.list-box{background:#020617;border-radius:8px;min-height:80px;padding:6px}.order-card{cursor:pointer;background:#374151;border:1px solid #0000;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;transition:all .18s}.order-card:hover{background:#4b5563;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 14px #22c55e4d}.order-card.active{color:#020617;background:#22c55e;border-color:#86efac;font-weight:700;box-shadow:0 4px 14px #22c55e59}.actions-bar{gap:12px;margin:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:14px 16px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-print{color:#fff;background:linear-gradient(135deg,#404141,#2a2c2b)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.btn:active{transform:scale(.96)}.order-items-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.machines-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.machine-card{cursor:pointer;box-sizing:border-box;background:#1e293b;border-radius:12px;flex-direction:column;justify-content:space-between;height:180px;padding:10px;transition:all .25s;display:flex}.machine-card:active{transform:scale(.95)}.machine-card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #00000080}.machine-img{object-fit:cover;border-radius:8px;width:100%;height:100px}.machine-info{text-align:center;text-align:center;margin-top:8px}.machine-name{color:#f1f5f9;font-size:16px;font-weight:700}.machine-category{color:#cbd5f5;background:#334155;border-radius:6px;padding:2px 8px;font-size:16px;display:inline-block}.machine-category.premium{color:#1e293b;background:linear-gradient(135deg,#facc15,#eab308);font-weight:700;box-shadow:0 2px 6px #eab30866}.rent-layout{color:#fff;background:#0f172a;height:100vh;display:flex}.machines-panel{background:#1e293b;width:25%;padding:10px;overflow-y:auto}.machines-panel h3{color:#e5e7eb;margin-top:5px;margin-bottom:10px;font-size:28px}.center-panel{border-left:1px solid #1f2937;border-right:1px solid #1f2937;flex-direction:column;width:45%;display:flex}.client-top{background:#020617;border-bottom:1px solid #1f2937;padding:12px}.rent-bottom{flex:1;padding:10px;overflow-y:auto}.rent-bottom h3{color:#e5e7eb;margin-top:5px;margin-bottom:10px;font-size:32px}.right-panel-new{flex-direction:column;gap:10px;width:30%;height:100vh;display:flex}.top-tabs{background:#020617;border-radius:12px;flex-direction:column;flex:0 0 26%;padding:8px;display:flex;overflow:hidden}.tabs-header{gap:4px;display:flex}.tabs-header button{color:#94a3b8;cursor:pointer;background:#0f172a;border:none;border-radius:6px;flex:1;padding:5px 4px;font-size:15px}.tabs-header button.active{color:#fff;background:#22c55e;font-weight:700}.tabs-content{flex:1;margin-top:6px;overflow:hidden}.cobranzas-box{background:#020617;border-radius:12px;flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-x:hidden}.panel-section{border:1px solid #1f2937;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:12px;transition:all .2s;display:flex;overflow:visible!important}.panel-section h4{margin:0;font-size:32px;font-weight:600}.panel-section.points{background:linear-gradient(135deg,#0f172a,#1e3a8a)}.panel-section.rewards{background:linear-gradient(135deg,#0f172a,#4c1d95)}.panel-section.memberships{background:linear-gradient(135deg,#0f172a,#854d0e)}.panel-section.billing{background:linear-gradient(135deg,#0f172a,#7f1d1d)}.panel-content{flex-direction:column;gap:8px;display:flex}.panel-section input,.panel-section select{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:6px;padding:8px;font-size:16px}.panel-section button{cursor:pointer;color:#fff;background:#2f8a99;border:none;border-radius:6px;padding:8px;font-weight:600;transition:all .2s}.panel-section button:hover{background:#256d78}.billing-placeholder{text-align:center;background:#020617;border-radius:8px;padding:10px;font-size:32px;font-weight:700}.btn-pay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:32px;font-weight:700;transition:all .2s;display:flex}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-pay:disabled{cursor:not-allowed;opacity:.6;background:#374151}.billing-display{color:#e5e7eb;background:#020617;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:32px;font-weight:700;display:flex}.billing-time{color:#38bdf8}.billing-total{color:#22c55e;text-shadow:0 0 10px #22c55e66}.combo-input{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #4338ca;border-radius:8px;width:100%;padding:10px;font-size:18px}.combo-input:hover{opacity:.85}.combo-dropdown{z-index:9999;background:#020617;border:1px solid #1f2937;border-radius:10px;width:100%;max-height:250px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 25px #0009}.combo-header-6,.combo-header{background:#1e293b;grid-template-columns:2fr .3fr 1fr 1fr 1fr;padding:8px;font-size:12px;font-weight:700;display:grid}.combo-row-6,.combo-row{cursor:pointer;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:8px;transition:all .2s;display:grid}.combo-header-6,.combo-row-6{grid-template-columns:2fr 1fr 1fr 1fr 1.2fr 1.2fr}.combo-row-6:hover,.combo-row:hover{background:#334155}.combo-row span:nth-child(2){font-weight:700}.membership-combo{width:100%;position:relative}.combo-dropdown{opacity:0;transition:all .15s;transform:translateY(-5px)}.membership-combo.open .combo-dropdown{opacity:1;transform:translateY(0)}.combo-dropdown{z-index:99999;width:400px;height:200px;top:200px;left:200px;background:red!important;position:fixed!important}.combo-dropdown-fixed{z-index:99999;background:#020617;border:2px solid #22c55e;border-radius:10px;width:700px;max-height:300px;position:fixed;top:200px;right:40px;overflow-y:auto;box-shadow:0 10px 25px #000c}.combo-header-6 span,.combo-row-6 span,.combo-header span,.combo-row span{text-align:left}.combo-header-6 span,.combo-header span{font-size:16px}.combo-header span:nth-child(3),.combo-header span:nth-child(4),.combo-header span:nth-child(5),.combo-row span:nth-child(3),.combo-row span:nth-child(4),.combo-row span:nth-child(5){text-align:right}.combo-row span:nth-child(3){color:#22c55e;font-weight:700}.gift-membership{background:#ffffff08;border-radius:12px;margin-top:15px;padding:15px}.gift-membership h4{opacity:.8;margin-bottom:10px;font-size:18px}.gift-row{align-items:center;gap:10px;display:flex}.gift-row .billing-input{flex:1}.read-only{background:#ffffff14;font-weight:500}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-container{width:100%;position:relative}.tooltip-custom{color:#fff;white-space:nowrap;z-index:9999;background:#0f172a;border-radius:8px;padding:8px 12px;font-size:12px;animation:.2s fadeIn;position:absolute;bottom:110%;left:0;box-shadow:0 8px 25px #0006}.tooltip-custom:after{content:"";border:5px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.gift-row .btn{white-space:nowrap}.membership-grid{margin-top:10px}.membership-header,.membership-row{grid-template-columns:2fr 1fr 1fr 1fr 1.2fr 1.2fr;gap:10px;padding:6px 8px;display:grid}.membership-header{opacity:.7;border-bottom:1px solid #ffffff1a;font-weight:700}.membership-row{border-bottom:1px solid #ffffff0d}.billing-form{background:#020617;border:1px solid #1f2937;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.billing-field{flex-direction:column;gap:4px;display:flex}.billing-field label{color:#94a3b8;font-size:18px}.billing-select{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:8px;outline:none;padding:8px}.billing-select:focus{border-color:#22c55e}.billing-input{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:8px;outline:none;padding:8px}.code-input{flex:.8;min-width:140px;max-width:180px}.detail-input{flex:2}.billing-input:focus,.billing-form:hover{border-color:#22c55e}.btn-assign{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:10px;font-size:18px}.btn-assign:hover{opacity:.85}.coupon-row{grid-template-columns:2fr 1fr;gap:10px;display:grid}.final-total-box{text-align:center;background:linear-gradient(135deg,#020617,#0f172a);border:1px solid #1f2937;border-radius:12px;margin-top:10px;padding:14px}.final-total-box .label{color:#94a3b8;padding-bottom:10px;font-size:22px}.final-total-box .amount{color:#22c55e;font-size:36px;font-weight:700}.membership-grid{border:1px solid #1f2937;border-radius:10px;margin-top:10px;overflow:hidden}.membership-header,.membership-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:8px;font-size:12px;display:grid}.membership-header{color:#94a3b8;background:#020617;font-weight:700}.membership-row{background:#0f172a;border-top:1px solid #1f2937}.membership-row:hover{background:#1e293b}.text-left{text-align:left}.text-right{text-align:right}.toast-success{color:#fff;z-index:9999;background:#01200c;border-radius:12px;align-items:center;gap:15px;padding:20px 30px;font-size:18px;font-weight:700;display:flex;position:fixed;top:25%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006}.toast-success button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.invoice-row{align-items:center;gap:10px;display:flex}.invoice-toggle{align-items:center;gap:8px;font-size:14px;display:flex}.invoice-toggle span{opacity:.5;font-weight:500}.invoice-toggle span.active{opacity:1;font-weight:700}.toggle-switch{cursor:pointer;background:#ccc;border-radius:20px;width:60px;height:28px;transition:all .3s;position:relative}.toggle-switch.invoice{background:#38bdf8}.toggle-switch.receipt{background:#94a3b8}.toggle-circle{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch.invoice .toggle-circle{left:34px}.reward-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.reward-select:hover{background:#38bdf814;border-color:#38bdf8}.reward-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.reward-select option{color:#fff;background:#0f172a}.combo-input.small{flex:1;padding:8px;font-size:14px}.combo-input.small.secondary{background:#1e293b}.dashboard-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;display:grid}.dashboard-card{background:#020617;border:2px solid #22c55e;border-radius:12px;width:100%;padding:12px}.dashboard-title{margin-bottom:10px;font-size:18px;font-weight:700}.dashboard-table{max-height:200px;margin-bottom:10px;overflow-y:auto}.dashboard-chart{width:100%;height:220px;min-height:200px}.combo-input.secondary{background:#1e293b;border:1px solid #334155}.combo-input.full{text-align:center;flex:1;font-weight:700}.client-buttons{grid-column:span 3;gap:10px;width:100%;display:flex}.client-buttons button{flex:1;width:100%}.date-filter{background:#0c1426;border:1px solid #1e293b;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;width:fit-content;padding:12px 16px;display:flex}.login-container{background:#020617;grid-template-columns:2fr 1fr;height:100vh;display:grid}.login-left{justify-content:center;align-items:center;display:flex}.login-left img{opacity:.9;object-fit:cover;filter:brightness(.8);border-radius:12px;width:90%}.login-form{background:#020617;flex-direction:column;justify-content:center;padding:50px;display:flex}.login-form h2{color:#fff;margin-bottom:30px}.input-group{margin-bottom:20px;position:relative}.input-group input{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px}.input-group label{color:#94a3b8;pointer-events:none;font-size:14px;transition:all .2s;position:absolute;top:12px;left:12px}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{color:#38bdf8;background:#020617;padding:0 5px;font-size:12px;top:-8px;left:8px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:8px;margin-top:10px;padding:12px;font-weight:700;transition:all .2s}.login-btn:hover{opacity:.9;transform:scale(1.02)}.input-error{border:1px solid #ef4444!important}.header{color:#fff;background:#020617;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:6px 15px;display:grid}.header-left{text-align:left;font-size:24px;font-weight:700}.header-center{text-align:center;font-size:24px;font-weight:700}.header-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-info{color:#94a3b8;font-size:14px}.header-right button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:6px;padding:6px 10px;font-size:20px}.header-right button:hover{background:#334155}.logout{background:#ef4444!important}.logout:hover{background:#dc2626!important}.table-container{border:1px solid #1e293b;border-radius:8px;max-height:220px;position:relative;overflow-y:auto}.report-table{border-collapse:separate;color:#e2e8f0;width:100%;font-size:16px}.report-table td:nth-child(2),.report-table th:nth-child(2){color:#22c55e;background-color:#0f172a;font-weight:700}.report-table th{text-align:left;background:#020617;padding:8px;font-weight:600;position:sticky;top:0}.report-table thead{z-index:50;background:#020617;position:sticky;top:0}.report-table thead th{z-index:10;background:#020617;position:sticky;top:0;box-shadow:0 2px #1e293b}.report-table td{padding:6px 8px}.report-table tbody tr:nth-child(2n),.report-table tbody tr:nth-child(odd){background:#020617}.report-table tbody tr:hover{cursor:pointer;background:#1e293b}.table-container::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#475569}.recharts-default-tooltip{background-color:#020617!important;border:1px solid #334155!important}.recharts-tooltip-label{color:#38bdf8!important}.recharts-tooltip-item{color:#fff!important}.cash-filter{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.date-box{flex-direction:column;display:flex}.date-group{flex-direction:column;gap:4px;display:flex}.date-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.date-group input[type=date]{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;min-width:150px;padding:8px 12px;font-size:15px;transition:border-color .2s,box-shadow .2s}.date-group input[type=date]:hover{border-color:#22c55e}.date-group input[type=date]:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e22}.date-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(72%)sepia(60%)saturate(400%)hue-rotate(83deg)brightness(105%);width:18px;height:18px}.cash-total{color:#18a70b;border-top:1px solid #1e293b;margin-top:10px;padding-top:8px;font-size:18px;font-weight:600}.col-total{color:#22c55e;background:linear-gradient(135deg,#020617,#0f172a);border-left:2px solid #22c55e;border-right:2px solid #22c55e;font-weight:700}.order-info-box{background:linear-gradient(135deg,#0f172a,#1e3a5f);border:1px solid #1f4e7a;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:6px;padding:8px 10px;display:flex}.oib-time-row{align-items:center;gap:8px;display:flex}.oib-time-row .type-badge{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oib-remaining{color:#22c55e;white-space:nowrap;font-size:26px;font-weight:800}.oib-ronda{color:#64748b;white-space:nowrap;font-size:16px;font-weight:600}.oib-details{flex-wrap:wrap;gap:4px;display:flex}.oib-detail-item{background:#ffffff0d;border-radius:5px;flex-direction:column;flex:auto;min-width:60px;padding:3px 7px;display:flex}.oib-detail-label{color:#475569;text-transform:uppercase;letter-spacing:.4px;font-size:14px}.oib-detail-value{color:#cbd5e1;white-space:nowrap;font-size:17px;font-weight:600}.oib-total{background:#22c55e1f;border:1px solid #22c55e55;margin-left:auto}.oib-total .oib-detail-label{color:#22c55e}.oib-total .oib-detail-value{color:#22c55e;font-size:19px}.time-warning{animation:1s step-start infinite blink;color:#ef4444!important;font-size:21px!important}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.type-badge{border-radius:8px;padding:1px 7px;font-size:13px;display:inline-block}.type-minute{color:#fff;background:#1d4ed8}.type-package{color:#fff;background:#7e22ce}.type-promo{color:#fff;background:#15803d}.order-action-btns{gap:6px;display:flex}.btn-round{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7e22ce,#6b21a8);border:none;border-radius:8px;flex:1;padding:7px;font-size:18px;font-weight:600;transition:all .2s}.btn-round:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7e22ce66}.btn-round:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#334155;transform:none}.btn-finish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;flex:1;padding:7px;font-size:18px;font-weight:600;transition:all .2s}.btn-finish:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-finish.control-finish{background:linear-gradient(135deg,#b45309,#92400e)}.btn-finish.control-finish:hover{box-shadow:0 4px 12px #b4530966}.btn-add-time{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:8px;flex:1;padding:7px;font-size:16px;font-weight:600;transition:all .2s}.btn-add-time:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0284c766}.monitor-card.control{border-color:#d97706}.monitor-header-card.control-header{background:linear-gradient(135deg,#78350f,#b45309);border-radius:12px 12px 0 0;margin:-16px -16px 12px;padding:10px 16px}.monitor-header-card.control-header .monitor-id{color:#fef3c7}.monitor-header-card.control-header .monitor-client-name{color:#fde68a}.type-badge.type-control{color:#fde68a;background:#78350f;border:1px solid #d97706}.monitor-card.control-paid{border-color:#16a34a}.monitor-header-card.control-paid-header{background:linear-gradient(135deg,#14532d,#15803d);border-radius:12px 12px 0 0;margin:-16px -16px 12px;padding:10px 16px}.monitor-header-card.control-paid-header .monitor-id{color:#bbf7d0}.monitor-header-card.control-paid-header .monitor-client-name{color:#86efac}.type-badge.type-control-paid{color:#86efac;background:#14532d;border:1px solid #16a34a}.monitor-value.control-points{color:#fbbf24;font-size:15px;font-weight:700}.qty-stepper{border:1px solid #334155;border-radius:6px;align-items:center;gap:0;width:fit-content;display:flex;overflow:hidden}.qty-btn{color:#e5e7eb;cursor:pointer;touch-action:manipulation;background:#1e293b;border:none;padding:10px 18px;font-size:20px;font-weight:700;line-height:1}.qty-btn:active{background:#334155}.qty-value{text-align:center;color:#f1f5f9;background:#0f172a;min-width:48px;padding:10px 0;font-size:20px;font-weight:700;display:inline-block}.btn-quick-start{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:700;transition:all .2s}.btn-quick-start:hover{opacity:.9;transform:translateY(-1px)}.package-detail-box{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:4px;padding:8px 10px;font-size:21px;line-height:1.7}.package-detail-box strong{color:#e5e7eb}.cobranzas-box{overflow-y:auto}.monitor-layout{min-height:calc(100vh - 60px);padding:16px 20px}.monitor-topbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.monitor-search{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:280px;padding:8px 12px;font-size:16px}.monitor-search:focus{border-color:#22c55e}.monitor-empty{text-align:center;color:#64748b;margin-top:60px;font-size:18px}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.monitor-card{cursor:default;background:#0f172a;border:1px solid #1f2937;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:transform .25s,box-shadow .25s;display:flex}.monitor-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px #0000008c}.monitor-card.warning{border-color:#ef4444}.monitor-card.expired{background:#1a0505;border-color:#ef4444}.monitor-header-card{align-items:flex-start;gap:8px;display:flex;overflow:hidden}.monitor-id{color:#38bdf8;white-space:nowrap;flex-shrink:0;font-size:24px;font-weight:800}.monitor-client-wrapper{flex:1;min-width:0;position:relative}.monitor-client-btn{cursor:pointer;text-align:left;background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px;align-items:center;width:100%;padding:4px 8px;display:flex}.monitor-client-btn:hover{background:#ffffff21}.monitor-client-name{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:18px;font-weight:700;display:block;overflow:hidden}.monitor-client-ci{color:#94a3b8;white-space:nowrap;font-size:16px;font-weight:500;display:block}.monitor-client-popup{z-index:200;white-space:nowrap;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:6px 10px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0009}.monitor-popup-name{color:#f1f5f9;margin-bottom:2px;font-size:12px;font-weight:600}.monitor-popup-ci{color:#94a3b8;font-size:11px}.monitor-type-row{align-items:center;gap:10px;display:flex}.btn-detail{color:#94a3b8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:16px;transition:background .15s}.btn-detail:hover{color:#e2e8f0;background:#ffffff24}.monitor-detail-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:5px;padding:6px 10px;display:flex}.monitor-detail-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.monitor-detail-name{color:#e2e8f0;font-size:15px;font-weight:600}.monitor-detail-meta{color:#64748b;white-space:nowrap;font-size:13px}.monitor-detail-empty{color:#64748b;font-size:14px}.monitor-ronda{color:#94a3b8;font-size:18px;font-weight:600}.monitor-info{background:#ffffff08;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.monitor-row{justify-content:space-between;align-items:center;display:flex}.monitor-row-dual{gap:8px;display:flex}.monitor-row-dual .monitor-row{flex:1}.monitor-row-actions{gap:6px;padding-top:2px;display:flex}.monitor-label{color:#64748b;font-size:18px}.monitor-value{color:#e5e7eb;font-size:18px;font-weight:600}.pending-alert{color:#f59e0b!important}.monitor-remaining{text-align:center;color:#22c55e;border-top:1px solid #1f2937;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:22px;font-weight:700;display:flex}.monitor-remaining.time-warning{animation:1s step-start infinite blink;color:#ef4444!important;font-size:26px!important}.monitor-overtime{color:#ef4444;margin-top:2px;font-size:19px;font-weight:600;animation:1s step-start infinite blink;display:block}.monitor-btns{gap:8px;display:flex}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;flex:1;padding:7px;font-size:18px;font-weight:600;transition:all .2s}.btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.monitor-btns .btn-round,.monitor-btns .btn-finish,.monitor-btns .btn-start{flex:1;padding:8px;font-size:16px}.monitor-btns .btn-round:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{color:#fff;background:#020617;border:2px solid #6366f1;border-radius:10px;width:52vw;min-width:360px;max-width:860px;padding:20px}.modal .field-group input,.modal .field-group select{color:#e5e7eb;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:16px}.modal .field-group input:focus,.modal .field-group select:focus{border-color:#6366f1}.modal .field-group input[type=checkbox]{accent-color:#6366f1;width:auto}@media (width<=768px){.modal{width:94vw;min-width:unset;max-width:unset;padding:16px}}.pkg-btn-list{grid-template-columns:repeat(3,1fr);gap:8px;max-height:380px;padding-right:2px;display:grid;overflow-y:auto}.pkg-btn-list .pkg-btn.minute{grid-column:1/-1}@media (width<=768px){.pkg-btn-list{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.pkg-btn-list{grid-template-columns:1fr}}.pkg-btn{cursor:pointer;text-align:left;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:10px 14px;transition:all .15s;display:flex}.pkg-btn:hover{filter:brightness(1.2)}.pkg-btn.minute{color:#94a3b8;background:#1e293b;border-color:#334155}.pkg-btn.package{color:#93c5fd;background:#0f2a4a;border-color:#2563eb}.pkg-btn.promo{color:#fdba74;background:#3b1504;border-color:#ea580c}.pkg-btn.minute.selected{color:#0f172a;background:#64748b;border-color:#e2e8f0}.pkg-btn.package.selected{color:#0f172a;background:#3b82f6;border-color:#bfdbfe}.pkg-btn.promo.selected{color:#0f172a;background:#f97316;border-color:#fed7aa}.pkg-btn-name{font-size:18px;font-weight:700}.pkg-btn-detail{opacity:.75;margin-top:3px;font-size:15px}.cfg-type-tabs{gap:6px;margin-bottom:14px;display:flex}.cfg-type-tab{cursor:pointer;color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 10px;font-size:14px;font-weight:600;transition:all .15s}.cfg-type-tab.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.cfg-cat-box{margin-bottom:12px}.cfg-cat-grid{flex-wrap:wrap;gap:10px;display:flex}.cfg-cat-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:90px;padding:14px 10px;transition:all .15s;display:flex}.cfg-cat-btn:hover{background:#f1f5f9;border-color:#94a3b8}.cfg-cat-icon{font-size:28px}.cfg-cat-label{color:#334155;font-size:13px;font-weight:700}.cfg-back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px;font-weight:600}.cfg-tipo-grid{flex-wrap:wrap;gap:10px;display:flex}.cfg-tipo-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:90px;padding:12px 8px;transition:all .15s;display:flex}.cfg-tipo-btn:hover{border-color:#94a3b8}.cfg-tipo-btn.selected{background:#f0fdf4}.cfg-tipo-nombre{font-size:15px;font-weight:800}.cfg-tipo-precio{color:#1e293b;font-size:18px;font-weight:700}.cfg-tipo-min{color:#64748b;font-size:12px}.cfg-preview{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:14px}.cfg-minute-info{color:#64748b;background:#f8fafc;border-radius:8px;margin-bottom:8px;padding:12px;font-size:14px}.modal h3{font-size:22px}.modal label{color:#94a3b8;margin-bottom:5px;font-size:17px;display:block}.modal select{color:#e5e7eb;cursor:pointer;appearance:auto;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:18px}.modal select:focus{border-color:#6366f1}.modal .btn{font-size:22px}.dialog-overlay{z-index:1100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#0f172a;border:2px solid #f59e0b;border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:380px;max-width:90vw;padding:28px 32px;display:flex;box-shadow:0 20px 60px #000000b3}.dialog-icon{font-size:36px;line-height:1}.dialog-message{color:#f1f5f9;text-align:center;white-space:pre-wrap;margin:0;font-size:18px;line-height:1.5}.dialog-actions{gap:12px;margin-top:6px;display:flex}.btn-dialog-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:10px 32px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-dialog-ok:hover{opacity:.85}.btn-dialog-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-dialog-confirm:hover{opacity:.85}.btn-dialog-cancel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-dialog-cancel:hover{opacity:.85}.kpi-row{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.kpi-box{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:8px 14px;font-size:15px}.kpi-box strong{color:#22c55e}.orders-box{flex-direction:column;gap:10px;display:flex}@media (width<=900px){.dashboard-grid,.login-container{grid-template-columns:1fr}.login-left{display:none}.login-form{padding:50px 36px}.machines-panel{width:28%;min-width:160px}.center-panel{width:42%}.right-panel-new{width:30%}.crud-form-panel{width:300px;min-width:300px}.header-left,.header-center{font-size:18px}}@media (width<=600px){.header{grid-template-columns:1fr auto;padding:6px 10px}.header-center{display:none}.header-left{font-size:15px}.user-info{display:none}.header-right{gap:5px}.header-right button{padding:5px 8px;font-size:13px}.home-container{padding:0 10px 20px}.home-container .header{margin:0 -10px}.dashboard-grid{grid-template-columns:1fr}.date-filter{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%}.login-container{grid-template-columns:1fr}.login-left{display:none}.login-form{padding:40px 20px}.items-table th,.items-table td{padding:10px;font-size:12px}.rent-layout{flex-direction:column;height:auto;min-height:100vh}.machines-panel{width:100%;height:auto;padding-bottom:8px;overflow-y:visible}.machines-panel h3{font-size:20px}.machines-panel .machines-grid{grid-template-columns:repeat(3,1fr)}.machine-card{height:130px}.machine-img{height:70px}.center-panel{border-top:1px solid #1f2937;border-left:none;border-right:none;width:100%;height:auto}.rent-bottom{overflow-y:visible}.rent-bottom h3,.customer-box h3{font-size:20px}.right-panel-new{gap:0;width:100%;height:auto}.top-tabs{border-radius:0;flex:none}.cobranzas-box{overflow-y:visible}.actions-bar{flex-wrap:wrap;gap:8px}.actions-bar .btn{flex:none;width:calc(50% - 4px);padding:10px 6px;font-size:14px}.client-form{grid-template-columns:repeat(2,1fr)}.client-buttons{grid-column:span 2}.orders-box{flex-direction:column}.orders-list,.order-items-grid{grid-template-columns:repeat(2,1fr)}.panel-section h4{font-size:20px}.billing-display{padding:10px 12px;font-size:20px}.billing-placeholder{font-size:20px}.btn-pay{padding:12px;font-size:20px}.final-total-box .amount{font-size:26px}.final-total-box .label{font-size:16px}.crud-page{height:auto;min-height:100vh;overflow:visible}.crud-layout{flex-direction:column;height:auto;overflow:visible}.crud-form-panel{width:100%;min-width:unset;border-bottom:1px solid #1e293b;border-right:none;max-height:none}.crud-table-panel{overflow:visible}.crud-table-wrapper{max-height:55vh}.dashboard-card{padding:8px}.kpi-row{gap:8px}.kpi-box{padding:6px 10px;font-size:13px}.monitor-grid{grid-template-columns:1fr}.monitor-topbar{flex-wrap:wrap}.menu-grid{grid-template-columns:repeat(2,1fr)}.modal{width:96vw;min-width:unset;max-width:unset;padding:14px}.pkg-btn-list{grid-template-columns:repeat(2,1fr)}.pkg-btn-name{font-size:15px}.pkg-btn-detail{font-size:13px}.combo-dropdown-fixed{width:auto;top:160px;left:5px;right:5px}.table-container{max-height:180px}}.logro-section-title{text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;margin-bottom:8px;font-size:20px;font-weight:700}.logro-retos-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:4px;display:grid}.logro-reto-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:10px;padding:12px 10px;transition:transform .12s,box-shadow .12s}.logro-reto-card.reto{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%)}.logro-reto-card.competencia{background:linear-gradient(135deg,#78350f 0%,#b45309 100%)}.logro-reto-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0006}.logro-reto-card.selected{outline-offset:1px;outline:3px solid #22d3ee;box-shadow:0 6px 18px #00000080;background:#0e7490!important}.logro-reto-card.selected .logro-reto-nombre,.logro-reto-card.selected .logro-reto-desc,.logro-reto-card.selected .logro-reto-tipo{color:#f0f9ff;opacity:1}.logro-reto-nombre{color:#f1f5f9;margin-bottom:4px;font-size:21px;font-weight:600;line-height:1.3}.logro-reto-desc{color:#cbd5e1;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:19px;line-height:1.3;display:-webkit-box;overflow:hidden}.logro-reto-tipo{color:#e2e8f0;opacity:.8;font-size:19px}.logro-input-section{background:#0f172a;border:1px solid #1e293b;border-radius:10px;margin-top:16px;padding:14px 16px}.logro-input-title{color:#94a3b8;margin-bottom:12px;font-size:21px}.logro-time-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.logro-time-field{flex-direction:column;gap:4px;display:flex}.logro-time-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:19px}.logro-time-field input{color:#f1f5f9;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:6px;width:130px;padding:8px 10px;font-size:24px}.logro-time-sep{color:#475569;padding-bottom:4px;font-size:20px;font-weight:700}.logro-unit{color:#94a3b8;padding-bottom:8px;font-size:21px;font-weight:600}.logro-result{border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:21px}.logro-result.ok{color:#4ade80;background:#052e16;border:1px solid #166534}.logro-result.err{color:#f87171;background:#450a0a;border:1px solid #991b1b}.btn-logro-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border:none;border-radius:8px;padding:9px 22px;font-size:22px;font-weight:600;transition:opacity .15s}.btn-logro-save:hover{opacity:.85}.btn-logro-save:disabled{opacity:.5;cursor:not-allowed}.btn-logro{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#92400e 0%,#b45309 100%);border:none;border-radius:6px;padding:4px 8px;font-size:16px;font-weight:600;transition:opacity .15s}.btn-logro:hover{opacity:.85}.tablero-page{background:#020617;min-height:100vh}.tablero-selector{padding:0 24px 8px}.tablero-section{margin-bottom:20px}.tablero-section-title{text-transform:uppercase;letter-spacing:.8px;color:#64748b;margin-bottom:10px;font-size:20px;font-weight:700}.tablero-tiles{flex-wrap:wrap;gap:10px;display:flex}.tablero-tile{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:12px;min-width:180px;max-width:260px;padding:14px 18px;transition:transform .12s,box-shadow .12s}.tablero-tile.reto{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%)}.tablero-tile.competencia{background:linear-gradient(135deg,#78350f 0%,#b45309 100%)}.tablero-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.tablero-tile.active{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee4d,0 8px 20px #0006}.tablero-tile-nombre{color:#f1f5f9;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.3}.tablero-tile-meta{color:#cbd5e1;align-items:center;gap:8px;font-size:14px;display:flex}.tablero-tile-estado{color:#fbbf24;background:#0000004d;border-radius:4px;padding:1px 6px;font-size:12px}.tablero-empty{text-align:center;color:#475569;padding:32px;font-size:18px}.tablero-ranking-section{padding:0 24px 32px}.tablero-ranking-header{border-bottom:1px solid #1e293b;flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:16px;padding-bottom:12px;display:flex}.tablero-ranking-title{color:#f1f5f9;font-size:26px;font-weight:800}.tablero-ranking-sub{color:#64748b;font-size:14px}.tablero-loading{text-align:center;color:#64748b;padding:32px;font-size:18px}.tablero-ranking{flex-direction:column;gap:10px;max-width:760px;display:flex}.tablero-entry{background:#0f172a;border:2px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:transform .1s;display:flex}.tablero-entry:hover{transform:translate(4px)}.tablero-entry.gold{background:linear-gradient(90deg,#1c1400 0%,#0f172a 60%);border-color:#fbbf24}.tablero-entry.silver{background:linear-gradient(90deg,#111827 0%,#0f172a 60%);border-color:#94a3b8}.tablero-entry.bronze{background:linear-gradient(90deg,#1c0e00 0%,#0f172a 60%);border-color:#b45309}.tablero-pos{text-align:center;flex-shrink:0;width:48px}.tablero-medal{font-size:32px;line-height:1}.tablero-pos-num{color:#475569;font-size:20px;font-weight:700}.tablero-info{flex:1;min-width:0}.tablero-nombre{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;overflow:hidden}.tablero-ci{color:#94a3b8;margin-top:1px;font-size:17px}.tablero-prize-col{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;min-width:140px;display:flex}.tablero-fecha{color:#64748b;margin-top:2px;font-size:14px}.tablero-premio{color:#c8973a;font-size:18px;font-weight:600}.tablero-tile-fechas{color:#94a3b8;margin-top:4px;font-size:16px}.tablero-premio-status{font-size:17px;font-weight:600}.tablero-premio-status.entregado{color:#22c55e}.tablero-premio-btn{color:#f8c058;cursor:pointer;background:#1e293b;border:1px solid #f8c058;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:17px;font-weight:600;transition:background .15s;display:inline-flex}.tablero-premio-btn:hover{background:#2d3f55}.tablero-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tablero-modal-box{background:#1e293b;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:14px;width:90%;max-width:420px;padding:28px 24px;display:flex}.tablero-modal-title{color:#f1f5f9;font-size:18px;font-weight:700}.tablero-modal-cliente{color:#94a3b8;font-size:15px}.tablero-modal-field{gap:8px;display:flex}.tablero-modal-input{color:#f1f5f9;background:#0f172a;border:1px solid #475569;border-radius:8px;flex:1;padding:9px 12px;font-size:15px}.tablero-modal-input:focus{border-color:#f8c058;outline:none}.tablero-modal-btn-buscar{color:#e2e8f0;cursor:pointer;background:#334155;border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600}.tablero-modal-btn-buscar:hover:not(:disabled){background:#475569}.tablero-modal-err{color:#f87171;font-size:13px}.tablero-modal-reward{background:#0f172a;border:1px solid #22c55e44;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.tablero-modal-reward-icon{font-size:22px}.tablero-modal-reward-name{color:#22c55e;font-size:15px;font-weight:600}.tablero-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.tablero-modal-btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;padding:9px 18px;font-size:14px}.tablero-modal-btn-confirm{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:700}.tablero-modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.tablero-modal-btn-confirm:hover:not(:disabled){background:#15803d}.tablero-result{text-align:right;flex-shrink:0}.tablero-perf{color:#22d3ee;letter-spacing:-.5px;font-size:26px;font-weight:800}.tablero-veces{color:#475569;margin-top:2px;font-size:13px}.logros-panel{background:#1e293b;border:1px solid #334155;border-radius:12px;margin:24px 24px 0;padding:20px 24px 24px}.logros-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.logros-panel-title{color:#f1f5f9;font-size:17px;font-weight:700}.crud-table tbody tr.row-selected td{background:#1e3a5f22}.tablero-tile-finalizado{letter-spacing:.5px;color:#93c5fd;vertical-align:middle;background:#1e3a5f;border:1px solid #3b82f6;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.tablero-entry.winner{background:linear-gradient(90deg,#2d1f00 0%,#0f172a 60%);border-color:#fbbf24;box-shadow:0 0 12px #fbbf2440}.ranking-watermark{object-fit:contain;opacity:.12;mix-blend-mode:multiply;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;width:70vmin;height:70vmin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rk-page{color:#1c0f06;background:#f5ede0;min-height:100vh;position:relative}.rk-page>:not(.ranking-watermark){z-index:1;position:relative}.rk-header{background:linear-gradient(135deg,#1a0c06 0%,#3b1a08 100%);border-bottom:3px solid #c8973a;padding:18px 24px}.rk-header-inner{max-width:900px;margin:0 auto}.rk-logo-text{color:#fdf6ec;letter-spacing:-.5px;font-size:32px;font-weight:900}.rk-subtitle{color:#c8973a;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:19px;font-weight:600}.rk-main{max-width:900px;margin:0 auto;padding:24px 16px 48px}.rk-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:2px solid #d4b896;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex;overflow-x:auto}.rk-tabs::-webkit-scrollbar{display:none}.rk-tab{color:#8b5e3c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:10px 24px;font-size:21px;font-weight:700;transition:color .15s,border-color .15s}.rk-tab.active{color:#1a0c06;border-bottom-color:#c8973a}.rk-tab:hover:not(.active){color:#4a2510}.rk-cards{grid-template-columns:1fr;gap:14px;margin-bottom:28px;display:grid}.rk-card{cursor:pointer;background:#fff9f2;border:2px solid #d4b896;border-radius:14px;padding:16px;transition:box-shadow .15s,border-color .15s,transform .12s}.rk-card:hover:not(.no-click){transform:translateY(-2px);box-shadow:0 6px 20px #2c12081f}.rk-card.no-click{cursor:default;opacity:.7}.rk-card.selected{border-color:#8a5e20;box-shadow:0 0 0 3px #8a5e2059,0 4px 16px #2c120826;background:#d9b97a!important}.rk-card.finalizado{opacity:.82}.rk-card.cancelado{opacity:.85;border-color:#dc2626}.rk-card.cancelado.selected{border-color:#dc2626;box-shadow:0 0 0 3px #dc262640,0 4px 16px #2c12081a;background:#fef2f2!important}.rk-card-top{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.rk-status-badge{letter-spacing:1px;text-transform:uppercase;color:#fff;border-radius:20px;padding:3px 9px;font-size:17px;font-weight:700}.rk-metric-badge{color:#7c4a1e;background:#f5dfc0;border-radius:20px;padding:3px 9px;font-size:18px;font-weight:600}.rk-card-name{color:#1a0c06;margin-bottom:4px;font-size:24px;font-weight:800;line-height:1.3}.rk-card-desc{color:#7c4a1e;margin-bottom:8px;font-size:19px;line-height:1.4}.rk-card-dates{color:#8b5e3c;align-items:center;gap:6px;margin-bottom:8px;font-size:18px;display:flex}.rk-date-sep{color:#c8973a;font-weight:700}.rk-card-conditions{color:#5c3410;background:#f5dfc0;border-radius:6px;margin-bottom:8px;padding:6px 8px;font-size:18px;line-height:1.4}.rk-conditions-label{font-weight:700}.rk-card-prizes{border-collapse:collapse;width:100%;margin-top:6px}.rk-card-prizes td{vertical-align:top;padding:2px 8px 2px 0}.rk-prize-medal{width:26px;font-size:19px}.rk-prize-label{color:#8b5e3c;white-space:nowrap;font-size:17px;font-weight:600}.rk-prize-value{color:#1a0c06;word-break:break-word;font-size:17px;font-weight:700}.rk-detail-backdrop{z-index:199;background:#0000008c;position:fixed;inset:0}.rk-detail{z-index:200;background:#fff9f2;border-radius:16px;width:min(660px,90vw);max-height:82vh;padding:20px 24px 36px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 40px #2c120859}.rk-detail-close{color:#fdf6ec;cursor:pointer;z-index:1;background:#3b1a08;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:8px;margin-left:auto;font-size:16px;display:flex;position:sticky;top:0}.rk-detail-header{border-bottom:2px solid #d4b896;margin-bottom:16px;padding:16px 0 12px}.rk-detail-title{color:#1a0c06;font-size:26px;font-weight:800}.rk-detail-sub{color:#8b5e3c;margin-top:2px;font-size:19px}.rk-loading{text-align:center;color:#8b5e3c;padding:20px}.rk-prize-claim{text-align:center;background:linear-gradient(135deg,#2d1f00,#1c1400);border:1px solid #c8973a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;padding:14px 16px;display:flex}.rk-prize-claim-icon{font-size:26px}.rk-prize-claim-text{color:#fef3c7;font-size:19px;font-weight:700}.rk-prize-claim-dates{color:#c8973a;font-size:17px}.rk-empty{text-align:center;color:#8b5e3c;padding:24px;font-size:21px}.rk-podium{background:linear-gradient(135deg,#2d1f00,#1c1400);border:2px solid #c8973a;border-radius:12px;margin-bottom:18px;padding:16px 18px}.rk-podium-title{letter-spacing:1.5px;color:#fbbf24;text-transform:uppercase;margin-bottom:12px;font-size:19px;font-weight:800}.rk-podium-row{border-bottom:1px solid #c8973a33;align-items:center;gap:10px;padding:8px 0;display:flex}.rk-podium-row:last-child{border-bottom:none;padding-bottom:0}.rk-podium-medal{flex-shrink:0;font-size:28px}.rk-podium-info{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.rk-podium-name{color:#fef3c7;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;overflow:hidden}.rk-podium-ci{color:#d97706;font-size:18px}.rk-podium-prize{color:#fbbf24;white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1 1 0;min-width:0;font-size:19px;font-weight:600;overflow:hidden}.rk-table-wrap{border:1px solid #d4b896;border-radius:10px;overflow-x:auto}.rk-table{border-collapse:collapse;width:100%;font-size:20px}.rk-table thead tr{background:#3b1a08}.rk-table th{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#c8973a;padding:10px 14px;font-size:17px;font-weight:700}.rk-table td{padding:10px 14px}.rk-row-even{background:#fff9f2}.rk-row-odd{background:#f5ede0}.rk-td-pos{text-align:center;width:48px}.rk-td-name{color:#1a0c06;font-weight:700}.rk-td-ci{color:#7c4a1e;font-size:19px}.rk-td-result{color:#3b1a08;text-align:right;font-weight:700}.rk-medal{font-size:29px}.rk-pos-num{color:#8b5e3c;font-size:24px;font-weight:700}.rk-puntos{padding:24px 0}.rk-puntos-form{gap:10px;margin-bottom:20px;display:flex}.rk-puntos-input{color:#1a0c06;background:#fff9f2;border:2px solid #d4b896;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:18px}.rk-puntos-input:focus{border-color:#c8973a}.rk-puntos-btn{color:#fdf6ec;cursor:pointer;white-space:nowrap;background:#3b1a08;border:none;border-radius:10px;padding:12px 22px;font-size:18px;font-weight:700}.rk-puntos-btn:disabled{opacity:.6;cursor:default}.rk-puntos-error{color:#b91c1c;margin-top:8px;font-size:16px}.rk-puntos-result{text-align:center;background:linear-gradient(135deg,#2d1f00,#1c1400);border:2px solid #c8973a;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.rk-puntos-nombre{color:#fef3c7;font-size:20px;font-weight:700}.rk-puntos-pts{align-items:baseline;gap:8px;display:flex}.rk-puntos-num{color:#c8973a;font-size:52px;font-weight:900;line-height:1}.rk-puntos-label{color:#d97706;font-size:20px;font-weight:600}@media (width<=768px){.rk-detail{border-radius:16px 16px 0 0;width:auto;max-height:none;padding:12px 16px 40px;inset:102px 0 0;transform:none;box-shadow:0 -4px 24px #2c120833}.rk-podium-name{white-space:normal;font-size:20px}.rk-podium-ci{font-size:16px}.rk-podium-prize{white-space:normal;word-break:break-word;text-align:left;font-size:17px}.rk-podium-medal{font-size:24px}}.food-main{text-align:left;color:#e2e8f0;max-width:1500px;margin:0 auto;padding:24px}.food-main h1{color:#f8fafc;margin:24px 0;font-size:30px}.food-main h2{color:#f8fafc;margin:0 0 16px;font-size:21px}.food-main h3{color:#e2e8f0}.food-nav{flex-wrap:wrap;gap:10px;display:flex}.food-nav a{color:#cbd5e1;border:1px solid #334155;border-radius:8px;padding:12px 18px;text-decoration:none}.food-nav a.active{color:#fff;background:#155e75;border-color:#22d3ee}.food-card{background:#0f172a;border:1px solid #334155;border-radius:12px;min-width:0;margin-bottom:22px;padding:22px}.food-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.food-main fieldset{border:0;min-width:0;padding:0}.food-main label{flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.food-main input,.food-main select{color:#f8fafc;width:100%;min-width:0;font:inherit;background:#020617;border:1px solid #475569;border-radius:6px;padding:10px}.food-main input:focus,.food-main select:focus{outline-offset:2px;outline:2px solid #22d3ee}.food-main button{color:#fff;cursor:pointer;font:inherit;background:#155e75;border:1px solid #0891b2;border-radius:6px;padding:10px 15px;font-size:14px}.food-main button:disabled{opacity:.5;cursor:not-allowed}.food-main button:hover:not(:disabled){background:#0e7490}.food-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.food-actions h2{margin:0}.food-hint{color:#94a3b8;font-size:13px;line-height:1.6;margin:12px 0!important}.food-error,.food-success{border-radius:8px;padding:14px;margin-bottom:16px!important}.food-error{color:#fecaca;background:#450a0a}.food-success{color:#bbf7d0;background:#052e16}.food-table-wrap{overflow-x:auto}.food-main table{border-collapse:collapse;width:100%;font-size:14px}.food-main th,.food-main td{text-align:left;vertical-align:top;border-bottom:1px solid #334155;padding:12px}.food-main th{color:#ecfeff;white-space:nowrap;background:#164e63}.food-main tbody tr:nth-child(2n){background:#142035}.food-main td input{min-width:95px;max-width:125px}.food-recipe-line{grid-template-columns:2fr 1fr 1.5fr 1fr auto;align-items:center;gap:12px;margin:12px 0;display:grid}.food-recipe-line label{margin:0}.food-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0;display:grid}.food-stat{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:18px}.food-stat strong{color:#67e8f9;margin-top:8px;font-size:23px;display:block}.food-stat span{font-size:13px}@media (width<=700px){.food-main{padding:12px}.food-recipe-line{grid-template-columns:1fr 1fr}.food-recipe-line label:first-child{grid-column:1/-1}.food-grid{grid-template-columns:1fr}.food-card{padding:14px}.food-nav a{text-align:center;flex:1}.food-main h1{font-size:25px}}