:root{--opt-green: #00A859;--opt-green-dark: #008746;--opt-green-light: #e8f8f0;--opt-green-subtle: rgba(0, 168, 89, .08);--opt-green-glow: rgba(0, 168, 89, .25);--primary-gradient: linear-gradient(135deg, #00A859 0%, #059669 100%);--primary-start: #00A859;--primary-end: #059669;--primary-light: rgba(0, 168, 89, .08);--primary-lighter: rgba(0, 168, 89, .04);--opt-slate-950: #020617;--opt-slate-900: #0f172a;--opt-slate-800: #1e293b;--opt-slate-700: #334155;--opt-slate-600: #475569;--opt-gray-500: #64748b;--opt-gray-400: #94a3b8;--opt-gray-300: #cbd5e1;--opt-gray-200: #e2e8f0;--opt-gray-100: #f1f5f9;--opt-gray-50: #f8fafc;--opt-white: #ffffff;--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-bg-subtle: rgba(248, 250, 252, .85);--glass-border: #e2e8f0;--glass-border-accent: rgba(0, 168, 89, .2);--glass-shadow: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .02);--glass-shadow-hover: 0 10px 25px -3px rgba(15, 23, 42, .08), 0 4px 10px -2px rgba(15, 23, 42, .03);--glass-blur: 16px;--glass-radius: 14px;--glass-radius-sm: 10px;--glass-radius-lg: 18px;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-success: #00A859;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #3b82f6;--accent-purple: #8b5cf6}.glass-page{min-height:auto;background:transparent;padding:0;margin-bottom:2rem}.glass-card{background:var(--opt-white);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--opt-gray-300)}.glass-card-strong{background:var(--opt-white);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.glass-hero{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0c2b1e);border-radius:var(--glass-radius);padding:26px 32px;margin-bottom:22px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0f172a4d;border:1px solid rgba(255,255,255,.08)}.glass-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:45%;height:200%;background:radial-gradient(ellipse,rgba(0,168,89,.2) 0%,transparent 70%);transform:rotate(-12deg);border-radius:50%;pointer-events:none}.glass-hero:after{content:"";position:absolute;bottom:-40%;left:-10%;width:30%;height:180%;background:radial-gradient(ellipse,rgba(52,211,153,.1) 0%,transparent 70%);pointer-events:none}.glass-hero-content{position:relative;z-index:2;flex:1}.glass-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#00a85926;color:#34d399;padding:5px 14px;border-radius:9999px;font-size:.76rem;font-weight:600;margin-bottom:10px;border:1px solid rgba(52,211,153,.3);letter-spacing:.4px}.glass-hero h2{color:#fff;font-size:1.55rem;font-weight:700;margin:0 0 4px;line-height:1.25;letter-spacing:-.3px}.glass-hero-subtitle{color:#94a3b8;font-size:.88rem;margin:0;max-width:580px;line-height:1.4}.glass-hero-actions{position:relative;z-index:2;display:flex;gap:12px;align-items:center}.btn-glass-hero{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-glass-hero:hover{background:#fff3;border-color:#ffffff59;color:#fff;transform:translateY(-1px);text-decoration:none}.btn-glass-hero-primary{background:var(--primary-gradient);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 20px;border-radius:10px;font-size:.85rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:0 4px 14px #00a85959}.btn-glass-hero-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px #00a85973;color:#fff;transform:translateY(-1px);text-decoration:none}.glass-filters{background:var(--opt-white);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);padding:18px 22px;margin-bottom:20px}.glass-filters-title{display:flex;align-items:center;gap:8px;color:var(--opt-green);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.glass-filters-title i{color:var(--opt-green);font-size:.85rem}.glass-filters .form-control,.glass-filters .custom-select,.glass-filters .form-select{background:var(--opt-gray-50);border:1px solid var(--opt-gray-300);border-radius:8px;padding:7px 12px;font-size:.85rem;color:var(--text-primary);transition:all .2s ease;height:38px}.glass-filters .form-control:focus,.glass-filters .custom-select:focus,.glass-filters .form-select:focus{background:var(--opt-white);border-color:var(--opt-green);box-shadow:0 0 0 3px var(--opt-green-glow);outline:none}.glass-filters .form-control::placeholder{color:var(--text-muted);font-size:.82rem}.btn-futuristic{background:var(--opt-white);border:1px solid var(--opt-gray-300);border-radius:8px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .2s ease;height:38px;color:var(--text-secondary)}.btn-futuristic:hover{background:var(--opt-gray-50);border-color:var(--opt-green);color:var(--opt-green);transform:translateY(-1px)}.btn-futuristic .text-gradient{color:inherit;font-weight:600}.glass-table-card{background:var(--opt-white);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);padding:0;overflow:hidden}.glass-table-card .table-responsive{padding:0 16px 16px;margin:0}.glass-table-card .table{margin-bottom:0;border-collapse:separate;border-spacing:0}.glass-table-card .table thead th{background:var(--opt-gray-50);border-bottom:1.5px solid var(--opt-gray-200);color:var(--text-secondary);font-weight:700;font-size:.78rem;padding:12px 14px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-top:none}.glass-table-card .table tbody td{padding:10px 14px;font-size:.84rem;color:var(--text-primary);border-bottom:1px solid var(--opt-gray-100);vertical-align:middle;user-select:text!important;-webkit-user-select:text!important}.glass-table-card .table tbody tr{transition:background-color .15s ease}.glass-table-card .table tbody tr:hover{background-color:var(--opt-gray-50)}.glass-table-card #toolbar,.glass-table-card #toolbar-clientes,.glass-table-card #toolbar-tickets,.glass-table-card #toolbar-equipos,.glass-table-card #toolbarServicios,.glass-table-card [id^=toolbar]{padding:14px 16px 0}.glass-table-card .bootstrap-table .fixed-table-toolbar{padding:10px 0 0}.glass-table-card .bootstrap-table .fixed-table-toolbar .columns,.glass-table-card .bootstrap-table .fixed-table-toolbar .search{margin-bottom:8px}.glass-table-card .bootstrap-table .fixed-table-toolbar .btn-group>.btn{background:var(--opt-white);border:1px solid var(--opt-gray-300);color:var(--text-secondary);border-radius:8px;font-size:.82rem;transition:all .2s ease;padding:6px 12px}.glass-table-card .bootstrap-table .fixed-table-toolbar .btn-group>.btn:hover{background:var(--opt-gray-50);border-color:var(--opt-green);color:var(--opt-green)}.glass-table-card .bootstrap-table .fixed-table-container{border:none!important;background:transparent!important}.glass-table-card .bootstrap-table .fixed-table-body{border:none!important}.glass-table-card .bootstrap-table .fixed-table-pagination{padding:10px 0;border-top:1px solid var(--opt-gray-100)}.glass-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--opt-white);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:all .25s ease}.glass-stat-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover);border-color:var(--opt-gray-300)}.glass-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#fff;flex-shrink:0}.glass-stat-info{min-width:0;flex:1}.glass-stat-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.1}.glass-stat-label{font-size:.76rem;color:var(--text-secondary);margin-top:2px;font-weight:500}.glass-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.74rem;font-weight:600;border:1px solid}.glass-badge-success{background:var(--opt-green-light);color:var(--opt-green-dark);border-color:#00a85940}.glass-badge-warning{background:#fef3c7;color:#b45309;border-color:#f59e0b40}.glass-badge-danger{background:#fee2e2;color:#b91c1c;border-color:#ef444440}.glass-badge-info{background:#e0f2fe;color:#0369a1;border-color:#3b82f640}.glass-badge-primary{background:var(--opt-green-light);color:var(--opt-green);border-color:#00a85940}.glass-badge-secondary{background:var(--opt-gray-100);color:var(--text-secondary);border-color:var(--opt-gray-200)}.glass-progress-container{background:var(--opt-gray-100);border:1px solid var(--opt-gray-300);border-radius:10px;padding:2px;height:32px;overflow:hidden;position:relative}.glass-progress-bar{background:var(--primary-gradient);border-radius:7px;height:100%;min-width:4px;transition:width .5s ease;position:relative;overflow:hidden}.glass-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:glass-shimmer 2s infinite}@keyframes glass-shimmer{0%{left:-100%}to{left:100%}}.glass-progress-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:var(--text-primary);white-space:nowrap;text-shadow:0 0 4px rgba(255,255,255,.95);pointer-events:none;z-index:2;padding:0 8px}.glass-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;gap:10px}.glass-loading .spinner-border{color:var(--opt-green);width:2rem;height:2rem}.glass-loading-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.btn-glass-primary{background:var(--primary-gradient);border:none;color:#fff;padding:8px 20px;border-radius:9px;font-size:.85rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 10px #00a8594d}.btn-glass-primary:hover{filter:brightness(1.08);box-shadow:0 4px 18px #00a85973;color:#fff;transform:translateY(-1px)}@keyframes glass-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-animate{animation:glass-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}.glass-animate-delay-1{animation-delay:.08s;opacity:0}.glass-animate-delay-2{animation-delay:.15s;opacity:0}.glass-animate-delay-3{animation-delay:.22s;opacity:0}.modal-backdrop,.modal-backdrop.show{background-color:#0f172aa6!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;opacity:1!important}.modal-dialog{margin:1.75rem auto;max-width:92%}@media (min-width: 576px){.modal-dialog.modal-sm{max-width:440px}.modal-dialog.modal-md{max-width:600px}.modal-dialog{max-width:650px}}@media (min-width: 992px){.modal-dialog.modal-lg{max-width:880px}.modal-dialog.modal-xl{max-width:1140px}}.modal-content{background:#fff!important;border-radius:1.25rem!important;border:1px solid rgba(0,168,89,.2)!important;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #0000000a!important;overflow:hidden!important;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)!important}.modal-header{background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-top:3px solid #00A859!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:1.15rem 1.6rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.modal-header .modal-title{color:#fff!important;font-weight:700!important;font-size:1.2rem!important;margin:0!important;display:flex!important;align-items:center!important;gap:.6rem!important;letter-spacing:-.2px!important}.modal-header .modal-title i{color:#00a859!important;font-size:1.25rem!important}.modal-header .close,.modal-header .btn-close,.modal-header .btn-close-modal,.btn-cerrar{width:36px!important;height:36px!important;border-radius:50%!important;background:#ffffff26!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1rem!important;line-height:1!important;padding:0!important;margin:0!important;opacity:1!important;text-shadow:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;outline:none!important;flex-shrink:0!important}.modal-header .close:hover,.modal-header .btn-close:hover,.modal-header .btn-close-modal:hover,.btn-cerrar:hover{background:#ef4444e6!important;border-color:#ef4444!important;color:#fff!important;transform:rotate(90deg) scale(1.08)!important}.modal-body{padding:1.5rem 1.6rem!important;background:#fff!important;color:#1e293b!important}.modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:1rem 1.6rem!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important}.modal-body .form-control,.modal-body .form-select,.modal-body .custom-select{border:1.5px solid #e2e8f0!important;border-radius:8px!important;padding:.55rem .85rem!important;font-size:.9rem!important;transition:all .2s ease!important}.modal-body .form-control:focus,.modal-body .form-select:focus{border-color:#00a859!important;box-shadow:0 0 0 3px #00a85926!important;outline:none!important}.modal-body .form-label,.modal-body label:not(.form-check-label){font-weight:600!important;font-size:.82rem!important;color:#475569!important;margin-bottom:.35rem!important;text-transform:uppercase!important;letter-spacing:.3px!important}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
