:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .08);--text-primary: #e5e5e7;--text-secondary: #a0a0a5;--accent-green: #10ff00;--accent-blue: #00d4ff;--border-glass: rgba(255, 255, 255, .15);--glass-blur: blur(20px);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .6);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(135deg,var(--bg-primary) 0%,#0f0f23 50%,#1a0a2e 100%);min-height:100vh;color:#fff}.principal{margin:0 auto;padding:5% 10px;min-height:100%}.interno{margin:5% auto;width:95%;padding:2%;border-radius:10px;background:var(--bg-glass)}.centerTitle{text-align:center;font-weight:700}.pointerButton{cursor:pointer;font-size:30px}@media screen and (max-width: 1000px){.principal{margin-top:5%}}@media screen and (max-width: 700px){.principal{margin-top:10%}}@media screen and (max-width: 500px){.principal{margin-top:25%}}:root{--table-bg: var(--bg-glass);--table-border: var(--border-glass);--table-text: var(--text-primary);--table-hover: rgba(0, 212, 255, .1);--thead-bg: rgba(255, 255, 255, .12)}.table{--bs-table-bg: var(--table-bg) !important;--bs-table-color: var(--table-text) !important;background:var(--table-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--table-border)!important;border-radius:16px!important;box-shadow:var(--shadow-card)!important;color:var(--table-text)!important}.table thead th{background:var(--thead-bg)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-glass)!important;font-weight:600!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.table tbody tr{transition:all .3s ease!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.table tbody tr:hover{background:var(--table-hover)!important;transform:translate(4px)!important;box-shadow:0 4px 12px #00d4ff26!important}.table td{color:var(--text-primary)!important;border-color:var(--border-glass)!important;padding:16px!important}.table-dark{--bs-table-bg: rgba(26, 26, 26, .8) !important;--bs-table-color: var(--text-primary) !important}.table-striped tbody tr:nth-of-type(odd){--bs-table-accent-bg: rgba(255,255,255,.03) !important}.table-hover tbody tr:hover{--bs-table-accent-bg: var(--table-hover) !important}.table-responsive{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border-radius:20px!important;border:1px solid var(--border-glass)!important;padding:20px!important;margin:20px 0!important;box-shadow:var(--shadow-glass)!important}.modal{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modal-backdrop{background:#0a0a0ad9!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.modal-content{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-glass)!important;border-radius:20px!important;box-shadow:var(--shadow-glass)!important;color:var(--text-primary)!important;margin:2% auto!important}.modal-header{background:#ffffff14!important;border-bottom:1px solid var(--border-glass)!important;border-radius:20px 20px 0 0!important;padding:25px 30px!important}.modal-header .btn-close{filter:invert(1)!important;opacity:.7!important;transition:all .3s ease!important}.modal-header .btn-close:hover{opacity:1!important;transform:scale(1.1)!important;box-shadow:0 0 15px #ffffff4d!important}.modal-title{color:var(--text-primary)!important;font-weight:700!important;font-size:24px!important}.modal-body{padding:30px!important;background:transparent!important}.modal-footer{background:#ffffff0d!important;border-top:1px solid var(--border-glass)!important;padding:25px 30px!important;border-radius:0 0 20px 20px!important}.modal-footer .btn{border-radius:12px!important;padding:12px 28px!important;font-weight:600!important;border:none!important;transition:all .3s ease!important}.modal-footer .btn-primary{background:linear-gradient(45deg,var(--accent-green),#00ff88)!important;box-shadow:0 8px 25px #10ff0066!important}.modal-footer .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 35px #10ff0099!important}.modal-footer .btn-secondary{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important}.modal-footer .btn-secondary:hover{background:#00d4ff33!important;border-color:var(--accent-blue)!important;box-shadow:0 0 20px #00d4ff4d!important}.form-control,.form-select,.form-control[multiple],.form-control[type=file]{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-glass)!important;border-radius:12px!important;color:var(--text-primary)!important;padding:14px 20px!important;font-size:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #0003!important}.form-control:focus,.form-select:focus{background:#ffffff1f!important;border-color:var(--accent-blue)!important;box-shadow:0 0 0 .25rem #00d4ff40,0 8px 25px #00d4ff33!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.form-control::placeholder{color:var(--text-secondary)!important}.form-control::-webkit-input-placeholder{color:var(--text-secondary)!important}.form-control:-ms-input-placeholder{color:var(--text-secondary)!important}.form-label{color:var(--text-primary)!important;font-weight:600!important;margin-bottom:10px!important;font-size:14px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.form-check-input{background-color:var(--bg-secondary)!important;border:1px solid var(--border-glass)!important;width:20px!important;height:20px!important}.form-check-input:checked{background-color:var(--accent-green)!important;border-color:var(--accent-green)!important;box-shadow:0 0 10px #10ff0066!important}.form-check-label{color:var(--text-primary)!important}.form-floating>.form-control,.form-floating>.form-select{border-radius:12px 12px 0 0!important;padding-top:20px!important;padding-bottom:10px!important}.form-floating>label{color:var(--text-secondary)!important;padding-top:12px!important}.form-control[type=file]{padding:12px!important}.form-control[type=file]:focus{background:#00d4ff26!important}.form-control:disabled,.form-select:disabled{background:#ffffff0a!important;color:var(--text-secondary)!important;opacity:.6!important}.nav-tabs{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border-radius:12px!important;padding:8px!important}.nav-tabs .nav-link{color:var(--text-secondary)!important;border:none!important;background:transparent!important;transition:.3s ease!important}.nav-tabs .nav-link.active{color:var(--accent-blue)!important;background:#ffffff0f!important;border-radius:12px!important;border:1px solid var(--border-glass)!important;box-shadow:0 4px 12px #00d4ff33!important}.nav-tabs .nav-link:hover{color:var(--accent-blue)!important}.card{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-glass)!important;border-radius:20px!important;padding:20px!important;box-shadow:var(--shadow-card)!important}.tab-pane{background:#ffffff08!important;padding:20px!important;border-radius:12px!important;margin-top:20px!important;border:1px solid var(--border-glass)!important}#miTabContent label{color:var(--text-primary)!important;font-weight:600!important}.containerLogin{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7rem;padding:0 2rem}.img-login{display:flex;justify-content:flex-end;align-items:center}.login-content{display:flex;justify-content:flex-start;align-items:center;text-align:center}.img-login img{width:500px}form{width:360px}.login-content img{height:100px}.login-content h2{margin:15px 0;color:#333;text-transform:uppercase;font-size:2.9rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.one{margin-top:0}.i{columns:white;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;transition:.3s}.input-div:before,.input-div:after{content:"";position:absolute;bottom:-2px;width:0%;height:2px;background-color:#38d39f;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:before,.input-div.focus:after{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i{color:#38d39f}.input-div>div>input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:1.2rem;color:#fff;font-family:poppins,sans-serif}.input-div.pass{margin-bottom:4px}.btn-login{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(to right,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}.btn:hover{background-position:right}@media screen and (max-width: 1050px){.containerLogin{grid-gap:5rem}}@media screen and (max-width: 1000px){form{width:290px}.login-content h2{font-size:2.4rem;margin:8px 0}.img-login img{width:400px}}@media screen and (max-width: 900px){.containerLogin{grid-template-columns:1fr}.img-login,.wave-login{display:none}.login-content{justify-content:center}}.userActive2{height:50px;width:50px}.logoMenu{width:150px;height:60px}.logoHome{width:600px;height:140px;margin:10% auto}.logoHome img{margin-left:5%;padding:auto;width:90%;height:90%}@media screen and (max-width: 800px){.logoHome{width:200px;height:80px;margin:10% auto}}.permissions{padding-left:1em;margin-top:.5em}.cliente ul{list-style-type:none;padding:0}.cliente li{list-style-type:none;cursor:pointer;padding:8px;border:.5px solid #ccc;background-color:#f9f9f9;border-radius:10px;color:#000}.contaiderPrecio{margin:10px auto;border-style:solid;border-color:red;border-radius:10px;text-align:center;padding:10px}
