@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;z-index:1001;transition:all .3s ease;border-radius:0 20px 20px 0;background:#fff;padding:0;margin:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;min-width:0;box-shadow:2px 0 8px #0000001a}.top-row{min-height:50px;max-height:50px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 12px;flex-shrink:0;width:100%;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;border-top-right-radius:20px}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;transition:all .3s ease}.logo-menu{display:flex;align-items:center;justify-content:center;transition:all .3s ease;gap:8px;flex:1}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;height:40px;min-width:140px}.logo-menu img{height:40px;width:auto;flex-shrink:0;max-width:180px;object-fit:contain}.logo-menu img.header-logo{position:absolute;left:50%;transform:translate(-50%);transition:opacity .3s ease,transform .3s ease}.logo-menu img.header-logo.visible{opacity:1;transform:translate(-50%) scale(1)}.logo-menu img.header-logo.hidden{opacity:0;transform:translate(-50%) scale(.95)}.logo-menu img.logo-solo{width:40px;height:40px}.logo-menu img.logo-full{width:auto;max-width:140px}.collapse-btn{background:none;border:none;color:#1e3a5f;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.collapse-btn:hover{background-color:#1e3a5f1a;color:#1e3a5f}.collapse-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s ease}.nav-scrollable{display:flex;flex-direction:column;overflow:hidden;width:100%;position:relative;border-radius:20px}.nav-content{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.menu-item{display:flex!important;align-items:center!important;padding:14px 16px!important;cursor:pointer!important;color:#374151!important;text-decoration:none!important;margin:4px 8px!important;border-radius:8px!important;transition:all .2s ease!important;font-size:14px!important;font-weight:400!important;border:none!important;background:none!important;width:auto!important;box-sizing:border-box!important;position:relative!important}.menu-item:hover{background-color:#e8f4fc!important;color:#1e3a5f!important;text-decoration:none!important;transform:translate(2px)!important}.menu-item:hover .menu-icon{color:#1e3a5f!important}.menu-item.active{background-color:#dbeafe!important;color:#1e3a5f!important;font-weight:600!important;border-left:3px solid #3b82f6!important;padding-left:13px!important;text-decoration:none!important}.menu-item.active .menu-icon{color:#1e3a5f!important}.menu-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;flex-shrink:0}.menu-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.menu-text{flex:1;font-size:inherit;font-weight:inherit;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-parent{display:flex;flex-direction:column;border-radius:8px;transition:all .2s ease}.menu-parent{display:flex!important;align-items:center!important;padding:14px 16px!important;cursor:pointer!important;color:#374151!important;text-decoration:none!important;border-radius:8px!important;transition:all .2s ease!important;font-size:14px!important;font-weight:400!important;border:none!important;background:none!important;width:100%!important;box-sizing:border-box!important;position:relative!important}.menu-parent:hover{background-color:#e8f4fc!important;color:#1e3a5f!important}.menu-parent:hover .menu-icon{color:#1e3a5f!important}.accordion-parent.expanded .menu-parent{background-color:#e8f4fc;color:#1e3a5f}.accordion-parent.expanded .menu-parent .menu-icon{color:#1e3a5f}.accordion-parent.has-active-child .menu-parent{color:#1e3a5f;font-weight:500}.accordion-parent.has-active-child .menu-parent .menu-icon{color:#1e3a5f}.menu-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:all .3s ease}.accordion-arrow{width:16px;height:16px;stroke:#9ca3af;stroke-width:2;transition:transform .3s ease}.accordion-parent.expanded .accordion-arrow{transform:rotate(90deg);stroke:#1e3a5f}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#f9fafb;border-radius:0 0 8px 8px;width:100%;box-sizing:border-box}.accordion-content.expanded{max-height:45vh;overflow-y:auto;overflow-x:hidden}.menu-child{display:flex!important;align-items:center!important;padding:12px 16px 12px 32px!important;cursor:pointer!important;color:#6b7280!important;text-decoration:none!important;transition:all .2s ease!important;font-size:13px!important;font-weight:400!important;border:none!important;background:none!important;width:100%!important;box-sizing:border-box!important;position:relative!important;margin:0!important;border-radius:0!important}.menu-child:hover{background-color:#e8f4fc!important;color:#1e3a5f!important}.menu-child:hover .menu-icon{color:#1e3a5f!important}.menu-child.active{background-color:#dbeafe!important;color:#1e3a5f!important;font-weight:600!important;border-left:3px solid #3b82f6!important;padding-left:29px!important}.menu-child.active .menu-icon{color:#1e3a5f!important}.menu-child .menu-icon{width:18px;height:18px;margin-right:10px}.menu-child .menu-icon svg{width:16px;height:16px}.menu-item-wrapper,.menu-child-wrapper{position:relative;display:flex;align-items:center;margin:4px 8px}.menu-item-wrapper .menu-item,.menu-child-wrapper .menu-item{flex:1;margin:0!important}.menu-child-wrapper{margin:0}.menu-child-wrapper .menu-child{flex:1}.quick-add-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;z-index:5;text-decoration:none}.quick-add-btn svg{width:14px;height:14px;stroke:#6b7280;stroke-width:2.5}.menu-item-wrapper:hover .quick-add-btn,.menu-child-wrapper:hover .quick-add-btn{opacity:1}.quick-add-btn:hover{background:#3b82f6;transform:translateY(-50%) scale(1.1)}.quick-add-btn:hover svg{stroke:#fff}.menu-item-wrapper .menu-item,.menu-child-wrapper .menu-child{padding-right:40px!important}.accordion-content .menu-child-wrapper .quick-add-btn{right:12px}.bottom-section{margin-top:auto;padding:.5rem 0 1rem;border-top:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}.user-info-section{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 8px 8px;background:#f3f4f6;border-radius:8px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:14px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{color:#1e3a5f;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#6b7280;font-size:11px}.bottom-item{margin:2px 8px!important;font-size:13px!important}.logout-item{color:#dc2626!important}.logout-item:hover{background-color:#fef2f2!important;color:#dc2626!important}.logout-item:hover .menu-icon{color:#dc2626!important}.sidebar.collapsed{width:70px}.sidebar.collapsed .top-row{justify-content:center;padding:0 8px}.sidebar.collapsed .header-content{justify-content:center;flex-direction:row;gap:0}.sidebar.collapsed .logo-menu{justify-content:center;gap:0}.sidebar.collapsed .logo-container{min-width:50px;height:50px;justify-content:center}.sidebar.collapsed .logo-menu img.logo-solo{width:50px;height:50px;position:relative;left:auto;transform:none}.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .menu-item{padding:14px 0;margin:2px 6px;justify-content:center}.sidebar.collapsed .menu-item:not(.bottom-item) .menu-text{opacity:0;width:0;overflow:hidden;margin-left:0}.sidebar.collapsed .menu-icon{margin-right:0}.sidebar.collapsed .menu-item.active{border-left:none;border-top:3px solid #3b82f6;padding-left:0;padding-top:11px}.sidebar.collapsed .menu-parent{padding:14px 0;justify-content:center}.sidebar.collapsed .menu-parent .menu-text{opacity:0;width:0;overflow:hidden;margin-left:0}.sidebar.collapsed .menu-arrow{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .accordion-content,.sidebar.collapsed .quick-add-btn{display:none}.sidebar.collapsed .menu-item-wrapper,.sidebar.collapsed .menu-child-wrapper{margin:2px 6px}.sidebar.collapsed .menu-item-wrapper .menu-item{padding-right:0!important}.sidebar.collapsed .bottom-section{padding:.5rem 0}.sidebar.collapsed .user-info-section{padding:8px;margin:0 6px 8px;justify-content:center}.sidebar.collapsed .user-info-section .user-details{display:none}.sidebar.collapsed .bottom-item{padding:12px 0!important;justify-content:center!important;margin:4px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.sidebar.collapsed .bottom-item .menu-icon{margin:0!important}.sidebar.collapsed:not(:hover) .bottom-section .bottom-item .menu-text,.sidebar.collapsed:not(:hover) .bottom-section .logout-item .menu-text{opacity:0!important;position:absolute!important;left:-9999px!important;width:auto!important;overflow:visible!important;margin-left:0!important}.sidebar.collapsed:hover{width:260px;background:#fff!important}.sidebar.collapsed:hover .top-row{justify-content:flex-start;padding:0 12px;background-color:#fff!important}.sidebar.collapsed:hover .header-content{justify-content:space-between;flex-direction:row;gap:8px}.sidebar.collapsed:hover .logo-menu{justify-content:center;gap:8px}.sidebar.collapsed:hover .logo-container{min-width:140px;height:40px}.sidebar.collapsed:hover .logo-menu img.logo-full{width:auto;max-width:140px}.sidebar.collapsed:hover .collapse-btn{display:flex;margin-top:0}.sidebar.collapsed:hover .menu-item{padding:14px 16px;justify-content:flex-start}.sidebar.collapsed:hover .menu-item:not(.bottom-item) .menu-text{opacity:1;width:auto;margin-left:12px}.sidebar.collapsed:hover .menu-icon{margin-right:12px}.sidebar.collapsed:hover .menu-item.active{border-left:3px solid #3b82f6;border-top:none;padding-left:13px;padding-top:14px}.sidebar.collapsed:hover .menu-parent{padding:14px 16px;justify-content:flex-start}.sidebar.collapsed:hover .menu-parent .menu-text{opacity:1;width:auto;margin-left:12px}.sidebar.collapsed:hover .menu-arrow{opacity:1;width:20px}.sidebar.collapsed:hover .accordion-content{display:block}.sidebar.collapsed:hover .quick-add-btn{display:flex}.sidebar.collapsed:hover .menu-item-wrapper,.sidebar.collapsed:hover .menu-child-wrapper{margin:4px 8px}.sidebar.collapsed:hover .menu-item-wrapper .menu-item{padding-right:40px!important}.sidebar.collapsed:hover .bottom-section{padding:.5rem 0 1rem;background:#fafafa!important}.sidebar.collapsed:hover .user-info-section{padding:12px 16px;margin:0 8px 8px;justify-content:flex-start}.sidebar.collapsed:hover .user-info-section .user-details{display:flex}.sidebar.collapsed:hover .bottom-item,.sidebar.collapsed:hover .logout-item{padding:14px 16px!important;justify-content:flex-start!important;flex-direction:row!important;align-items:center!important;display:flex!important}.sidebar.collapsed:hover .bottom-item .menu-icon,.sidebar.collapsed:hover .logout-item .menu-icon{margin:0 12px 0 0!important}.sidebar.collapsed:hover .bottom-section .bottom-item .menu-text,.sidebar.collapsed:hover .bottom-section .logout-item .menu-text{opacity:1!important;position:static!important;left:auto!important;width:auto!important;overflow:visible!important;margin-left:12px!important;font-size:14px!important;margin-top:0!important}.sidebar.collapsed .menu-item:hover{transform:none}.sidebar.collapsed .menu-item:after,.sidebar.collapsed .bottom-item:after{content:attr(data-tooltip);position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#1e3a5f;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .menu-item:before,.sidebar.collapsed .bottom-item:before{content:"";position:absolute;left:65px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent #1e3a5f transparent transparent;opacity:0;transition:opacity .3s ease;z-index:1000}.sidebar.collapsed .menu-item:hover:after,.sidebar.collapsed .menu-item:hover:before,.sidebar.collapsed .bottom-item:hover:after,.sidebar.collapsed .bottom-item:hover:before{opacity:1}.sidebar.collapsed:hover .menu-item:after,.sidebar.collapsed:hover .menu-item:before,.sidebar.collapsed:hover .bottom-item:after,.sidebar.collapsed:hover .bottom-item:before,.sidebar.collapsed:hover .menu-parent:after,.sidebar.collapsed:hover .menu-parent:before{opacity:0}.sidebar.collapsed .menu-parent:after{content:attr(data-tooltip);position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#1e3a5f;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .menu-parent:before{content:"";position:absolute;left:65px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent #1e3a5f transparent transparent;opacity:0;transition:opacity .3s ease;z-index:1000}.sidebar.collapsed .menu-parent:hover:after,.sidebar.collapsed .menu-parent:hover:before{opacity:1}.navbar-toggler{appearance:none;cursor:pointer;width:2.5rem;height:2.5rem;color:#374151;position:fixed!important;top:.4rem!important;left:.75rem!important;right:auto!important;border:1px solid rgba(229,231,235,.2);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2855, 65, 81, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.25rem;background-color:#fff;border-radius:8px;z-index:10000!important;box-shadow:0 1px 3px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none}.navbar-toggler:hover{background-color:#f3f4f6;border-color:#e5e7eb;transform:none;box-shadow:0 2px 6px #0000001f}.navbar-toggler:active{transform:scale(.95)}@media(min-width:641px){.navbar-toggler{display:none}.nav-scrollable{display:flex!important;flex-direction:column}.collapse-btn{display:flex}.mobile-close-btn{display:none}}@media(max-width:640px){.navbar-toggler{display:block!important}.navbar-toggler:checked{display:none!important}.collapse-btn{display:none}.mobile-close-btn{display:flex!important}.sidebar.collapsed .menu-item:not(.bottom-item) .menu-text{opacity:1!important;width:auto!important;overflow:visible!important;margin-left:12px!important;display:inline-block!important}.sidebar.collapsed .accordion-parent{margin:4px 8px}.sidebar.collapsed .menu-parent{padding:14px 16px;justify-content:flex-start}.sidebar.collapsed .menu-parent .menu-text{opacity:1!important;width:auto!important;margin-left:12px!important}.sidebar.collapsed .menu-arrow{opacity:1!important;width:20px!important}.sidebar.collapsed .accordion-content{display:block}.sidebar.collapsed .menu-parent:after,.sidebar.collapsed .menu-parent:before{display:none!important}.sidebar.collapsed .quick-add-btn{display:flex}.sidebar.collapsed .menu-item-wrapper,.sidebar.collapsed .menu-child-wrapper{margin:4px 8px}.sidebar.collapsed .menu-item-wrapper .menu-item{padding-right:40px!important}.nav-scrollable{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:1002;overflow:hidden}.nav-scrollable.mobile-open{display:block}.nav-scrollable.mobile-open:before{content:"";position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed!important;top:0!important;left:0!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #00000040;width:280px!important;min-width:280px!important;max-width:280px!important;background-color:#fff!important;height:100vh;border-radius:0 20px 20px 0;overflow-y:auto;overflow-x:hidden;z-index:1003}.nav-scrollable.mobile-open .sidebar{transform:translate(0)}.sidebar.collapsed{width:280px!important;min-width:280px!important;max-width:280px!important}.sidebar.collapsed .top-row{justify-content:space-between;padding:0 12px;background-color:#fff!important}.sidebar.collapsed .header-content{justify-content:space-between;flex-direction:row;gap:8px}.sidebar.collapsed .logo-menu{justify-content:center;gap:8px}.sidebar.collapsed .logo-container{min-width:140px;height:40px}.sidebar.collapsed .logo-menu img.logo-full.hidden{opacity:1!important;transform:translate(-50%) scale(1)!important}.sidebar.collapsed .logo-menu img.logo-solo.visible{opacity:0!important}.sidebar.collapsed .menu-text{opacity:1!important;width:auto!important;margin-left:12px!important;overflow:visible!important}.sidebar.collapsed .menu-icon{margin-right:12px}.sidebar.collapsed .menu-item{padding:14px 16px;margin:4px 8px;justify-content:flex-start}.sidebar.collapsed .menu-item.active{border-left:3px solid #3b82f6;border-top:none;padding-left:13px;padding-top:14px}.sidebar.collapsed .menu-item:after,.sidebar.collapsed .menu-item:before,.sidebar.collapsed .bottom-item:after,.sidebar.collapsed .bottom-item:before{display:none!important}.menu-item.active{background-color:#dbeafe!important;color:#1e3a5f!important;font-weight:600!important}.nav-content{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-track{background:transparent}.nav-content::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:2px}.nav-content::-webkit-scrollbar-thumb:hover{background-color:#9b9b9bcc}.nav-content{padding:.5rem 0}.bottom-section{padding:.5rem 0 1rem;background:#fafafa!important}.mobile-close-btn{position:relative;width:2.5rem;height:2.5rem;background-color:#fff;border:1px solid rgba(229,231,235,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .2s ease;z-index:1004;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-close-btn:hover{background-color:#f3f4f6;color:#1e3a5f;transform:translateY(-2px);border-color:#e5e7eb66;box-shadow:0 2px 6px #0000001f}.mobile-close-btn:active{transform:translateY(-1px)}.mobile-close-btn svg{width:1.25rem;height:1.25rem;stroke-width:2;pointer-events:none}}.global-search-container{position:relative;width:100%;max-width:480px}.global-search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 10px;transition:all .2s ease;height:32px}.global-search-input-wrapper:hover{background:#fff3;border-color:#ffffff4d}.global-search-input-wrapper:focus-within{background:#ffffff40;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.global-search-icon{width:16px;height:16px;color:#ffffffb3;flex-shrink:0;display:flex;align-items:center;justify-content:center}.global-search-icon svg{width:16px;height:16px}.global-search-input{flex:1;background:transparent;border:none;outline:none;padding:0 10px;font-size:13px;color:#fff;width:100%;height:100%}.global-search-input::placeholder{color:#fff9}.global-search-clear{background:#ffffff1a;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;flex-shrink:0}.global-search-clear svg{width:12px;height:12px}.global-search-clear:hover{background:#fff3;color:#fff}.global-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:400px;overflow-y:auto;z-index:1100;animation:searchDropdownIn .2s ease}@keyframes searchDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-search-group{padding:8px 0}.global-search-group:not(:last-child){border-bottom:1px solid #e5e7eb}.global-search-group-title{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.global-search-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .15s ease}.global-search-option:hover,.global-search-option.selected{background:#f0f7ff}.global-search-option-icon{width:32px;height:32px;background:#e0f0ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1e3a5f;flex-shrink:0}.global-search-option-icon svg{width:16px;height:16px}.global-search-option.selected .global-search-option-icon,.global-search-option:hover .global-search-option-icon{background:#1e3a5f;color:#fff}.global-search-option-content{display:flex;flex-direction:column;min-width:0}.global-search-option-label{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-option-description{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-no-results{padding:24px 16px;text-align:center;color:#6b7280;font-size:14px}@media(max-width:768px){.global-search-container{max-width:100%}.global-search-input{font-size:16px}.global-search-dropdown{max-height:300px}}@media(max-width:640px){.global-search-container{display:none}}.custom-header{background:linear-gradient(90deg,#0f2942,#1e3a5f,#153450);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;min-height:50px;max-height:50px;border-bottom:none;box-shadow:0 4px 12px #0f294266;transition:all .3s ease;position:fixed;top:0;left:0;right:0;width:100vw;z-index:999;flex-shrink:0}.custom-header.sidebar-collapsed{padding-left:90px}.custom-header.sidebar-expanded{padding-left:280px}.main-content{padding-top:50px}@media(max-width:640px){.main-content{padding-top:0}}.left-section{display:flex;align-items:center}.middle-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0 20px}.right-section{display:flex;align-items:center;gap:20px}.page-title h1{margin:0;font-size:24px;font-weight:600;color:#fff;letter-spacing:-.025em;font-family:Michroma,cursive}.icon-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.profile-dropdown{position:relative}.profile-button{background:transparent;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;height:34px}.profile-button:hover{background:#ffffff1a;border-color:#ffffff80}.profile-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.user-name-text{font-weight:500;font-size:13px;color:#fff}.profile-link-text{font-size:10px;color:#ffffffb3;font-weight:400}.profile-button:hover .profile-link-text{color:#ffffffe6}.profile-circle{width:28px;height:28px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff;margin-left:10px;flex-shrink:0;transition:all .2s ease}.profile-button:hover .profile-circle{background:#ffffff4d}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a;min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb}.profile-menu-avatar{width:48px;height:48px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.profile-menu-info{flex:1}.profile-menu-name{font-weight:600;color:#1e3a5f;font-size:14px;margin-bottom:2px}.profile-menu-role{font-size:12px;color:#6b7280}.profile-menu-separator{height:1px;background:#e5e7eb;margin:0}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s ease;color:#374151;font-size:14px;font-weight:500}.profile-menu-item:hover{background:#f3f4f6;color:#1e3a5f}.profile-menu-item.logout-item{color:#dc2626}.profile-menu-item.logout-item:hover{background:#fef2f2;color:#dc2626}.profile-menu-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:768px){.custom-header{padding:10px 16px}.page-title h1{font-size:20px}.user-name-text{display:none}.right-section{gap:16px}.profile-circle{width:36px;height:36px}.profile-menu{min-width:200px}}@media(max-width:640px){.custom-header{position:sticky!important;top:0!important;left:0!important;z-index:1001!important;width:100vw!important;margin-left:0!important;padding:10px 12px!important}.custom-header.sidebar-collapsed,.custom-header.sidebar-expanded{left:0!important;width:100vw!important}.left-section{padding-left:3rem;margin-left:0!important}.page-title{margin-left:0}.page-title h1{font-size:16px;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-section{gap:8px}.profile-circle{width:32px;height:32px;font-size:12px}.profile-menu-avatar{width:40px;height:40px;font-size:14px}.profile-menu{min-width:180px;right:-10px}header{min-height:60px;padding:8px 12px!important}header>div{max-width:100%;overflow:hidden}header h1{font-size:16px!important;line-height:1.2!important;max-width:calc(100vw - 120px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:Michroma,cursive!important}.profile-info{display:none}.profile-button{padding:4px 8px}.profile-circle{margin-left:0}}.icon-button,.profile-button,.page-title h1{transition:all .3s ease}.page-title h1{transition:color .2s ease;color:#fff}.icon-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.profile-button:focus .profile-circle{box-shadow:0 0 0 3px #3b82f633}.page{display:flex;flex-direction:column;min-height:100vh;width:100%;background:#f5f7f9}.main-wrapper{display:flex;flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s ease}.main-wrapper.sidebar-collapsed{margin-left:70px}.main-wrapper.sidebar-expanded{margin-left:260px}.content{flex:1;padding:20px;margin-top:50px;overflow-y:auto;overflow-x:hidden}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#9b9b9b80;border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:#9b9b9bcc}@media(max-width:640px){.main-wrapper{margin-left:0!important}.content{padding:16px;margin-top:0}}h1,h2,h3,h4,h5,h6{color:#1e3a5f;margin:0}p{color:#5a6c7d;margin:0}.flex{display:flex}.flex-column{flex-direction:column}.nav{display:flex}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--bg-secondary) 50%,var(--color-secondary-lighter) 100%)}.login-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-shape{position:absolute;border-radius:50%;opacity:.4;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:var(--color-primary);top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:var(--color-secondary);bottom:-50px;left:-50px;animation-delay:-5s}.shape-3{width:200px;height:200px;background:var(--color-primary-light);top:50%;left:10%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(-20px,-10px) scale(1.02)}}.login-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:420px;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.login-logo-img{height:60px;width:auto;max-width:220px;object-fit:contain}.login-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f443361a;border:1px solid rgba(244,67,54,.2);border-radius:var(--border-radius);color:var(--color-error);font-size:var(--font-size-sm);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.error-icon{width:18px;height:18px;flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.login-form .form-input{width:100%;padding:14px 14px 14px 48px!important;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--color-secondary)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #aed1e44d}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-primary-dark)}.form-input:disabled{background:var(--bg-secondary);cursor:not-allowed}.password-toggle{position:absolute;right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.password-toggle:hover{color:var(--text-secondary);background:var(--bg-secondary)}.password-toggle svg{width:20px;height:20px}.login-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius);transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-darker) 100%)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.button-icon{width:18px;height:18px;transition:transform var(--transition-fast)}.login-button:hover:not(:disabled) .button-icon{transform:translate(4px)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.login-footer .version{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);opacity:.7}@media(max-width:480px){.login-container{padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.logo-icon{width:40px;height:40px;font-size:var(--font-size-xl)}.logo-text,.login-title{font-size:var(--font-size-xl)}}.home-page{max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.header-content{flex:1}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}.header-actions{display:flex;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stats-section{margin-bottom:var(--spacing-xl);display:flex;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);box-shadow:var(--shadow);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;background:var(--color-primary-lighter);color:var(--color-primary-darker);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.stat-title{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.stat-change{font-size:var(--font-size-xs);font-weight:500}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.stat-change.neutral{color:var(--text-muted)}.content-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.section-link{font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:500}.section-link:hover{text-decoration:underline}.activity-section{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);transition:background var(--transition-fast)}.activity-item:hover{background:var(--bg-secondary)}.activity-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:20px;height:20px}.activity-icon.sale{background:#4caf501a;color:var(--color-success)}.activity-icon.client{background:#2196f31a;color:var(--color-info)}.activity-icon.subscription{background:#aed1e44d;color:var(--color-primary-darker)}.activity-icon.support{background:#ff98001a;color:var(--color-warning)}.activity-content{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-message{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:var(--font-size-xs);color:var(--text-muted)}.quick-actions-section{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast)}.quick-action-card:hover{background:var(--color-primary-lighter);transform:translateY(-2px)}.quick-action-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quick-action-icon{width:48px;height:48px;background:var(--bg-primary);color:var(--color-primary-darker);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.quick-action-icon svg{width:24px;height:24px}.quick-action-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);text-align:center}.stats-grid-5{grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);max-width:1200px}.stats-grid-5 .stat-card{padding:var(--spacing-md)}.stats-grid-5 .stat-icon{width:40px;height:40px}.stats-grid-5 .stat-icon svg{width:20px;height:20px}.stats-grid-5 .stat-value{font-size:var(--font-size-xl)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);color:var(--color-error)}.error-banner .btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);background:var(--color-error);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer}.error-banner .btn-sm:hover{opacity:.9}.skeleton{pointer-events:none}.skeleton-icon{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius)}.skeleton-text{display:block;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-sm);height:1em}.stat-card.skeleton .skeleton-icon{width:48px;height:48px}.stat-card.skeleton .stat-title.skeleton-text{width:80px;height:14px}.stat-card.skeleton .stat-value.skeleton-text{width:60px;height:28px}.stat-card.skeleton .stat-change.skeleton-text{width:100px;height:12px}.activity-item.skeleton .skeleton-icon{width:40px;height:40px}.activity-item.skeleton .activity-message.skeleton-text{width:200px;height:14px}.activity-item.skeleton .activity-time.skeleton-text{width:80px;height:12px;margin-top:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid-5{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:992px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column}.stats-grid,.stats-grid-5,.quick-actions-grid{grid-template-columns:1fr}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.cliente-listado-page{padding:24px;max-width:100%}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:200px}.checkbox:indeterminate{background:#aed1e4;border-color:#aed1e4}.checkbox:indeterminate:after{content:"";position:absolute;left:3px;top:6px;width:10px;height:2px;background:#fff;transform:none;border:none}.doc-badge{display:inline-block;padding:3px 8px;background:#f1f5f9;color:#64748b;border-radius:4px;font-size:.75rem;font-weight:500;margin-right:8px}.doc-number{font-weight:500;color:#1e293b}.cliente-nit-cell{display:flex;align-items:center}.cliente-nit-value{font-weight:500;color:#1e293b;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn.subscriptions:hover{border-color:#f59e0b;color:#d97706;background:#fffbeb}.flatpickr-calendar.hasTime,.flatpickr-calendar.showTimeInput{width:auto!important}.flatpickr-current-month .flatpickr-monthDropdown-months{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:7px!important;font-weight:600!important;color:#1e293b!important;padding:4px 24px 4px 8px!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 4px center!important;background-size:16px!important}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:#f8fafc!important;border-color:#aed1e4!important}.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none!important;border-color:#aed1e4!important;box-shadow:0 0 0 3px #aed1e433!important}.numInputWrapper{border:1px solid #e2e8f0!important;background:#fff!important;border-radius:7px!important;padding:2px!important}.numInputWrapper:hover{border-color:#cbd5e1!important}.numInputWrapper input{background:transparent!important;color:#1e293b!important;font-weight:600!important;border:none!important;padding:2px 4px!important}.numInputWrapper input:focus{outline:none!important}.numInputWrapper:focus-within{border-color:#aed1e4!important;box-shadow:0 0 0 3px #aed1e433!important}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{background:#aed1e4!important;border-color:#aed1e4!important;color:#fff!important}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#fff!important}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:13px!important;height:13px!important}.flatpickr-weekday{background:transparent!important;color:#64748b!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:7px 0!important}.flatpickr-days{padding:0!important}.flatpickr-day:hover{background:#aed1e433!important;border-color:#aed1e44d!important;color:#4a7c8d!important}.flatpickr-day.today{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#1e293b!important;font-weight:600!important}.flatpickr-day.today:hover{background:#aed1e433!important;border-color:#aed1e4!important;color:#4a7c8d!important}.flatpickr-day.selected{background:#aed1e4!important;border-color:#aed1e4!important;color:#1e293b!important;font-weight:600!important;box-shadow:0 4px 5px #aed1e459!important}.flatpickr-day.selected:hover{background:#96c1d6!important;border-color:#96c1d6!important;color:#1e293b!important}.flatpickr-day.inRange{background:#aed1e440!important;border-color:#aed1e44d!important;color:#4a7c8d!important;font-weight:500!important;border-radius:14px!important;box-shadow:-2px 0 #ffffff26,5px 0 #ffffff26!important}.flatpickr-day.startRange,.flatpickr-day.endRange{background:#aed1e4!important;border-color:#aed1e4!important;color:#1e293b!important;font-weight:600!important;box-shadow:0 4px 5px #aed1e459!important}.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:#96c1d6!important;border-color:#96c1d6!important}.flatpickr-day.flatpickr-disabled{color:#cbd5e1!important;cursor:not-allowed!important}.flatpickr-day.flatpickr-disabled:hover{background:transparent!important;border-color:transparent!important;color:#cbd5e1!important}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:#cbd5e1!important}.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{background:#aed1e41a!important;color:#94a3b8!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #ffffff26,5px 0 #ffffff26!important}@media(max-width:640px){.flatpickr-calendar{padding:14px!important}.flatpickr-day{height:32px!important;line-height:32px!important;width:32px!important;font-size:12px!important}.flatpickr-prev-month,.flatpickr-next-month{width:25px!important;height:25px!important}}@media(max-width:768px){.cliente-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:800px}.pagination{flex-direction:column;gap:12px}.bulk-actions{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions-left{flex-direction:column;align-items:stretch}}.modal-form-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-form-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-form-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.modal-form-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-form-body{padding:24px}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:36px;cursor:pointer}.form-error{font-size:.75rem;color:#dc2626;margin-top:4px}.modal-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.btn-cancel{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-submit{padding:10px 24px;border:none;border-radius:8px;background:#aed1e4;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-submit:hover:not(:disabled){background:#96c1d6}@media(max-width:640px){.modal-form-content{max-width:100%;max-height:100%;border-radius:0}.modal-form-header,.modal-form-footer{border-radius:0}.form-row{flex-direction:column;gap:16px}}.select-trigger{display:flex;height:42px;width:100%;align-items:center;justify-content:space-between;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;cursor:pointer;box-sizing:border-box}.select-trigger:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.select-trigger:disabled{cursor:not-allowed;opacity:.5;background:#f1f5f9}.select-trigger.error{border-color:#dc2626}.select-trigger.error:focus{box-shadow:0 0 0 3px #dc262626}.select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger [data-placeholder]{color:#94a3b8}.select-icon{width:16px;height:16px;color:#64748b;flex-shrink:0;margin-left:8px}.select-content{position:relative;z-index:9999;max-height:300px;min-width:8rem;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:selectContentShow .15s ease-out}@keyframes selectContentShow{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-content-popper{width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height)}.select-viewport{padding:4px}.select-item{position:relative;display:flex;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:8px 8px 8px 32px;border-radius:6px;font-size:.875rem;color:#1e293b;outline:none;transition:background-color .1s ease}.select-item:focus,.select-item:hover{background-color:#f1f5f9}.select-item[data-disabled]{pointer-events:none;opacity:.5}.select-item[data-state=checked]{background-color:#e8f4fc;color:#1e3a5f;font-weight:500}.select-item-indicator{position:absolute;left:8px;display:flex;width:18px;height:18px;align-items:center;justify-content:center}.select-check-icon{width:14px;height:14px;color:#3b82f6}.select-label{padding:8px 8px 4px 32px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.select-separator{height:1px;margin:4px -4px;background-color:#e5e7eb}.select-scroll-button{display:flex;cursor:default;align-items:center;justify-content:center;padding:4px 0;background:#fff}.select-scroll-icon{width:14px;height:14px;color:#64748b}.cliente-nuevo-page{padding:24px 32px}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:36px;cursor:pointer}@media(max-width:768px){.cliente-nuevo-page{padding:16px}.page-title{font-size:1.25rem}.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.cliente-suscripciones-page{padding:24px;max-width:100%}.btn-nueva-suscripcion{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4a7c8d;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-nueva-suscripcion:hover{background:#3d6a7a;transform:translateY(-1px);box-shadow:0 4px 12px #4a7c8d40}.btn-nueva-suscripcion.icon-only{padding:10px;width:40px;height:40px;justify-content:center;border-radius:10px}.filter-select{padding:10px 36px 10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;transition:all .2s ease;min-height:42px;min-width:160px;appearance:none}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.data-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr:hover{background:#fafbfc}.plan-cell{display:flex;flex-direction:column;gap:2px}.plan-nombre{font-weight:500;color:#1e293b;font-size:.875rem}.plan-codigo{font-size:.75rem;color:#94a3b8}.estado-badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.periodo-cell{display:flex;flex-direction:column;gap:2px}.periodo-fechas{font-size:.875rem;color:#1e293b}.periodo-tipo{font-size:.75rem;color:#94a3b8}.documentos-cell{display:flex;align-items:center;gap:2px;font-size:.875rem}.docs-usado{font-weight:600;color:#1e293b}.docs-separador{color:#94a3b8}.docs-total{color:#64748b}.precio-valor{font-weight:500;color:#1e293b;font-size:.875rem}.action-btn.info:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.action-btn.primary:hover{border-color:#aed1e4;color:#4a7c8d;background:#f0f9ff}.action-btn.warning:hover{border-color:#f59e0b;color:#d97706;background:#fffbeb}.action-btn.success:hover{border-color:#10b981;color:#059669;background:#ecfdf5}.action-btn.danger:hover{border-color:#ef4444;color:#dc2626;background:#fef2f2}.loading-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#aed1e4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state svg{color:#cbd5e1;margin-bottom:8px}.empty-state p{font-size:1rem;font-weight:500;color:#64748b;margin:0}.empty-state span{font-size:.875rem;color:#94a3b8}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:16px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#aed1e4;color:#4a7c8d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{font-size:.875rem;color:#64748b;padding:0 12px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-info{margin-bottom:20px}.modal-plan-name{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.modal-description{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.motivo-group{display:flex;flex-direction:column;gap:8px}.motivo-label{font-size:.875rem;font-weight:500;color:#374151}.motivo-textarea{padding:12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;resize:vertical;min-height:80px;font-family:inherit}.motivo-textarea:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.modal-btn.cancel{background:#fff;border:1.5px solid #e5e7eb;color:#64748b}.modal-btn.cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.modal-btn.confirm.warning{background:#f59e0b}.modal-btn.confirm.warning:hover:not(:disabled){background:#d97706}.modal-btn.confirm.success{background:#10b981}.modal-btn.confirm.success:hover:not(:disabled){background:#059669}.modal-btn.confirm.danger{background:#ef4444}.modal-btn.confirm.danger:hover:not(:disabled){background:#dc2626}.modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.header-left{flex-direction:column;align-items:flex-start}.back-btn{align-self:flex-start}.btn-nueva-suscripcion{width:100%;justify-content:center}.filters-grid{flex-direction:column}.filter-group.search-box{min-width:100%}.filter-select{width:100%}.data-table{font-size:.8125rem}.data-table th,.data-table td{padding:10px 12px}}.modal-content.modal-cuotas{max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-cuotas .modal-body{overflow-y:auto;flex:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b}.loading-state p{margin:12px 0 0;font-size:.875rem}.cuotas-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:10px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-value{font-size:1rem;font-weight:600;color:#1e293b}.summary-item.success .summary-value{color:#059669}.summary-item.warning .summary-value{color:#d97706}.cuotas-table-container{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:20px}.cuotas-table{width:100%;border-collapse:collapse;font-size:.875rem}.cuotas-table th{background:#f8fafc;padding:12px 14px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.cuotas-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9}.cuotas-table tbody tr:last-child td{border-bottom:none}.cuotas-table tbody tr:hover{background:#fafbfc}.cuotas-table tbody tr.selected{background:#f0f9ff}.cuota-estado-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.cuota-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.cuota-action-btn:hover{border-color:#10b981;color:#059669;background:#ecfdf5}.upload-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-top:16px}.upload-section h4{margin:0 0 8px;font-size:.95rem;color:#1e293b}.upload-cuota-info{font-size:.8125rem;color:#64748b;margin:0 0 16px}.upload-area{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upload-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1.5px dashed #aed1e4;border-radius:8px;color:#4a7c8d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#f0f9ff;border-color:#4a7c8d}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.selected-file{font-size:.8125rem;color:#059669;background:#ecfdf5;padding:6px 12px;border-radius:6px}.observaciones-group{margin-bottom:16px}.observaciones-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:6px}.observaciones-group textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;resize:vertical;font-family:inherit;box-sizing:border-box}.observaciones-group textarea:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.upload-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-upload-btn{padding:8px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-upload-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.confirm-upload-btn{padding:8px 16px;background:#10b981;border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-upload-btn:hover:not(:disabled){background:#059669}.confirm-upload-btn:disabled,.cancel-upload-btn:disabled{opacity:.6;cursor:not-allowed}.modal-content.modal-detalles{max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-detalles .modal-body{overflow-y:auto;flex:1}.detalle-section{margin-bottom:24px}.detalle-section:last-child{margin-bottom:0}.detalle-section h4{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.detalle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detalle-item{display:flex;flex-direction:column;gap:4px}.detalle-label{font-size:.75rem;color:#94a3b8}.detalle-value{font-size:.875rem;color:#1e293b;font-weight:500}.detalle-value.estado-badge{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:6px;font-size:.75rem}.detalles-table-container{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.detalles-table{width:100%;border-collapse:collapse;font-size:.8125rem}.detalles-table th{background:#f8fafc;padding:10px 12px;text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.detalles-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.detalles-table tbody tr:last-child td{border-bottom:none}.detalles-table .plan-desc{font-size:.7rem;color:#94a3b8;display:block;margin-top:2px}.detalles-table .total-col{font-weight:600;color:#1e293b}.totales-grid{background:#f8fafc;border-radius:10px;padding:16px 20px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.875rem;color:#64748b;border-bottom:1px solid #e2e8f0}.total-row:last-child{border-bottom:none}.total-row.discount span:last-child{color:#059669}.total-row.final{padding-top:12px;margin-top:4px;border-top:2px solid #e2e8f0;font-size:1rem;font-weight:600;color:#1e293b}.notas-text{font-size:.875rem;color:#64748b;background:#f8fafc;padding:12px 16px;border-radius:8px;margin:0;line-height:1.5}.toast{position:fixed;top:20px;right:20px;padding:14px 20px;border-radius:10px;font-size:.875rem;font-weight:500;z-index:1100;transform:translate(120%);transition:transform .3s ease;box-shadow:0 4px 12px #00000026}.toast.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.toast.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.toast.info{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}@media(max-width:768px){.cuotas-summary,.detalle-grid{grid-template-columns:repeat(2,1fr)}.modal-content.modal-cuotas,.modal-content.modal-detalles{max-width:95%;max-height:95vh}.cuotas-table,.detalles-table{font-size:.75rem}.cuotas-table th,.cuotas-table td,.detalles-table th,.detalles-table td{padding:8px 10px}.upload-area{flex-direction:column;align-items:stretch}.upload-btn{justify-content:center}}.nueva-suscripcion-page{padding:24px;max-width:100%}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#aed1e4;color:#4a7c8d}.header-info{display:flex;flex-direction:column}.page-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.page-subtitle{font-size:.875rem;color:#64748b;margin:4px 0 0}.form-container{display:flex;flex-direction:column;gap:20px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.section-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-title svg{color:#64748b}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.loading-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#aed1e4;border-radius:50%;animation:spin 1s linear infinite}.empty-state-mini{padding:20px;text-align:center;color:#94a3b8;font-size:.875rem}.planes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.plan-card{border:2px solid #e5e7eb;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease}.plan-card:hover{border-color:#aed1e4;background:#fafbfc}.plan-card.selected{border-color:#4a7c8d;background:#f0f7fa}.plan-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.plan-card-titulo{font-weight:500;color:#1e293b;font-size:.9375rem}.plan-card-body{display:flex;justify-content:space-between;align-items:center}.plan-card-precio{font-weight:600;color:#4a7c8d;font-size:.875rem}.plan-card-docs{font-size:.75rem;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px}.planes-grid.compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.plan-card-compact{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.plan-card-compact:hover{border-color:#aed1e4;background:#fafbfc}.plan-card-compact.selected{border-color:#4a7c8d;background:#f0f7fa}.plan-card-compact input[type=checkbox],.plan-card-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#aed1e4;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;position:relative;transition:all .2s ease;margin:0;flex-shrink:0}.plan-card-compact input[type=checkbox]:hover,.plan-card-header input[type=checkbox]:hover{border-color:#aed1e4;background:#aed1e41a}.plan-card-compact input[type=checkbox]:checked,.plan-card-header input[type=checkbox]:checked{background:#aed1e4;border-color:#aed1e4}.plan-card-compact input[type=checkbox]:checked:after,.plan-card-header input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.plan-card-compact input[type=checkbox]:focus,.plan-card-header input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #aed1e44d}.plan-card-compact .plan-name{font-weight:500;color:#1e293b;font-size:.8125rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-card-compact .plan-price{font-weight:600;color:#4a7c8d;font-size:.75rem}.plan-card-compact .plan-docs{font-size:.6875rem;color:#94a3b8;background:#f1f5f9;padding:1px 6px;border-radius:3px}.planes-config-list{display:flex;flex-direction:column;gap:16px}.plan-config-item{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fafbfc}.plan-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.plan-config-nombre{font-weight:600;color:#1e293b}.btn-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s ease}.btn-remove:hover{background:#fef2f2;color:#ef4444}.plan-config-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:.6875rem;font-weight:500;color:#64748b;text-transform:uppercase}.config-field input{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;min-height:38px;box-sizing:border-box;transition:all .2s ease}.config-field input:hover{border-color:#aed1e4;background-color:#fafbfc}.config-field input:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440;background:#fff}select.select-trigger,.config-field select,.cargo-item select,.cuotas-config-row select{padding:8px 36px 8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;cursor:pointer;min-height:38px}select.select-trigger:hover,.config-field select:hover,.cargo-item select:hover,.cuotas-config-row select:hover{border-color:#aed1e4;background-color:#fafbfc}select.select-trigger:focus,.config-field select:focus,.cargo-item select:focus,.cuotas-config-row select:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}select.select-trigger option,.config-field select option,.cargo-item select option,.cuotas-config-row select option{padding:10px 12px;font-size:.875rem;color:#1e293b;background:#fff}.config-field.iva-field{max-width:70px}.config-field.iva-field input{text-align:center}.config-field.total{background:#fff;padding:8px 10px;border-radius:6px;justify-content:center}.total-value{font-weight:600;color:#4a7c8d;font-size:.9375rem}.descuento-options-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.descuento-config-panel{display:flex;align-items:center;gap:16px;padding:12px;background:#f8fafc;border-radius:8px;margin-top:4px}.cupon-input{width:100%;max-width:300px;padding:8px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;text-transform:uppercase;min-height:38px;box-sizing:border-box;transition:all .2s ease;background:#fff}.cupon-input:hover{border-color:#aed1e4;background-color:#fafbfc}.cupon-input:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440;background:#fff}.descuento-manual-row{display:flex;align-items:center}.toggle-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#374151}.toggle-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#aed1e4;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;position:relative;transition:all .2s ease;margin:0;flex-shrink:0}.toggle-option input[type=checkbox]:hover{border-color:#aed1e4;background:#aed1e41a}.toggle-option input[type=checkbox]:checked{background:#aed1e4;border-color:#aed1e4}.toggle-option input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.toggle-option input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #aed1e44d}.descuento-manual-input{display:flex;align-items:center;position:relative}.descuento-manual-input input{padding:8px 50px 8px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;width:150px;min-height:38px;box-sizing:border-box;transition:all .2s ease}.descuento-manual-input input:hover{border-color:#aed1e4;background-color:#fafbfc}.descuento-manual-input input:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440;background:#fff}.input-suffix{position:absolute;right:14px;color:#94a3b8;font-size:.875rem}.btn-add-small{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-add-small:hover{background:#f0f7fa;border-color:#aed1e4;color:#4a7c8d}.cargos-list{display:flex;flex-direction:column;gap:10px}.cargo-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px}.cargo-item select{min-width:140px;flex-shrink:0}.cargo-item input[type=text],.cargo-item input[type=number]{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;min-height:38px;box-sizing:border-box;transition:all .2s ease}.cargo-item input[type=text]{flex:1}.cargo-item input[type=number]{width:120px}.cargo-item input[type=text]:hover,.cargo-item input[type=number]:hover{border-color:#aed1e4;background-color:#fafbfc}.cargo-item input[type=text]:focus,.cargo-item input[type=number]:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440;background:#fff}.cargo-total{font-weight:600;color:#4a7c8d;min-width:100px;text-align:right}.pago-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.radio-option-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.radio-option-card:has(input:checked){border-color:#4a7c8d;background:#f0f7fa}.radio-option-card input[type=radio]{width:18px;height:18px;accent-color:#4a7c8d;margin-top:2px}.option-card-content{display:flex;flex-direction:column;gap:4px}.option-title{font-weight:500;color:#1e293b}.option-desc{font-size:.8125rem;color:#64748b}.radio-option-card.disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.radio-option-card.disabled:hover{border-color:#e5e7eb;background:#f3f4f6}.radio-option-card.disabled input[type=radio]{cursor:not-allowed}.radio-option-card.disabled .option-title{color:#9ca3af}.radio-option-card.disabled .option-desc{color:#9ca3af;font-style:italic}.pago-inmediato-config{padding:12px;background:#f8fafc;border-radius:8px}.pago-cuotas-config{display:flex;flex-direction:column;gap:16px}.cuotas-config-row{display:flex;align-items:center;gap:24px;padding:12px;background:#f8fafc;border-radius:8px}.cuotas-config-row .config-field{min-width:180px}.cuotas-config-row .config-field select{width:100%}.cuotas-table{overflow-x:auto}.cuotas-table table{width:100%;border-collapse:collapse}.cuotas-table th{background:#f8fafc;padding:10px 12px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.cuotas-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:.875rem}.cuotas-table input[type=date]{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;min-height:38px;cursor:pointer;transition:all .2s ease}.cuotas-table input[type=date]:hover{border-color:#aed1e4;background-color:#fafbfc}.cuotas-table input[type=date]:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.estado-mini{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.estado-mini.pagada{background:#d1fae5;color:#059669}.estado-mini.pendiente{background:#fef3c7;color:#d97706}.notas-textarea{width:100%;padding:12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;box-sizing:border-box;transition:all .2s ease;color:#1e293b;background:#fff}.notas-textarea:hover{border-color:#aed1e4;background-color:#fafbfc}.notas-textarea:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440;background:#fff}.totales-section{background:#f8fafc}.totales-grid{display:flex;flex-direction:column;gap:8px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9375rem;color:#374151}.total-row.descuento{color:#059669}.total-row.final{padding-top:12px;border-top:2px solid #e5e7eb;font-size:1.125rem;font-weight:600;color:#1e293b}.total-row.final span:last-child{color:#4a7c8d}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 0}.btn-cancel{padding:12px 24px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-save{padding:12px 24px;border:none;border-radius:10px;background:#4a7c8d;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#3d6a7a}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.upload-section{border:2px dashed #e5e7eb;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafbfc}.upload-section:hover{border-color:#aed1e4;background:#f8fafc}.upload-section.has-file{border-style:solid;border-color:#10b981;background:#f0fdf4;cursor:default}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-placeholder svg{color:#94a3b8}.upload-text{font-size:.9375rem;color:#475569;font-weight:500}.upload-hint{font-size:.8125rem;color:#94a3b8}.file-info{display:flex;align-items:center;gap:16px;justify-content:center}.file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014}.file-icon svg{color:#4a7c8d}.file-details{display:flex;flex-direction:column;gap:4px;text-align:left}.file-name{font-size:.9375rem;font-weight:500;color:#1e293b;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.8125rem;color:#64748b}.btn-remove-file{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-remove-file:hover{border-color:#ef4444;color:#dc2626;background:#fef2f2}.comprobante-note{margin-top:12px;font-size:.8125rem;color:#64748b;font-style:italic}@media(max-width:768px){.planes-grid{grid-template-columns:1fr}.plan-config-fields{grid-template-columns:repeat(2,1fr)}.descuento-options-cards{grid-template-columns:1fr}.descuento-config-panel{flex-direction:column;align-items:flex-start}.cargo-item{flex-wrap:wrap}.cargo-item select{min-width:100%;width:100%}.cargo-item input[type=text],.cargo-item input[type=number]{flex:1;min-width:100%}.pago-options{grid-template-columns:1fr}.cuotas-config-row{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.alianza-listado-page{padding:24px;max-width:100%}.page-header{margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 4px}.filter-group.search-box{flex:1;min-width:280px}.filter-select{padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:400;color:#1e293b;background:#fff;min-width:150px;min-height:42px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;line-height:1.2}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:200px}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#aed1e426,#c6c7ca1a);border:1px solid rgba(174,209,228,.4);border-radius:10px;margin-bottom:16px}.bulk-actions-left{display:flex;align-items:center;gap:16px}.selected-count{font-size:.875rem;font-weight:500;color:#4a7c8d}.bulk-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-btn.primary{background:#aed1e4;color:#1e293b;border:none}.bulk-btn.primary:hover{background:#96c1d6}.bulk-btn.primary:disabled{opacity:.6;cursor:not-allowed}.bulk-btn.secondary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.bulk-btn.secondary:hover{background:#fff;border-color:#aed1e4}.data-table th.th-checkbox{width:48px;text-align:center}.checkbox{width:18px;height:18px;cursor:pointer;accent-color:#aed1e4;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;position:relative;transition:all .2s ease}.checkbox:hover{border-color:#aed1e4;background:#aed1e41a}.checkbox:checked{background:#aed1e4;border-color:#aed1e4}.checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:focus{outline:none;box-shadow:0 0 0 3px #aed1e44d}.codigo-badge{display:inline-block;padding:4px 10px;background:#e0f2fe;color:#0369a1;border-radius:6px;font-size:.8125rem;font-weight:600;font-family:Consolas,Monaco,monospace}.tipo-badge{display:inline-block;padding:4px 10px;background:#f3e8ff;color:#7c3aed;border-radius:6px;font-size:.75rem;font-weight:500}.clientes-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#f0fdf4;color:#16a34a;border-radius:6px;font-size:.8125rem;font-weight:600}.nombre-cell{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.alianza-nit-cell{display:flex;align-items:center}.tipo-icon-wrapper{position:relative;display:inline-flex;align-items:center}.alianza-nit-value{font-weight:500;color:#1e293b;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tipo-icon-wrapper .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 12px #00000026}.tipo-icon-wrapper .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}.tipo-icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.action-btn.success{color:#059669;border-color:#d1fae5}.action-btn.success:hover{background:#ecfdf5;border-color:#a7f3d0}.action-btn.danger{color:#dc2626;border-color:#fecaca}.action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.btn-new-alianza{background:#aed1e4;color:#1e293b;border:none;width:42px;height:42px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-new-alianza:hover{background:#96c1d6;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.btn-new-alianza:active{transform:translateY(0)}.flatpickr-calendar{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;box-shadow:0 18px 23px -5px #0000001a,0 9px 9px -5px #0000000a!important;width:auto!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;padding:18px!important}.flatpickr-months{display:flex!important;background:transparent!important;border-bottom:1px solid #f1f5f9!important;padding-bottom:14px!important;margin-bottom:14px!important}.flatpickr-month{background:transparent!important;padding:0 11px!important}.flatpickr-current-month{font-size:14px!important;font-weight:600!important;color:#1e293b!important;padding:7px 0!important}.flatpickr-current-month .flatpickr-monthDropdown-months{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:7px!important;font-weight:600!important;color:#1e293b!important;padding:4px 8px!important;cursor:pointer!important}.flatpickr-prev-month,.flatpickr-next-month{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:7px!important;width:29px!important;height:29px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{background:#aed1e4!important;border-color:#aed1e4!important}.flatpickr-weekdays{background:#f8fafc!important;border-radius:7px!important;margin-bottom:7px!important;padding:7px 0!important}.flatpickr-weekday{background:transparent!important;color:#64748b!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase!important}.flatpickr-day{background:transparent!important;border:1px solid transparent!important;color:#374151!important;font-weight:500!important;font-size:13px!important;height:36px!important;line-height:36px!important;margin:2px!important;transition:all .2s ease!important;width:36px!important}.flatpickr-day:hover{background:#aed1e433!important;border-color:#aed1e44d!important}.flatpickr-day.today{background:#f1f5f9!important;border-color:#cbd5e1!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#aed1e4!important;border-color:#aed1e4!important;color:#1e293b!important;font-weight:600!important}.flatpickr-day.inRange{background:#aed1e440!important;border-color:#aed1e44d!important}@media(max-width:768px){.alianza-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:900px}.pagination{flex-direction:column;gap:12px}.bulk-actions{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions-left{flex-direction:column;align-items:stretch}}.alianza-nuevo-page{padding:24px 32px}.page-header{margin-bottom:32px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.tooltip-icon{position:relative;display:inline-flex;align-items:center;margin-left:6px;color:#64748b;cursor:help;vertical-align:middle}.tooltip-icon:hover{color:#aed1e4}.tooltip-icon svg{vertical-align:middle}.tooltip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:10px 14px;background:#1e293b;color:#fff;font-size:.75rem;font-weight:400;border-radius:8px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;animation:tooltipFadeIn .2s ease}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.form-input.dv-input{background:#f1f5f9;cursor:not-allowed;font-weight:600;color:#64748b}.form-input:disabled{background:#f1f5f9;cursor:not-allowed;color:#64748b}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:36px;cursor:pointer}.input-with-button{display:flex;gap:8px}.input-with-button .form-input{flex:1}.btn-generate{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-generate:hover{background:#aed1e4;border-color:#aed1e4;color:#1e293b}.checkbox-group{display:flex;align-items:flex-end;padding-bottom:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-label .checkbox{width:20px;height:20px;cursor:pointer;accent-color:#aed1e4;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;position:relative;transition:all .2s ease}.checkbox-label .checkbox:hover{border-color:#aed1e4;background:#aed1e41a}.checkbox-label .checkbox:checked{background:#aed1e4;border-color:#aed1e4}.checkbox-label .checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.config-section{margin:24px 0;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.config-section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 4px}.config-section-subtitle{font-size:.875rem;color:#64748b;margin:0 0 16px}.config-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.config-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.config-card:hover{border-color:#aed1e4;box-shadow:0 2px 8px #aed1e433}.config-card.active{border-color:#aed1e4;background:#aed1e41a}.config-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.config-card-icon.api{background:#dbeafe;color:#2563eb}.config-card-icon.branding{background:#fce7f3;color:#db2777}.config-card-icon.billing{background:#d1fae5;color:#059669}.config-card-icon.gestor{background:#fef3c7;color:#d97706}.config-card-icon.por-plan{background:#e0e7ff;color:#4f46e5}.config-card-icon.por-documento{background:#d1fae5;color:#059669}.config-card.disabled{cursor:not-allowed;opacity:.7}.config-card.disabled:hover{border-color:#e5e7eb;box-shadow:none}.config-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.config-card-title{font-size:.875rem;font-weight:600;color:#1e293b}.config-card-desc{font-size:.75rem;color:#64748b}.config-card-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.config-card.active .config-card-check{background:#aed1e4;color:#1e293b}.form-card-header.clickable{cursor:pointer;transition:background .2s ease}.form-card-header.clickable:hover{background:#f1f5f9}.collapse-toggle{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.collapse-toggle:hover{background:#e5e7eb;color:#1e293b}.form-card-icon.api-icon{background:#dbeafe;color:#2563eb}.form-card-icon.branding-icon{background:#fce7f3;color:#db2777}.form-card-icon.billing-icon{background:#d1fae5;color:#059669}.color-picker{width:42px;height:42px;padding:2px;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff;flex-shrink:0}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border-radius:4px;border:none}.color-text{flex:1;text-transform:uppercase;font-family:monospace;font-size:.875rem}@media(max-width:768px){.alianza-nuevo-page{padding:16px}.page-title{font-size:1.25rem}.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.checkbox-group{padding-top:8px;padding-bottom:0}.modelo-options{flex-direction:column}}.modelo-selector{margin-bottom:24px}.modelo-fields{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:16px}.modelo-fields-title{font-weight:600;color:#374151;margin-bottom:16px;font-size:.9rem;display:flex;align-items:center;gap:8px}.modelo-fields-title:before{content:"";width:4px;height:16px;background:#3b82f6;border-radius:2px}.form-hint{font-size:.75rem;color:#6b7280;margin-top:4px;line-height:1.4}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-top:12px}.info-box-icon{color:#3b82f6;font-size:1rem;flex-shrink:0;margin-top:2px}.info-box-text{font-size:.8rem;color:#1e40af;line-height:1.5}.plan-selector{margin-top:16px}.plan-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.plan-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-item-title{font-weight:600;color:#1f2937}.plan-item-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.8rem}.plan-item-remove:hover{background:#fee2e2}.add-plan-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.add-plan-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.escalas-precios-section{margin-top:16px}.escalas-header{margin-bottom:16px}.escalas-title{display:block;font-weight:600;color:#1f2937;font-size:.9rem;margin-bottom:4px}.escalas-subtitle{display:block;font-size:.8rem;color:#6b7280}.escalas-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:12px}.escalas-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:12px;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.escala-row{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:12px;padding:10px 12px;border-bottom:1px solid #f3f4f6;align-items:center}.escala-row:last-child{border-bottom:none}.escala-field .form-input{padding:8px 10px;font-size:.875rem}.escala-actions{display:flex;justify-content:center}.btn-remove-escala{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-escala:hover{background:#fee2e2;color:#ef4444}.btn-add-escala{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-add-escala:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-add-escala svg{flex-shrink:0}@media(max-width:640px){.escalas-table-header{display:none}.escala-row{grid-template-columns:1fr 1fr;gap:8px}.escala-field:nth-child(3){grid-column:1 / 3}.escala-actions{grid-column:1 / 3;justify-content:flex-end;margin-top:4px}}.planes-section{margin-top:16px}.planes-header{margin-bottom:16px}.planes-title{display:block;font-weight:600;color:#1f2937;font-size:.9rem;margin-bottom:4px}.planes-subtitle{display:block;font-size:.8rem;color:#6b7280}.planes-list{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .2s ease}.plan-card:hover{border-color:#aed1e4}.plan-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.plan-card-number{font-weight:600;color:#4f46e5;font-size:.85rem}.plan-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.btn-remove-plan{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-plan:hover{background:#fee2e2;color:#ef4444}.btn-add-plan{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-plan:hover{background:#e0e7ff;border-color:#818cf8;color:#4f46e5}.btn-add-plan svg{flex-shrink:0}@media(max-width:768px){.plan-card-body .form-row{flex-direction:column;gap:12px}.plan-card-body .form-group{width:100%}}.codigo-invitacion-section{margin-top:20px;padding-top:16px;border-top:1px dashed #e5e7eb}.codigo-invitacion-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#374151;margin:0 0 12px}.codigo-invitacion-title svg{color:#8b5cf6}.codigo-invitacion-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.codigo-invitacion-value{display:flex;align-items:center;gap:12px}.codigo-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700;color:#5b21b6;letter-spacing:.05em;background:#fff;padding:8px 16px;border-radius:8px;border:1px solid #ddd6fe}.btn-copy{background:#fff;border:1px solid #c4b5fd;border-radius:8px;padding:10px;cursor:pointer;color:#7c3aed;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-copy:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.codigo-invitacion-hint{font-size:.8rem;color:#6d28d9}.codigo-usos{font-size:.75rem;color:#7c3aed;font-weight:500;background:#7c3aed1a;padding:4px 8px;border-radius:4px;width:fit-content}.codigo-input{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:600;color:#5b21b6;letter-spacing:.05em;background:#fff;padding:10px 16px;border-radius:8px;border:1px solid #ddd6fe;flex:1;min-width:180px;max-width:280px}.codigo-input:disabled{background:#faf5ff;cursor:default;opacity:1}.codigo-input-small{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600;color:#5b21b6;background:#f5f3ff;padding:6px 12px;border-radius:6px;border:1px solid #ddd6fe;min-width:140px;max-width:200px}.codigo-input-small:disabled{background:#faf5ff;cursor:default;opacity:1}.codigo-invitacion-plan{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.codigo-invitacion-plan-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280;font-weight:500}.codigo-invitacion-plan-label svg{color:#8b5cf6}.codigo-invitacion-plan-value{display:flex;align-items:center;gap:8px}.codigo-invitacion-plan-value code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600;color:#5b21b6;background:#f5f3ff;padding:6px 12px;border-radius:6px;border:1px solid #ddd6fe}.btn-copy-small{background:#f5f3ff;border:1px solid #c4b5fd;border-radius:6px;padding:6px;cursor:pointer;color:#7c3aed;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-copy-small:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}@media(max-width:640px){.codigo-invitacion-value{flex-direction:column;align-items:flex-start}.codigo-value{font-size:1rem;padding:6px 12px}.codigo-invitacion-plan{flex-direction:column;align-items:flex-start}}.plan-listado-page{padding:24px;max-width:100%}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:180px}.btn-new-plan{background:#aed1e4;color:#1e293b;border:none;width:42px;height:42px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-new-plan:hover{background:#96c1d6;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.destacado-badge{display:inline-block;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.etiqueta-badge{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.65rem;font-weight:600}.precio-anterior{display:block;font-size:.75rem;color:#94a3b8;text-decoration:line-through;font-weight:400}@media(max-width:768px){.plan-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:900px}.pagination{flex-direction:column;gap:12px}}.plan-nuevo-page{padding:24px 32px}.stat-icon.ventas{background:#dbeafe;color:#2563eb}.stat-icon.suscripciones{background:#d1fae5;color:#059669}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:36px;cursor:pointer}@media(max-width:768px){.plan-nuevo-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-title{font-size:1.25rem}.stats-section,.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.venta-listado-page{padding:24px;max-width:100%}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:180px}.cliente-wrapper{display:flex;flex-direction:column;gap:2px}.tipo-badge.suscripcion{background:#dbeafe;color:#1e40af}.tipo-badge.paquete{background:#d1fae5;color:#065f46}.precio-cell{font-weight:600;color:#059669}.status-badge.pending{background:#fef3c7;color:#92400e}@media(max-width:768px){.venta-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:900px}.pagination{flex-direction:column;gap:12px}}.venta-detalle-page{padding:24px 32px;min-height:100vh;background:#f8fafc}.header-right{display:flex;gap:12px}.estado-badge-large{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:24px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.estado-badge-large.estado-pagada{background:#d1fae5;color:#065f46}.estado-badge-large.estado-pendiente{background:#fef3c7;color:#92400e}.estado-badge-large.estado-cancelada{background:#fee2e2;color:#991b1b}.estado-badge-large.estado-reembolsada{background:#e0e7ff;color:#3730a3}.estado-badge-large.estado-default{background:#f1f5f9;color:#64748b}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000000f}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.summary-icon.total{background:#d1fae5;color:#059669}.summary-icon.fecha{background:#fef3c7;color:#d97706}.summary-icon.items{background:#e0e7ff;color:#4f46e5}.summary-icon.factura{background:#dbeafe;color:#2563eb}.summary-info{display:flex;flex-direction:column;gap:2px;min-width:0}.summary-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.summary-value{font-size:1.25rem;font-weight:700;color:#1e293b;word-break:break-word}.summary-value.small{font-size:.9375rem;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.detail-card.full-width{grid-column:1 / -1}.detail-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.detail-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#aed1e4;border-radius:8px;color:#1e293b}.detail-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.detail-card-body{padding:20px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f5f9}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{font-size:.8125rem;font-weight:500;color:#64748b;flex-shrink:0}.detail-value{font-size:.875rem;color:#1e293b;font-weight:500;text-align:right;word-break:break-word}.detail-value.code{font-family:Monaco,Consolas,monospace;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:.8125rem}.detail-value.discount{color:#059669;font-weight:600}.tipo-badge,.origen-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tipo-badge.nueva,.tipo-badge.renovacion{background:#dbeafe;color:#1d4ed8}.tipo-badge.upgrade{background:#d1fae5;color:#065f46}.origen-badge.web{background:#e0e7ff;color:#4f46e5}.origen-badge.admin{background:#fef3c7;color:#92400e}.origen-badge.alianza{background:#fce7f3;color:#be185d}.origen-badge.referido{background:#d1fae5;color:#065f46}.items-table-container{overflow-x:auto;margin:0 -20px -20px}.items-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:700px}.items-table thead{background:#f8fafc}.items-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.items-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.items-table tbody tr:hover{background:#aed1e414}.items-table td.center{text-align:center}.items-table td.right{text-align:right}.items-table td.total{font-weight:700;color:#059669}.items-table td.discount{color:#059669}.item-producto{display:flex;flex-direction:column;gap:2px}.item-nombre{font-weight:600;color:#1e293b}.item-plan{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.items-table tfoot{background:#f8fafc}.items-table tfoot tr{border-top:2px solid #e5e7eb}.items-table tfoot td{padding:10px 16px;font-weight:500;color:#64748b}.items-table tfoot td.right{text-align:right}.items-table tfoot td.total{font-weight:700;color:#059669;font-size:1rem}.items-table tfoot td.discount{color:#059669}.subtotal-row td,.descuento-row td,.iva-row td{font-weight:500}.total-row td{font-weight:700!important;font-size:1rem!important;border-top:1px solid #e5e7eb;padding-top:12px!important}.notas-text{font-size:.875rem;color:#475569;line-height:1.6;margin:0;white-space:pre-wrap;background:#f8fafc;padding:16px;border-radius:8px}.full-width{grid-column:1 / -1}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.venta-detalle-page{padding:16px}.page-header{flex-direction:column;gap:16px}.header-right{width:100%}.estado-badge-large{width:fit-content}.page-title{font-size:1.25rem}.summary-cards,.detail-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{text-align:left}.items-table-container{margin:0 -20px -20px;padding:0}}.producto-listado-page{padding:24px;max-width:100%}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:180px}.btn-new-producto{background:#aed1e4;color:#1e293b;border:none;width:42px;height:42px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-new-producto:hover{background:#96c1d6;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.codigo-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:600;font-family:monospace}.titulo-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.titulo-text{font-weight:500}.web-badge{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.categoria-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.categoria-badge.salud{background:#d1fae5;color:#065f46}.categoria-badge.facturacion{background:#dbeafe;color:#1e40af}.tipo-badge.servicio{background:#e0e7ff;color:#4f46e5}.tipo-badge.producto{background:#fef3c7;color:#92400e}.planes-count{font-weight:600;color:#059669;text-align:center}.orden-cell{font-family:monospace;color:#64748b}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:450px;width:90%;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.modal-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon.activar{background:#d1fae5;color:#059669}.modal-icon.desactivar{background:#fee2e2;color:#dc2626}.modal-text h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#1e293b}.modal-text p{margin:0;font-size:.875rem;color:#64748b;line-height:1.6}.modal-text strong{color:#1e293b}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.modal-btn.cancel:hover{background:#f8fafc;border-color:#cbd5e1}.modal-btn.confirm{border:none;color:#fff}.modal-btn.confirm.activar{background:#059669}.modal-btn.confirm.activar:hover{background:#047857}.modal-btn.confirm.desactivar{background:#dc2626}.modal-btn.confirm.desactivar:hover{background:#b91c1c}@media(max-width:768px){.producto-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:900px}.pagination{flex-direction:column;gap:12px}}.producto-nuevo-page{padding:24px 32px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left{display:flex;align-items:flex-start;gap:16px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;flex-shrink:0}.page-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 4px}.page-subtitle{font-size:.875rem;color:#64748b;margin:0}.stats-section{display:flex;gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:180px}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stat-icon.planes{background:#dbeafe;color:#2563eb}.stat-icon.planes-activos{background:#d1fae5;color:#059669}.stat-icon.ventas{background:#fef3c7;color:#d97706}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.loading-container p{color:#64748b;font-size:.875rem}.loading-spinner{width:32px;height:32px;border:3px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite}.form-container{display:flex;flex-direction:column;gap:24px}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.form-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.form-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#aed1e4;border-radius:8px;color:#1e293b}.form-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.form-card-body{padding:20px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-group.full-width{flex:1 1 100%}.form-group.checkbox-group{flex-direction:row;align-items:center}.form-label{font-size:.8125rem;font-weight:500;color:#374151}.form-label .required{color:#dc2626;margin-left:2px}.form-input,.form-select{padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;min-height:42px;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.form-input::placeholder{color:#94a3b8}.form-input.uppercase{text-transform:uppercase}.form-input.error,.form-select.error{border-color:#dc2626}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #dc262626}.form-input:disabled,.form-select:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:36px;cursor:pointer}.color-input-wrapper{display:flex;gap:8px;align-items:center}.form-input-color{width:42px;height:42px;padding:4px;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff}.form-input-color::-webkit-color-swatch-wrapper{padding:0}.form-input-color::-webkit-color-swatch{border:none;border-radius:4px}.form-input-color:disabled{opacity:.6;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#aed1e4}.checkbox-text{font-size:.875rem;color:#374151}.form-error{font-size:.75rem;color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-cancel{padding:12px 24px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit{padding:12px 24px;border:none;border-radius:8px;background:#aed1e4;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-submit:hover:not(:disabled){background:#96c1d6;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit .spinner{width:16px;height:16px;border:2px solid rgba(30,41,59,.3);border-top-color:#1e293b;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.producto-nuevo-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-title{font-size:1.25rem}.stats-section,.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.factura-listado-page{padding:24px;max-width:100%}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#aed1e4;color:#1e293b;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#8bb9d4;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:160px}.cufe-cell{max-width:180px}.cufe-text{font-size:.75rem;font-family:monospace;color:#64748b;cursor:help}.cufe-empty{color:#94a3b8}@media(max-width:768px){.factura-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:900px}.pagination{flex-direction:column;gap:12px}}.btn-new-client{background:#aed1e4;color:#1e293b;border:none;width:42px;height:42px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-new-client:hover{background:#96c1d6;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.btn-new-client:active{transform:translateY(0)}.factura-detalle-page{padding:24px;max-width:1200px;margin:0 auto}.cufe-value{font-family:monospace;font-size:.8125rem!important;word-break:break-all;background:#f8fafc;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0}.totales-card{max-width:400px;margin-left:auto}.totales-grid{display:flex;flex-direction:column;gap:12px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.total-row span:first-child{color:#64748b;font-size:.875rem}.total-row span:last-child{font-weight:500;color:#1e293b}.total-row .negative{color:#dc2626}.total-row .positive{color:#059669}.total-row.total-final{border-top:2px solid #e2e8f0;padding-top:16px;margin-top:8px}.total-row.total-final span:first-child{font-weight:600;color:#1e293b}.total-row.total-final span:last-child{font-size:1.25rem;font-weight:700;color:#059669}@media(max-width:768px){.factura-detalle-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;justify-content:center}.info-grid{grid-template-columns:1fr}.totales-card{max-width:100%}}.nota-listado-page{padding:24px;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 4px}.header-title p{font-size:.875rem;color:#64748b;margin:0}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:160px}.numero-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:600;font-family:monospace}.cliente-info{display:flex;flex-direction:column;gap:2px}.cliente-nombre{font-weight:500}.cliente-documento{font-size:.75rem;color:#64748b}.factura-ref{font-size:.8125rem;color:#64748b;font-family:monospace}.tipo-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.tipo-credito{background:#dcfce7;color:#166534}.tipo-debito{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:6px;align-items:center}.action-btn.send:hover{border-color:#34d399;color:#059669}.action-btn.menu:hover{border-color:#aed1e4;color:#4a7c8d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite}.action-menu-container{position:relative}.action-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:200px;overflow:hidden}.action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:#fff;color:#1e293b;font-size:.875rem;text-align:left;cursor:pointer;transition:background .15s ease}.action-menu button:hover{background:#aed1e426}.action-menu button svg{color:#64748b}@media(max-width:1024px){.filters-grid{flex-direction:column;align-items:stretch}.filter-group.search-box{min-width:100%}.filter-select{width:100%}.page-header{flex-direction:column;gap:16px;align-items:flex-start}}@media(max-width:768px){.nota-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:800px}.pagination{flex-direction:column;gap:12px}}.nota-detalle-page{padding:24px;max-width:1200px;margin:0 auto}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite}.error-container p{font-size:1.125rem;font-weight:500;color:#1e293b;margin:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f8fafc;border-color:#aed1e4;color:#1e293b}.header-info{display:flex;align-items:center;gap:12px}.header-info h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:#aed1e4;color:#1e293b;border:none}.btn-primary:hover:not(:disabled){background:#8bb9d4;transform:translateY(-1px);box-shadow:0 4px 12px #aed1e466}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#1e293b;border:1.5px solid #e5e7eb}.btn-secondary:hover{background:#f8fafc;border-color:#aed1e4}.btn-spinner{width:16px;height:16px;border:2px solid rgba(30,41,59,.3);border-top-color:#1e293b;border-radius:50%;animation:spin .8s linear infinite}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.section-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.info-item span{font-size:.9375rem;color:#1e293b}.estado-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.estado-aprobado{background:#d1fae5;color:#065f46}.estado-pendiente{background:#fef3c7;color:#92400e}.estado-borrador{background:#e0e7ff;color:#3730a3}.estado-rechazado,.estado-error{background:#fee2e2;color:#991b1b}.estado-enviandose{background:#dbeafe;color:#1e40af}.estado-default{background:#f1f5f9;color:#475569}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:#f8fafc}.data-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e2e8f0}.data-table td{padding:12px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table .text-right{text-align:right}.codigo-badge{display:inline-block;padding:3px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:.75rem;font-family:monospace}.total-cell{font-weight:600;color:#059669}.observaciones-text{color:#475569;line-height:1.6;margin:0;white-space:pre-wrap}@media(max-width:768px){.nota-detalle-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;justify-content:center}.info-grid{grid-template-columns:1fr}}.soporte-listado-page{padding:24px;max-width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header-left{display:flex;align-items:center;gap:16px}.page-header h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.ticket-count{padding:4px 12px;background:#f1f5f9;border-radius:20px;font-size:.8125rem;color:#64748b;font-weight:500}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.filters-grid{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group.search-box{flex:1;min-width:250px}.filter-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 40px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;min-height:42px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.search-input::placeholder{color:#94a3b8}.filter-select{padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:400;color:#1e293b;background:#fff;min-width:140px;min-height:42px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;line-height:1.2}.filter-select:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.filter-select:hover{border-color:#aed1e4}.filter-select[readonly]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px 18px!important;cursor:pointer!important;min-width:180px}.filter-actions{flex-direction:row;align-items:flex-end}.clear-filters-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#f8fafc;border-color:#aed1e4;color:#0f172a}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;font-weight:400}.data-table thead{background:#f1f5f9}.data-table th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e2e8f0}.data-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr{transition:all .15s ease}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr:nth-child(2n){background:#f8fafc80}.data-table tbody tr:hover{background:#aed1e414;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.data-table tbody tr:last-child td{border-bottom:none}.ticket-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:600;font-family:monospace}.solicitante-cell{min-width:150px}.solicitante-info{display:flex;flex-direction:column;gap:2px}.solicitante-nombre{font-weight:500;color:#1e293b}.solicitante-email{font-size:.75rem;color:#64748b}.asunto-cell{max-width:250px}.asunto-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tercero-nombre{display:block;font-size:.75rem;color:#64748b;margin-top:2px}.categoria-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase}.prioridad-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.estado-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;color:#fff}.asignado-cell{min-width:120px}.asignado-nombre{font-weight:500;color:#1e293b}.sin-asignar{color:#94a3b8;font-style:italic;font-size:.8125rem}.mensajes-info{display:flex;flex-direction:column;gap:2px;align-items:center}.mensajes-total{font-weight:600;color:#475569}.mensajes-sin-leer{font-size:.7rem;color:#dc2626;font-weight:500;background:#fef2f2;padding:2px 6px;border-radius:10px}.fecha-cell{min-width:100px}.fecha-creacion{display:block;font-size:.8125rem;color:#1e293b}.ultima-actividad{display:block;font-size:.7rem;color:#94a3b8;margin-top:2px}.action-buttons{display:flex;gap:6px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.action-btn.view:hover{border-color:#aed1e4;color:#4a7c8d}.loading-cell,.empty-cell{text-align:center;padding:60px 20px!important;color:#94a3b8}.loading-spinner{width:28px;height:28px;border:3px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state svg{color:#c6c7ca}.empty-state p{font-weight:500;color:#64748b;margin:0}.empty-state span{font-size:.8125rem;color:#94a3b8}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;box-shadow:0 1px 3px #0000000a}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#aed1e4;color:#1e293b}.pagination-btn.active{background:#aed1e4;color:#1e293b;border-color:#aed1e4;font-weight:500}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:0 8px;color:#94a3b8}@media(max-width:1024px){.filters-grid{flex-direction:column;align-items:stretch}.filter-group.search-box{min-width:100%}.filter-select{width:100%}}@media(max-width:768px){.soporte-listado-page{padding:16px}.table-container{overflow-x:auto}.data-table{min-width:1000px}.pagination{flex-direction:column;gap:12px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}}.soporte-detalle-page{padding:24px;max-width:100%;height:calc(100vh - 80px);display:flex;flex-direction:column}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid rgba(174,209,228,.3);border-top-color:#aed1e4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container svg{color:#dc2626}.error-container p{font-size:1.125rem;font-weight:500;color:#475569;margin:0}.error-container button{padding:10px 20px;background:#aed1e4;color:#1e293b;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.error-container button:hover{background:#9ac4d9}.ticket-header{display:flex;align-items:center;gap:24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#aed1e4;color:#1e293b}.ticket-title-section{flex:1}.ticket-numero{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:600;font-family:monospace;margin-bottom:4px}.ticket-asunto{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.ticket-actions{display:flex;gap:12px}.ticket-actions .action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ticket-actions .action-btn:hover:not(:disabled){background:#f8fafc;border-color:#aed1e4;color:#1e293b}.ticket-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.ticket-actions .action-btn.cerrar:hover:not(:disabled){border-color:#fca5a5;background:#fef2f2;color:#dc2626}.ticket-content{display:flex;gap:24px;flex:1;overflow:hidden}.ticket-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000a}.info-card h3{font-size:.8125rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.025em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8fafc}.info-row:last-child{border-bottom:none}.info-label{font-size:.8125rem;color:#64748b}.info-value{font-size:.8125rem;font-weight:500;color:#1e293b;text-align:right}.info-value.email{font-size:.75rem;color:#3b82f6}.info-value.alianza{color:#8b5cf6}.info-value .sin-asignar{color:#94a3b8;font-style:italic;font-weight:400}.estado-badge,.prioridad-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;color:#fff}.historial-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.historial-btn:hover{background:#f1f5f9;color:#475569}.historial-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;max-height:300px;overflow-y:auto}.historial-item{padding:10px;border-bottom:1px solid #f1f5f9;font-size:.8125rem}.historial-item:last-child{border-bottom:none}.historial-tipo{font-weight:600;color:#475569;text-transform:uppercase;font-size:.7rem;margin-bottom:4px}.historial-cambio{display:flex;align-items:center;gap:8px;margin-bottom:4px}.valor-anterior{color:#dc2626;text-decoration:line-through}.valor-nuevo{color:#059669;font-weight:500}.arrow{color:#94a3b8}.historial-autor{color:#64748b;font-size:.75rem}.historial-fecha{color:#94a3b8;font-size:.7rem}.chat-section{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.descripcion-inicial{padding:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.descripcion-header{margin-bottom:8px}.descripcion-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.descripcion-content{font-size:.875rem;color:#1e293b;line-height:1.6;white-space:pre-wrap}.chat-container{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#fafafa}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#94a3b8}.no-messages svg{color:#c6c7ca}.no-messages p{font-weight:500;color:#64748b;margin:0}.no-messages span{font-size:.8125rem;color:#94a3b8}.mensaje{max-width:75%;padding:12px 16px;border-radius:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mensaje-cliente{align-self:flex-start;background:#fff;border:1px solid #e2e8f0}.mensaje-empleado{align-self:flex-end;background:#aed1e4;border:1px solid #9ac4d9}.mensaje-interno{background:#fef3c7!important;border-color:#fcd34d!important}.mensaje-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.mensaje-autor{font-size:.75rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}.badge-alianza{padding:2px 6px;background:#8b5cf6;color:#fff;border-radius:4px;font-size:.625rem;font-weight:500}.badge-interno{padding:2px 6px;background:#f59e0b;color:#fff;border-radius:4px;font-size:.625rem;font-weight:500}.mensaje-fecha{font-size:.7rem;color:#94a3b8}.mensaje-contenido{font-size:.875rem;color:#1e293b;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mensaje-adjuntos{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.adjunto-link{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#3b82f6;font-size:.75rem;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .2s ease}.adjunto-link:hover{background:#fffc}.adjunto-size{color:#94a3b8}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:12px;font-size:.8125rem;color:#64748b;align-self:flex-start}.typing-dots span{animation:blink 1.4s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.chat-input-section{padding:16px;background:#fff;border-top:1px solid #e2e8f0}.adjuntos-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.adjunto-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.adjunto-nombre{font-size:.8125rem;color:#475569;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adjunto-tamano{font-size:.7rem;color:#94a3b8}.adjunto-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;transition:all .2s ease}.adjunto-remove:hover{background:#fee2e2;color:#dc2626}.mensaje-options{display:flex;gap:16px;margin-bottom:12px}.option-checkbox{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#64748b;cursor:pointer}.option-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#aed1e4}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;padding:8px 12px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s ease}.attach-btn:hover{background:#e2e8f0;color:#475569}.chat-input{flex:1;padding:8px 0;border:none;background:transparent;font-size:.875rem;color:#1e293b;resize:none;min-height:36px;max-height:120px;line-height:1.4}.chat-input:focus{outline:none}.chat-input::placeholder{color:#94a3b8}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#aed1e4;border:none;border-radius:10px;color:#1e293b;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#9ac4d9;transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.sending-spinner{width:20px;height:20px;border:2px solid rgba(30,41,59,.2);border-top-color:#1e293b;border-radius:50%;animation:spin .8s linear infinite}.ticket-cerrado-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#f1f5f9;border-top:1px solid #e2e8f0;color:#64748b;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#475569;margin-bottom:8px}.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#aed1e4;box-shadow:0 0 0 3px #aed1e440}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#64748b}.btn-secondary:hover{background:#f8fafc;border-color:#aed1e4;color:#1e293b}.btn-primary{background:#aed1e4;border:1.5px solid #aed1e4;color:#1e293b}.btn-primary:hover:not(:disabled){background:#9ac4d9;border-color:#9ac4d9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.ticket-content{flex-direction:column}.ticket-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;overflow-y:visible}.info-card{flex:1;min-width:250px}.chat-section{min-height:500px}}@media(max-width:768px){.soporte-detalle-page{padding:16px;height:auto;min-height:calc(100vh - 80px)}.ticket-header{flex-direction:column;align-items:flex-start;gap:12px}.ticket-actions{width:100%}.ticket-actions .action-btn{flex:1;justify-content:center}.mensaje{max-width:90%}.mensaje-options{flex-direction:column;gap:8px}}:root{--color-primary: #aed1e4;--color-primary-dark: #8bb9d4;--color-primary-darker: #6aa1c4;--color-primary-light: #c9e2ef;--color-primary-lighter: #e4f0f7;--color-secondary: #c6c7ca;--color-secondary-dark: #a8a9ac;--color-secondary-darker: #8a8b8e;--color-secondary-light: #d8d9db;--color-secondary-lighter: #eaebec;--color-success: #4caf50;--color-success-light: #81c784;--color-warning: #ff9800;--color-warning-light: #ffb74d;--color-error: #f44336;--color-error-light: #e57373;--color-info: #2196f3;--color-info-light: #64b5f6;--bg-primary: #ffffff;--bg-secondary: #f5f7f9;--bg-tertiary: #e8eef2;--bg-dark: #2c3e50;--bg-sidebar: #1e2a38;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-muted: #8a9bac;--text-light: #ffffff;--text-on-primary: #2c3e50;--border-color: #dde4ea;--border-color-light: #e8eef2;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-darker)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.toast{position:fixed;top:21px;right:21px;background:#fff;border-radius:11px;padding:14px 18px;box-shadow:0 9px 14px -3px #0000001a,0 4px 5px -2px #0000000d;border-left:4px solid #10b981;z-index:9999;transform:translate(400px);transition:all .3s ease;font-weight:500;font-size:14px;color:#1e293b;max-width:350px}.toast.show{transform:translate(0)}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:#3b82f6}.toast.warning{border-left-color:#f59e0b}