.brand{display:flex;align-items:center;font-size:1.6rem;color:var(--color-white)}.navbar{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 20px;background-color:var(--color-primary)}.buttons-container{display:flex;gap:10px}.buttons-container button{padding:10px 20px;border:none;border-radius:5px;background-color:transparent}.buttons-container button:hover{cursor:pointer}.icon{font-size:1.6rem;color:var(--color-septenary);transition:all .3s ease-in-out}.icon:hover{color:var(--color-tertiary)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(180deg,#1f2a38,#1a2332);border-right:1px solid #324357;z-index:1000;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #00000026;overflow:hidden}.sidebar--collapsed{width:80px}.sidebar--mobile{width:100%;max-width:320px;transform:translate(-100%)}.sidebar--mobile.sidebar--expanded{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar__toggle-container{margin-top:auto;padding:1rem;border-top:1px solid var(--color-border-light);display:flex;justify-content:center}.sidebar__toggle-button{width:40px;height:40px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);cursor:pointer;color:var(--color-text-secondary);transition:all .3s ease;z-index:1001;font-size:0;display:flex;align-items:center;justify-content:center}.sidebar__toggle-button svg{width:20px;height:20px;stroke-width:2.5;transition:all .2s ease;color:var(--color-text-secondary);stroke:currentColor}.sidebar__toggle-button:hover{background:#ff8c00;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #ff8c004d;border-color:#ff8c00}.sidebar__toggle-button:hover svg{transform:scale(1.1);color:#fff;stroke:currentColor}.sidebar__toggle-button:active{transform:scale(.95)}.sidebar__hamburger--collapsed{background:#ff8c00;border-color:#ff8c00}.sidebar__hamburger--collapsed .sidebar__hamburger-line{background:#ff8c00}.sidebar__hamburger--collapsed:hover .sidebar__hamburger-line{background:#fff}.sidebar__hamburger--collapsed .sidebar__hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar__hamburger--collapsed .sidebar__hamburger-line:nth-child(2){opacity:0}.sidebar__hamburger--collapsed .sidebar__hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.sidebar__header{padding:24px 20px;border-bottom:1px solid #324357;min-height:100px;display:flex;align-items:center}.sidebar__brand{display:flex;align-items:center;gap:16px;width:100%}.sidebar__logo{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid #324357;transition:all .3s ease}.sidebar--collapsed .sidebar__logo{width:40px;height:40px}.sidebar__brand-text{flex:1;min-width:0}.sidebar__title{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.2}.sidebar__subtitle{font-size:12px;color:#909497;margin:4px 0 0;line-height:1.2}.sidebar__notification-banner{margin:16px 20px;padding:16px;background:linear-gradient(135deg,#ff8c00,#e67e00);border-radius:12px;color:#1f2a38;animation:slideIn .3s ease}.notification-banner__content{display:flex;align-items:center;gap:12px;margin-bottom:12px}.notification-banner__icon{flex-shrink:0}.notification-banner__text{font-size:14px;font-weight:500;margin:0;line-height:1.4}.notification-banner__actions{display:flex;gap:8px}.notification-banner__button{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-banner__button--accept{background:#1f2a38;color:#fff}.notification-banner__button--accept:hover{background:#0f1419;transform:translateY(-1px)}.notification-banner__button--dismiss{background:transparent;color:#1f2a38;border:1px solid #1f2a38}.notification-banner__button--dismiss:hover{background:#1f2a381a}.sidebar__navigation{flex:1;padding:20px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#324357 transparent}.sidebar__navigation::-webkit-scrollbar{width:4px}.sidebar__navigation::-webkit-scrollbar-track{background:transparent}.sidebar__navigation::-webkit-scrollbar-thumb{background:#324357;border-radius:2px}.sidebar__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar__menu-item{margin:0;padding:0 20px}.sidebar--collapsed .sidebar__menu-item{padding:0 10px}.sidebar__link{width:100%;padding:16px;background:transparent;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.sidebar--collapsed .sidebar__link{padding:12px;justify-content:center}.sidebar__link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#ff8c00;transform:scaleY(0);transition:transform .3s ease}.sidebar__link:hover{background:#ff8c001a;color:#ff8c00;transform:translate(4px)}.sidebar__link--active{background:#ff8c0026;color:#ff8c00}.sidebar__link--active:before{transform:scaleY(1)}.sidebar__link-content{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.sidebar--collapsed .sidebar__link-content{justify-content:center;gap:0}.sidebar__icon{flex-shrink:0;transition:all .3s ease}.sidebar__link:hover .sidebar__icon{transform:scale(1.1)}.sidebar__label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__notification{flex-shrink:0;margin-left:8px}.sidebar--collapsed .sidebar__link{position:relative}.sidebar--collapsed .sidebar__link:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:8px 12px;background:#2a3b4f;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;z-index:1002;box-shadow:0 4px 12px #0003;animation:tooltipFadeIn .2s ease}.sidebar__user-info{margin-top:16px;padding:16px;background:#ff8c000d;border:1px solid rgba(255,140,0,.2);border-radius:12px;transition:all .3s ease}.sidebar--collapsed .sidebar__user-info{padding:12px;text-align:center}.sidebar__user-avatar{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.sidebar__user-avatar:hover{background:#ff8c001a;border-radius:8px;padding:8px;margin:-8px}.user-avatar__circle{width:40px;height:40px;background:linear-gradient(135deg,#ff8c00,#e67e00);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ff8c004d}.user-avatar__icon{color:#fff;width:20px;height:20px}.sidebar__user-details{flex:1;min-width:0}.user-details__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.user-details__label{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.user-details__icon{flex-shrink:0;color:#ff8c00}.user-details__chevron{flex-shrink:0;color:#909497;transition:transform .2s ease}.sidebar__user-avatar:hover .user-details__chevron{transform:translate(2px);color:#ff8c00}.user-details__version{font-size:12px;color:#909497;font-weight:500}.sidebar--collapsed .sidebar__user-details{display:none}.sidebar--collapsed .sidebar__user-avatar{position:relative}.sidebar--collapsed .sidebar__user-avatar:after{content:"Admin\a Dashboard v2.1.0";position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:8px 12px;background:#1f2a38;color:#fff;font-size:12px;border-radius:6px;white-space:pre;line-height:1.4;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;border:1px solid #324357}.sidebar--collapsed .sidebar__user-avatar:hover:after{opacity:1;visibility:visible}.sidebar__footer{padding:20px;border-top:1px solid #324357;display:flex;flex-direction:column;gap:12px}.sidebar--collapsed .sidebar__footer{padding:12px}.sidebar__notification-toggle{width:100%;padding:16px;background:transparent;border:2px dashed #324357;border-radius:12px;color:#909497;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;justify-content:center}.sidebar--collapsed .sidebar__notification-toggle{padding:12px;gap:0}.sidebar__notification-toggle:hover{border-color:#ff8c00;color:#ff8c00;background:#ff8c000d}.sidebar__notification-icon{flex-shrink:0}.sidebar__notification-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__toggle{width:100%;padding:12px;background:#ff8c001a;border:2px solid #ff8c00;border-radius:8px;color:#ff8c00;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.sidebar--collapsed .sidebar__toggle{padding:8px}.sidebar--collapsed .sidebar__toggle span{display:none}.sidebar__toggle:hover{background:#ff8c00;color:#1f2a38;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c004d}.sidebar__toggle:active{transform:translateY(0)}.sidebar__toggle svg{width:20px;height:20px;transition:transform .2s ease}.sidebar__toggle:hover svg{transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes pulse-notification{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 768px){.sidebar__hamburger,.sidebar__hamburger--collapsed{left:20px!important}.sidebar__menu-item{padding:0 16px}.sidebar__header{padding:20px 16px}.sidebar__footer{padding:16px}.sidebar__notification-banner{margin:16px}}@media (max-width: 480px){.sidebar--mobile{max-width:100%}.sidebar__brand-text{display:none}.sidebar__logo{width:40px;height:40px}}.sidebar__link:focus-visible,.sidebar__toggle:focus-visible,.sidebar__notification-toggle:focus-visible,.notification-banner__button:focus-visible{outline:2px solid #ff8c00;outline-offset:2px}@media (prefers-contrast: high){.sidebar{border-right:2px solid #ffffff}.sidebar__link{border:1px solid transparent}.sidebar__link--active{border-color:#ff8c00}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar__link,.sidebar__toggle,.sidebar__icon,.sidebar__logo{transition:none}.sidebar__link:hover{transform:none}}.sidebar__user-info{position:relative}.sidebar__admin-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#1f2a38;border:1px solid #324357;border-radius:8px;box-shadow:0 6px 16px #00000040;opacity:0;transform:translateY(10px);visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:1001;width:260px;margin-top:100px;margin-left:-10px}.sidebar__admin-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.sidebar__dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;background:transparent;color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.sidebar__dropdown-item:hover{background:#ffffff0d;color:#ff8c00}.sidebar__dropdown-item.logout{color:#ff6b6b;border-top:1px solid rgba(255,255,255,.05)}.sidebar__dropdown-item.logout:hover{background:#ff6b6b1a;color:#ff6b6b}.user-details__chevron.open{transform:rotate(90deg)}.sidebar__notification-container{position:relative;margin-bottom:12px}.sidebar__notification-bell{width:100%;padding:12px 16px;background:#ff8c001a;border:2px solid #ff8c00;border-radius:8px;color:#ff8c00;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;position:relative}.sidebar--collapsed .sidebar__notification-bell{padding:12px;gap:0}.sidebar--collapsed .sidebar__notification-bell span{display:none}.sidebar__notification-bell:hover{background:#ff8c0033;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c004d}.sidebar__notification-bell-icon{flex-shrink:0}.sidebar__notification-badge{position:absolute;top:4px;right:8px;background:#e74c3c;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;border:2px solid #1f2a38;box-shadow:0 2px 4px #0003;animation:pulse 2s infinite}.sidebar--collapsed .sidebar__notification-badge{right:4px}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.sidebar__notification-dropdown{position:fixed;width:320px;max-height:400px;background:linear-gradient(135deg,#1f2a38,#1a2332);border:1px solid #324357;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:9999;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar__notification-header{padding:16px 20px;border-bottom:1px solid #324357;display:flex;justify-content:space-between;align-items:center;background:#ff8c000d}.sidebar__notification-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.sidebar__notification-clear{background:none;border:none;color:#ff8c00;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .3s ease}.sidebar__notification-clear:hover{background:#ff8c001a;color:#fa3}.sidebar__notification-list{max-height:320px;overflow-y:auto;padding:8px 0}.sidebar__notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#a0a9b8;text-align:center}.sidebar__notification-empty svg{margin-bottom:12px;opacity:.5}.sidebar__notification-empty p{margin:0;font-size:14px}.sidebar__notification-item{padding:12px 20px;border-bottom:1px solid rgba(50,67,87,.3);cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:12px;position:relative}.sidebar__notification-item:hover{background:#ff8c000d}.sidebar__notification-item.unread{background:#ff8c0008;border-left:3px solid #ff8c00}.sidebar__notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ff4757;border-radius:50%}.sidebar__notification-content{flex:1;min-width:0}.sidebar__notification-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3}.sidebar__notification-message{font-size:12px;color:#a0a9b8;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.sidebar__notification-time{font-size:11px;color:#ff8c00;font-weight:500}.sidebar__notification-type-icon{color:#ff8c00;margin-top:2px;flex-shrink:0}.sidebar__notification-list::-webkit-scrollbar{width:6px}.sidebar__notification-list::-webkit-scrollbar-track{background:#3243574d;border-radius:3px}.sidebar__notification-list::-webkit-scrollbar-thumb{background:#ff8c004d;border-radius:3px}.sidebar__notification-list::-webkit-scrollbar-thumb:hover{background:#ff8c0080}.sidebar__menu-item-container{display:flex;align-items:center;gap:12px;width:100%}.sidebar__link{flex:1;position:relative}.sidebar__notification-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.sidebar__notification-bell-button{background:linear-gradient(135deg,#1a2332cc,#1f2a38e6);border:1px solid rgba(255,140,0,.2);border-radius:10px;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;width:44px;height:44px}.sidebar__notification-bell-button:hover{background:linear-gradient(135deg,#ff8c0026,#ff8c001a);border-color:#ff8c0099;transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0033}.sidebar__notification-bell-button .sidebar__notification-icon{color:#ff8c00;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(255,140,0,.3))}.sidebar__notification-bell-button:hover .sidebar__notification-icon{transform:scale(1.1) rotate(-10deg);filter:drop-shadow(0 0 8px rgba(255,140,0,.5))}.sidebar__collapsed-notification-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border-radius:12px;font-size:11px;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #1f2a38;box-shadow:0 2px 12px #ff475780;animation:pulse 2s infinite;z-index:10}.sidebar--collapsed .sidebar__menu-item-container{gap:0;align-items:center;justify-content:center;flex-direction:column}.sidebar--collapsed .sidebar__link{width:100%;justify-content:center}.sidebar--collapsed .sidebar__icon-container{position:relative;display:flex;align-items:center;justify-content:center}.sidebar--collapsed .sidebar__collapsed-notification-badge{top:-6px;right:-6px;min-width:18px;height:18px;font-size:10px;border-radius:10px}.sidebar--collapsed .sidebar__notification-icon-wrapper{display:none}.push-notification-banner{position:fixed;top:20px;right:20px;width:100%;max-width:420px;background:linear-gradient(135deg,#1f2a38,#2c3e50);border:1px solid #324357;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1050;animation:slideInFromRight .5s ease-out;overflow:hidden}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.push-banner-content{display:flex;align-items:flex-start;gap:16px;padding:20px;position:relative}.push-banner-icon{flex-shrink:0;width:48px;height:48px;background:#ff8c001a;border:2px solid #ff8c00;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff8c00}.push-banner-text{flex:1;min-width:0}.push-banner-text h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600;line-height:1.2}.push-banner-text p{margin:0 0 16px;color:#b0bec5;font-size:14px;line-height:1.4}.push-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.push-banner-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.push-banner-button--accept{background:#4caf50;color:#fff}.push-banner-button--accept:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.push-banner-button--accept:disabled{opacity:.7;cursor:not-allowed;transform:none}.push-banner-button--dismiss{background:#ffffff1a;color:#b0bec5;border:1px solid rgba(255,255,255,.2)}.push-banner-button--dismiss:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.push-banner-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#b0bec5;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.push-banner-close:hover{background:#fff3;color:#fff}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.push-notification-banner{top:10px;right:10px;left:10px;max-width:none}.push-banner-content{padding:16px;gap:12px}.push-banner-icon{width:40px;height:40px}.push-banner-text h4{font-size:15px}.push-banner-text p{font-size:13px}.push-banner-actions{flex-direction:column;gap:6px}.push-banner-button{width:100%;justify-content:center;padding:10px 16px}}@media (prefers-color-scheme: dark){.push-notification-banner{border-color:#37474f}}:root{--login-background: #1F1F1F}.login-title{font-size:1.8rem;font-weight:700;color:#f97316}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#1e293b}.login-form-title{color:#e2e8f0}.login-container{flex:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.form-box{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:30px 40px;width:100%;max-width:600px;box-shadow:0 8px 25px #00000026;text-align:center}.login-form input{width:100%;padding:12px;margin-top:45px;border:1px solid #334155;border-radius:8px;background-color:#111827;color:#e2e8f0;transition:border-color .2s ease}.login-form input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.password-container{position:relative}.password-container .password-toggle-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);margin-top:18px;cursor:pointer;color:#94a3b8;font-size:16px;transition:color .2s ease;z-index:10}.password-container .password-toggle-icon:hover{color:#f97316}.error-message{color:#ef4444;font-size:14px;margin:10px 0;background-color:#ef44441a;padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.login-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:0 20px}.login-form button{background-color:#f97316;color:#fff;border:none;padding:12px 24px;width:40%;border-radius:8px;margin-top:15px;cursor:pointer;font-weight:600;transition:all .2s ease}.login-form button:hover{background-color:#ea580c;transform:translateY(-1px)}.forgot-link{color:#f97316;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#ea580c;text-decoration:underline}.register-text{margin-top:15px;font-size:14px;color:#e2e8f0;border-left:#f97316 3px solid;padding-left:12px}.forgot-text{margin-top:15px;font-size:14px;color:#e2e8f0}.register-text a{color:#f97316;font-weight:600;text-decoration:none;transition:color .2s ease}.register-text a:hover{color:#ea580c;text-decoration:underline}.recuperar-page{background-color:#1e293b;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.recuperar-container{background-color:#0f172a;border:1px solid #334155;border-radius:12px;padding:30px 40px;text-align:center;box-shadow:0 8px 25px #00000026;width:400px}.recuperar-container h2{color:#e2e8f0;margin-bottom:10px;font-weight:600}.recuperar-container .descripcion{color:#94a3b8;font-size:14px;margin-bottom:20px}.recuperar-container input{width:100%;padding:12px;border:1px solid #334155;border-radius:8px;margin-bottom:15px;font-size:16px;background-color:#111827;color:#e2e8f0;transition:border-color .2s ease}.recuperar-container input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.recuperar-container button{background-color:#f97316;color:#fff;font-weight:600;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px}.recuperar-container button:hover{background-color:#ea580c;transform:translateY(-1px)}.recuperar-container .volver{margin-top:20px;font-size:14px}.recuperar-container .volver a{color:#f97316;text-decoration:none;font-weight:500;transition:color .2s ease}.recuperar-container .volver a:hover{color:#ea580c;text-decoration:underline}.recuperar-notificacion{position:absolute;top:30px;right:30px;background-color:#0f172a;border:1px solid #22c55e;color:#22c55e;padding:12px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #00000026}.verificar-page{background-color:#1e293b;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.verificar-container{background-color:#0f172a;border:1px solid #334155;border-radius:12px;padding:30px 40px;text-align:center;box-shadow:0 8px 25px #00000026;width:400px}.verificar-container h2{color:#e2e8f0;margin-bottom:10px;font-weight:600}.verificar-container .descripcion{color:#94a3b8;font-size:14px;margin-bottom:20px;margin-top:25px}.verificar-container input{width:100%;padding:12px;border:1px solid #334155;border-radius:8px;margin-bottom:15px;font-size:16px;outline:none;margin-top:15px;background-color:#111827;color:#e2e8f0;transition:border-color .2s ease}.verificar-container input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.verificar-error-message{color:#ef4444;font-size:14px;margin-top:5px;background-color:#ef44441a;padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.verificar-container button{background-color:#f97316;color:#fff;font-weight:600;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:60%;font-size:16px;margin-top:35px}.verificar-container button:disabled{background-color:#64748b;cursor:not-allowed;opacity:.6}.verificar-container button:hover:not(:disabled){background-color:#ea580c;transform:translateY(-1px)}.verificar-container .volver{margin-top:20px;font-size:14px}.verificar-container .volver a{color:#f97316;text-decoration:none;font-weight:500;transition:color .2s ease}.verificar-container .volver a:hover{color:#ea580c;text-decoration:underline}.restablecer-page{background-color:#1e293b;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.restablecer-container{background-color:#0f172a;border:1px solid #334155;border-radius:12px;padding:30px 40px;text-align:center;box-shadow:0 8px 25px #00000026;width:400px}.restablecer-container h2{color:#e2e8f0;margin-bottom:10px;font-weight:600}.restablecer-container .descripcion{color:#94a3b8;font-size:14px;margin-bottom:20px}.password-requirements{background-color:#111827;border:1px solid #334155;border-radius:8px;padding:16px;margin:15px 0;text-align:left}.password-requirements h4{color:#e2e8f0;font-size:14px;margin:0 0 10px;font-weight:600}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{color:#94a3b8;font-size:13px;margin:5px 0}.restablecer-container input{width:100%;padding:12px;border:1px solid #334155;border-radius:8px;margin-bottom:15px;font-size:16px;outline:none;margin-top:25px;background-color:#111827;color:#e2e8f0;transition:border-color .2s ease}.restablecer-container input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.restablecer-error-message{color:#ef4444;font-size:14px;margin-top:5px;background-color:#ef44441a;padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.restablecer-container button{background-color:#f97316;color:#fff;font-weight:600;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:60%;font-size:16px;margin-top:45px}.restablecer-container button:disabled{background-color:#64748b;cursor:not-allowed;opacity:.6}.restablecer-container button:hover:not(:disabled){background-color:#ea580c;transform:translateY(-1px)}.restablecer-container .volver{margin-top:20px;font-size:14px}.restablecer-container .volver a{color:#f97316;text-decoration:none;font-weight:500;transition:color .2s ease}.restablecer-container .volver a:hover{color:#ea580c;text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}; :root{--color-primary: #0f172a;--color-secondary: #1e293b;--color-tertiary: #334155;--color-quaternary: #e2e8f0;--color-quinary: #f8fafc;--color-accent: #f97316;--color-success: #B1F6BB;--color-txtsuccess: #007712;--color-warning: #ECFE48;--color-txtwarning: #776D00;--color-danger: #F6B1B1;--color-text: #e2e8f0;--color-septenary: #ffffff;--color-txtdanger: #821717}.container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;gap:0px;height:100vh;width:100vw;background-color:#1e293b;background-color:var(--color-secundary);overflow:hidden}.sidebar-container{display:flex;grid-column:1;grid-row:1;background-color:var(--color-secundary);transition:width .3s ease}.content-container{display:grid;grid-column:2;grid-row:1;background-color:#1e293b;overflow:hidden;min-width:0}.en-proceso{background-color:var(--color-warning);color:var(--color-text)}@media (max-width: 768px){.container{grid-template-columns:1fr;grid-template-rows:auto 1fr;position:relative}.sidebar-container{grid-column:1;grid-row:1;position:fixed;top:0;left:0;z-index:1000;height:100vh;box-shadow:2px 0 8px #0000004d}.content-container{grid-column:1;grid-row:2;margin-left:0;padding-left:80px}}.container,.sidebar-container,.content-container{transition:all .3s ease}.dashboard__container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(14,1fr);background-color:#1e293b;height:100vh;overflow:hidden}.dash__action-bar__container{display:grid;grid-column:span 12 / span 12;grid-row:span 1 / span 1;background-color:#0f172a;padding:10px;border-bottom:#2c3548 solid 1px}.dash__content-container{grid-column:span 12 / span 12;grid-row:span 13 / span 13;background-color:#1e293b;padding:10px;overflow-y:auto;overflow-x:hidden}.dash__content-container::-webkit-scrollbar{width:8px}.dash__content-container::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.dash__content-container::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px;transition:background .2s ease}.dash__content-container::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.dash__content-container{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) #0f172a}.dash__action-bar{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(1,1fr);gap:0px 10px}.dash__act__col-4{display:grid;grid-column:span 4 / span 4;grid-row:span 1 / span 1}.dash__act__col-3{display:grid;grid-column:span 3 / span 3;grid-row:span 1 / span 1}.dash__act__col-6{display:grid;grid-column:span 6 / span 6;grid-row:span 1 / span 1}.dash__act__flex-container{display:flex;flex-direction:row;width:100%;height:100%}.dash__act__flex-container__start{align-items:center;justify-content:start}.dash__act__flex-container__center{align-items:center;justify-content:center}.gap--3{gap:.75rem}.gap--4{gap:1rem}.dash__act__flex-container__end{align-items:center;justify-content:flex-end}.dash__act__btn-container{display:flex;background-color:#1e293b;width:100%;height:100%;align-items:center;justify-content:center;border-radius:5px;padding:0 3px}.dash__act__btn{display:flex;align-items:center;justify-content:center;width:100%;height:70%;background-color:transparent;color:#fff;border-radius:5px;cursor:pointer;border:none;transition:all .2s ease}.dash__act__btn:hover{background-color:#3b82f61a;color:#3b82f6}.dash__act__btn.active{background-color:#3b82f6;color:#fff}.dash__act__btn.active:hover{background-color:#2563eb}.dash__act__select{width:150px;height:40px;background-color:#1e293b;color:#fff;border-radius:5px;cursor:pointer;border:rgb(71 85 105) solid 1px;padding:4px}.dash__act__advFilter{display:flex;align-items:center;justify-content:center;background-color:#1e293b;width:180px;height:40px;border-radius:5px;border:rgb(71 85 105) solid 1px}.dash__act__btn__export{display:flex;align-items:center;justify-content:space-between;background-color:#ea580c;width:150px;height:40px;border-radius:5px;border:rgb(71 85 105) solid 1px;padding:10px;color:#000;margin-right:10px}.dash__act__export__options__container{position:absolute;top:58px;right:16px;background-color:#1e293b;border:rgb(71 85 105/var(--tw-border-opacity,1)) solid 1px;border-radius:5px}.dash__act__export__options{display:flex;flex-direction:column;background-color:#1e293b;border-radius:5px;padding:10px;gap:10px}.dash__act__export__option{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background-color:#1e293b;color:#fff;border-radius:5px;cursor:pointer;outline:none}.dash__act__export__option:hover{background-color:#0f172a;outline:none;border:none}.content__container{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:10px;width:100%;min-height:100%}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:#94a3b8}.coming-soon h3{font-size:2rem;margin-bottom:1rem;color:#e2e8f0}.coming-soon p{font-size:1.1rem;opacity:.8}.info-tooltip-container{position:relative;display:inline-block;z-index:1000}.info-tooltip-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;position:relative;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-tooltip-trigger:hover{background-color:#3b82f61a;color:#3b82f6;transform:scale(1.1);box-shadow:0 2px 8px #3b82f633}.info-tooltip-trigger:focus{outline:2px solid #3b82f6;outline-offset:2px}.info-tooltip-trigger.active{background-color:#3b82f626;color:#3b82f6;transform:scale(1.05)}.info-tooltip-trigger.small{padding:2px;min-width:20px;min-height:20px}.info-tooltip-trigger.medium{padding:4px;min-width:24px;min-height:24px}.info-tooltip-trigger.large{padding:6px;min-width:32px;min-height:32px}.trigger-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;background:#3b82f64d;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.info-tooltip-popup{position:absolute;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.6);border-radius:12px;padding:0;min-width:320px;max-width:420px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #ffffff0d;z-index:1001;animation:tooltipFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:center}.info-tooltip-popup.animating{animation:tooltipPulse .2s ease-out}.info-tooltip-popup.top{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.info-tooltip-popup.bottom{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.info-tooltip-popup.left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.info-tooltip-popup.right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.info-tooltip-popup.compact{min-width:280px;max-width:320px}.info-tooltip-popup.detailed{min-width:380px;max-width:480px}.tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(71,85,105,.3);background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-radius:12px 12px 0 0}.header-content{display:flex;align-items:center;gap:10px}.header-icon{color:#3b82f6;opacity:.8}.tooltip-header h4{margin:0;font-size:16px;font-weight:600;color:#f1f5f9;letter-spacing:-.01em}.close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#94a3b8;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1)}.tooltip-content{padding:0}.tooltip-section{padding:16px 20px;border-bottom:1px solid rgba(71,85,105,.2)}.tooltip-section:last-child{border-bottom:none}.tooltip-section.primary{background:#3b82f608}.tooltip-section.business{background:#10b98108}.tooltip-section.actions{background:#f59e0b08}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.section-header h5{margin:0;font-size:14px;font-weight:600;color:#e2e8f0}.tooltip-section.primary .section-header h5,.tooltip-section.primary .section-header svg{color:#3b82f6}.tooltip-section.business .section-header h5,.tooltip-section.business .section-header svg{color:#10b981}.tooltip-section.actions .section-header h5,.tooltip-section.actions .section-header svg{color:#f59e0b}.tooltip-section p{margin:0;font-size:13px;line-height:1.6;color:#cbd5e1}.action-tips{display:flex;flex-direction:column;gap:8px}.action-tip{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#f59e0b0d;border-radius:6px;border-left:3px solid #f59e0b;transition:all .2s ease}.action-tip:hover{background:#f59e0b14;transform:translate(2px)}.tip-bullet{color:#f59e0b;font-weight:600;font-size:14px;line-height:1.4;min-width:8px}.tip-text{font-size:12px;line-height:1.5;color:#e2e8f0}.tooltip-actions{display:flex;gap:8px;padding:12px 20px;background:#0f172acc;border-top:1px solid rgba(71,85,105,.2);border-radius:0 0 12px 12px}.bookmark-button,.copy-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4755694d;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#cbd5e1;font-size:12px;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.bookmark-button:hover,.copy-button:hover{background:#47556980;border-color:#475569cc;color:#f1f5f9;transform:translateY(-1px)}.bookmark-button.bookmarked{background:#f59e0b33;border-color:#f59e0b80;color:#f59e0b}.bookmark-button.bookmarked:hover{background:#f59e0b4d;border-color:#f59e0bb3}.copy-icon.success{color:#10b981}.copy-icon.error{color:#ef4444}.button-text{font-weight:500}.tooltip-footer{padding:12px 20px;background:#0f172a99;border-radius:0 0 12px 12px;border-top:1px solid rgba(71,85,105,.2)}.footer-text{font-size:11px;color:#64748b;font-style:italic}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes tooltipPulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}to{transform:translate(-50%) scale(1)}}@media (max-width: 768px){.info-tooltip-popup{min-width:280px;max-width:calc(100vw - 40px);font-size:13px}.info-tooltip-popup.detailed{min-width:300px;max-width:calc(100vw - 20px)}.tooltip-header,.tooltip-section{padding:12px 16px}.tooltip-header h4{font-size:15px}.action-tip{padding:6px 10px}.tip-text{font-size:11px}}@media (max-width: 480px){.info-tooltip-popup{position:fixed;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px);overflow-y:auto}}.count__kpi__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:322px;height:130px;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px}.count__kpi__header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 0;width:100%;height:50%}.count__kpi__header h5{color:#fff;font-size:1rem;font-weight:400}.count__kpi__body{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;height:100%;padding:0 20px}.count__kpi__body .count-value{font-size:2rem;font-weight:600;color:#fff}.count__kpi__body .count-comparison{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:500}.count__kpi__body .count-comparison.increase{color:#10b981}.count__kpi__body .count-comparison.decrease{color:#ef4444}.count__kpi__body .count-comparison span:only-child{color:#94a3b8}.count__kpi__body .error-text{color:#ef4444;font-size:.9rem}.count__kpi__body p{color:#94a3b8;font-size:1rem}.avgt__count__kpi__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:322px;height:130px;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px}.avgt__count__kpi__header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 0;width:100%;height:50%}.avgt__count__kpi__header h5{color:#fff;font-size:1rem;font-weight:400}.avgt__count__kpi__body{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;height:100%;padding:0 20px}.avgt__count__kpi__body .avgt__count-value{font-size:2rem;font-weight:600;color:#fff}.avgt__count__kpi__body .avgt__count-comparison{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:500}.avgt__count__kpi__body .avgt__count-comparison.increase{color:#10b981}.avgt__count__kpi__body .avgt__count-comparison.decrease{color:#ef4444}.avgt__count__kpi__body .avgt__count-comparison span:only-child{color:#94a3b8}.avgt__count__kpi__body .error-text{color:#ef4444;font-size:.9rem}.avgt__count__kpi__body p{color:#94a3b8;font-size:1rem}.evolucion-pedidos-container{display:flex;flex-direction:column;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px;height:100%}.evolucion-pedidos-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.evolucion-pedidos-chart{flex:1;min-height:300px;position:relative;display:flex;justify-content:center;align-items:center;padding:10px 5px;margin-top:10px;width:100%;height:400px}.loading-message,.error-message,.no-data-message{color:#565d6c;font-size:1.1rem;text-align:center;width:100%}.evolucion-tooltip{background-color:#1e1e1e;border:1px solid #565d6c;border-radius:6px;padding:10px;box-shadow:0 2px 8px #00000026}.tooltip-label{color:#fff;font-weight:600;margin-bottom:5px;border-bottom:1px solid #565d6c;padding-bottom:5px}.tooltip-value{color:#d1d5db;display:flex;justify-content:space-between}.tooltip-value span{margin-right:10px;color:#9ca3af}@media (max-width: 768px){.evolucion-pedidos-container{padding:15px}.evolucion-pedidos-title{font-size:1.2rem}}.heatmap-container{width:100%;height:100%;padding:20px;background-color:var(--color-primary, #1E1E1E);border-radius:12px;color:var(--color-white, #FFFFFF);font-family:Poppins,sans-serif}.heatmap-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:var(--color-white, #FFFFFF);text-align:center}.heatmap-content{width:100%;height:calc(100% - 60px);display:flex;flex-direction:column;align-items:center}.loading-message,.error-message,.no-data-message{display:flex;align-items:center;justify-content:center;height:300px;font-size:1rem;color:var(--color-gray-light, #9CA3AF)}.heatmap-wrapper{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:10px}.heatmap-hours-labels{display:grid;grid-template-columns:60px repeat(11,1fr);gap:2px;margin-bottom:5px}.hour-label-empty{width:60px}.hour-label{font-size:.75rem;color:var(--color-gray-light, #9CA3AF);text-align:center;font-weight:500}.heatmap-grid{display:flex;flex-direction:column;gap:4px;max-height:400px}.heatmap-row{display:grid;grid-template-columns:50px repeat(11,1fr);gap:4px;align-items:center}.day-label{font-size:.875rem;font-weight:600;color:var(--color-white, #FFFFFF);text-align:center;padding:8px 4px;border-radius:4px;min-width:50px}.heatmap-cell{aspect-ratio:1;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(255,255,255,.1)}.heatmap-cell:hover{transform:scale(1.1);border:1px solid var(--color-white, #FFFFFF);z-index:10;box-shadow:0 2px 8px #0000004d}.cell-value{font-size:.75rem;font-weight:600;color:var(--color-white, #FFFFFF);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:15px;background-color:var(--color-secondary, #2D2D2D);border-radius:8px}.legend-label{font-size:.875rem;color:var(--color-gray-light, #9CA3AF);font-weight:500}.legend-color{width:20px;height:20px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.heatmap-description{margin-top:15px;padding:12px;background-color:var(--color-secondary, #2D2D2D);border-radius:6px;border-left:3px solid var(--color-accent, #3b82f6)}.heatmap-description p{margin:0;font-size:.875rem;color:var(--color-gray-light, #9CA3AF);font-style:italic}@media (max-width: 768px){.heatmap-container{padding:15px}.heatmap-title{font-size:1.125rem}.heatmap-row{grid-template-columns:50px repeat(11,1fr)}.day-label{font-size:.75rem;min-width:40px;padding:6px 2px}.heatmap-cell{min-width:16px;min-height:16px}.cell-value,.hour-label{font-size:.65rem}.heatmap-hours-labels{grid-template-columns:50px repeat(11,1fr)}.hour-label-empty{width:50px}}@media (max-width: 480px){.heatmap-container{padding:10px}.heatmap-title{font-size:1rem;margin-bottom:15px}.heatmap-row{grid-template-columns:40px repeat(11,1fr)}.day-label{font-size:.7rem;min-width:35px;padding:4px 1px}.heatmap-cell{min-width:12px;min-height:12px}.cell-value,.hour-label{font-size:.6rem}.heatmap-hours-labels{grid-template-columns:40px repeat(11,1fr)}.hour-label-empty{width:40px}.legend-color{width:16px;height:16px}.legend-label{font-size:.75rem}}.heatmap-grid::-webkit-scrollbar{width:6px;height:6px}.heatmap-grid::-webkit-scrollbar-track{background:var(--color-secondary, #2D2D2D);border-radius:3px}.heatmap-grid::-webkit-scrollbar-thumb{background:var(--color-gray-light, #9CA3AF);border-radius:3px}.heatmap-grid::-webkit-scrollbar-thumb:hover{background:var(--color-white, #FFFFFF)}.comparativa-entrega-container{width:100%;background-color:#0f172a;border-radius:10px;padding:20px;border:rgb(71 85 105) solid 1px;min-height:300px;color:#fff;font-family:Poppins,sans-serif}.comparativa-entrega-container:before{display:none}.comparativa-entrega-header{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px}.comparativa-entrega-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.comparativa-entrega-content{width:100%}.chart-and-stats{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;height:calc(100% - 80px);width:100%}.pie-chart-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;border-radius:8px;padding:15px;min-height:350px}.stats-container{display:flex;flex-direction:column;gap:15px;height:100%}.stat-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background-color:#1e293b;border-radius:8px;padding:16px;border:1px solid rgb(71 85 105);transition:all .2s ease}.stat-card:before{display:none}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card:hover:before{display:none}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-header h4{color:#e2e8f0;font-size:.875rem;font-weight:500;margin:0}.stat-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.stat-card.local .stat-icon{background-color:#22c55e26;color:#22c55e}.stat-card.domicilio .stat-icon,.stat-icon.total-icon{background-color:#f9731626;color:#f97316}.stat-icon.preferred-icon{background-color:#22c55e26;color:#22c55e}.stat-content{text-align:center}.stat-number{color:#fff;font-size:1.75rem;font-weight:700;margin:4px 0;line-height:1}.stat-number.total-number{color:#94a3b8;font-size:1.5rem}.stat-percentage{color:#94a3b8;font-size:1rem;font-weight:500;margin:2px 0}.stat-label{color:#64748b;font-size:.75rem;font-weight:400;text-transform:lowercase}.preferred-method{display:flex;align-items:center;justify-content:center;gap:6px;color:#22c55e;font-size:.875rem;font-weight:600;margin-top:6px;padding:4px 8px;background-color:#22c55e1a;border-radius:4px}.comparativa-tooltip{background-color:#1e293b;border-radius:6px;padding:12px 16px;box-shadow:0 4px 12px #00000026;border:1px solid rgb(71 85 105);font-family:Poppins,sans-serif;color:#fff;min-width:150px}.tooltip-label{margin:0 0 6px;font-weight:600;font-size:13px;color:#e2e8f0;border-bottom:1px solid rgb(71 85 105);padding-bottom:6px}.tooltip-value,.tooltip-percentage{margin:4px 0;font-size:12px;display:flex;justify-content:space-between;align-items:center;font-weight:500}.tooltip-value span:first-child,.tooltip-percentage span:first-child{color:#94a3b8}.tooltip-value span:last-child,.tooltip-percentage span:last-child{color:#fff;font-weight:600}.loading-message,.error-message,.no-data-message{display:flex;justify-content:center;align-items:center;height:250px;color:#9ca3af;font-size:1rem;font-weight:400;text-align:center}.error-message{color:#ef4444}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item{color:#e2e8f0!important;font-size:13px!important;font-weight:500!important}@media (max-width: 1024px){.chart-and-stats{grid-template-columns:1fr;gap:24px}.pie-chart-container{min-height:320px}}@media (max-width: 768px){.comparativa-entrega-container{padding:16px}.stat-card-row{grid-template-columns:1fr;gap:8px}.stat-card{padding:12px}.stat-number{font-size:1.5rem}.stat-number.total-number{font-size:1.25rem}}.pedidos-graficas__container{display:flex;flex-direction:column;width:100%;gap:20px;padding:20px;height:100%}.pedidos-graficas__body{display:flex;gap:20px;width:100%;margin-top:20px;height:54%}.histogram__container{width:65%;height:100%}.heatmap__container{width:35%;height:100%}.ultimos-pedidos__container{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px}.ultimos-pedidos{width:100%;height:100%;gap:10px}.comparativa-entrega__section{width:100%;display:flex;justify-content:center;margin-top:24px}.comparativa-entrega__container{width:100%;max-width:1200px;height:auto;min-height:450px}@media (max-width: 768px){.comparativa-entrega__section{margin-top:16px}.comparativa-entrega__container{max-width:100%;min-height:400px}}.top-productos-unificado-container{background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;height:100%;display:flex;flex-direction:column;gap:16px}.top-productos-unificado-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgb(71 85 105)}.top-productos-unificado-header .header-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 4px}.top-productos-unificado-header .header-content p{color:#94a3b8;font-size:.875rem;margin:0}.header-controls{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background-color:#4755694d;border-radius:8px;padding:4px;gap:2px}.toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background-color:transparent;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background-color:#47556980;color:#d1d5db}.toggle-btn.active{background-color:#ea580c;color:#fff;font-weight:600}.toggle-btn.active:hover{background-color:#dc2626}.header-icon{color:#ea580c;opacity:.8;display:flex;align-items:center}.top-productos-unificado-container .error-text{color:#ef4444}.top-productos-unificado-container .no-data{display:flex;justify-content:center;align-items:center;flex:1;color:#94a3b8;font-style:italic}.top-productos-unificado-table{flex:1;display:flex;flex-direction:column;gap:8px}.top-productos-unificado-table .table-header{display:grid;gap:12px;align-items:center;padding:12px 16px;background-color:#47556933;border-radius:8px;font-size:.875rem;font-weight:600;color:#d1d5db}.top-productos-unificado-table .table-header>div{display:flex;align-items:center;gap:4px;justify-content:center}.top-productos-unificado-table .table-header .col-product{justify-content:flex-start}.top-productos-unificado-table .table-header svg{color:#94a3b8}.top-productos-unificado-table .table-body{display:flex;flex-direction:column;gap:4px;flex:1}.top-productos-unificado-table .table-row{display:grid;gap:12px;align-items:center;padding:12px 16px;background-color:#1e293b4d;border-radius:8px;transition:all .2s ease;border-left:3px solid transparent}.top-productos-unificado-table .table-row:hover{background-color:#1e293b80;transform:translate(2px)}.top-productos-unificado-table .table-row.top-three{background-color:#ea580c1a;border-left-color:#ea580c}.top-productos-unificado-table .table-row.top-three:hover{background-color:#ea580c26}.top-productos-unificado-table .col-rank{display:flex;justify-content:center;align-items:center}.top-productos-unificado-table .rank-icon{color:#ea580c}.top-productos-unificado-table .rank-icon.rank-1{color:gold}.top-productos-unificado-table .rank-icon.rank-2{color:silver}.top-productos-unificado-table .rank-icon.rank-3{color:#cd7f32}.top-productos-unificado-table .rank-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#47556980;color:#d1d5db;font-weight:600;font-size:.875rem}.top-productos-unificado-table .col-product{min-width:0;justify-self:start}.top-productos-unificado-table .product-name{color:#fff;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.top-productos-unificado-table .col-revenue,.top-productos-unificado-table .col-units,.top-productos-unificado-table .col-orders,.top-productos-unificado-table .col-avg-price{display:flex;justify-content:center;align-items:center}.top-productos-unificado-table .metric-value{color:#d1d5db;font-weight:500;font-size:.875rem}.top-productos-unificado-table .revenue-highlight{color:#ea580c;font-weight:600}.top-productos-unificado-table{animation:fadeIn .3s ease-in-out}@media (max-width: 768px){.top-productos-unificado-container{padding:16px}.top-productos-unificado-header{flex-direction:column;gap:12px;align-items:stretch}.header-controls{justify-content:space-between}.view-toggle{flex:1;max-width:200px}.toggle-btn{flex:1;justify-content:center;padding:6px 8px;font-size:.8rem}.top-productos-unificado-header .header-content h3{font-size:1.1rem}.top-productos-unificado-header .header-content p{font-size:.8rem}.top-productos-unificado-table .rank-number{width:20px;height:20px;font-size:.75rem}.top-productos-unificado-table .rank-icon{width:16px;height:16px}.top-productos-unificado-table .table-header,.top-productos-unificado-table .table-row{gap:8px;padding:10px 12px;font-size:.8rem}}@media (max-width: 480px){.toggle-btn{padding:6px;font-size:.75rem}.toggle-btn span{display:none}}.combinaciones-container{background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:400px;display:flex;flex-direction:column;gap:16px}.combinaciones-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgb(71 85 105)}.combinaciones-header .header-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 4px}.combinaciones-header .header-content p{color:#94a3b8;font-size:.875rem;margin:0}.header-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:.875rem}.stat-item svg{color:#ea580c}.header-icon{color:#ea580c;opacity:.8}.combinaciones-container .error-text{color:#ef4444}.combinaciones-container .no-data{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;gap:12px;color:#94a3b8;font-style:italic}.no-data-icon{color:#475569}.combinaciones-content{display:flex;flex-direction:column;gap:16px}.combinaciones-table{display:flex;flex-direction:column;gap:2px;border-radius:10px;overflow:hidden;border:1px solid rgba(71,85,105,.3)}.table-header{display:grid;grid-template-columns:1fr 1fr 120px;gap:16px;align-items:center;padding:16px;background-color:#47556966;font-size:.875rem;font-weight:600;color:#d1d5db;border-bottom:1px solid rgba(71,85,105,.5)}.col-header{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;min-height:20px}.col-header:hover{color:#ea580c}.col-header.producto-a,.col-header.producto-b{justify-content:flex-start}.col-header.frecuencia{justify-content:center}.sort-icon{color:#94a3b8;transition:all .2s ease}.sort-icon.active{color:#ea580c}.sort-icon.desc{transform:rotate(180deg)}.sort-icon.inactive{opacity:.5}.table-body{display:flex;flex-direction:column;gap:0}.table-row{display:grid;grid-template-columns:1fr 1fr 120px;gap:16px;align-items:center;padding:16px;background-color:#1e293b4d;transition:all .2s ease;border-left:3px solid transparent;border-bottom:1px solid rgba(71,85,105,.2);min-height:60px}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#1e293b80;transform:translate(2px);border-left-color:#ea580c}.col-producto-a,.col-producto-b{min-width:0;display:flex;align-items:center;justify-content:flex-start}.product-name{color:#fff;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;font-size:.875rem;line-height:1.2}.col-frecuencia{display:flex;justify-content:center;align-items:center;min-height:40px}.frequency-container{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:6px;background-color:#47556933;min-width:60px}.frequency-value{font-weight:700;font-size:1.2rem;transition:all .2s ease;line-height:1}.frequency-label{color:#94a3b8;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;border-top:1px solid rgba(71,85,105,.3)}.pagination-btn{padding:8px 16px;border:none;border-radius:6px;background-color:#4755694d;color:#d1d5db;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#ea580c;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#94a3b8;font-size:.875rem;font-weight:500}.table-footer{display:flex;justify-content:center;padding-top:8px;border-top:1px solid rgba(71,85,105,.2)}.results-info{color:#94a3b8;font-size:.8rem;margin:0;font-style:italic}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:#47556933;border-radius:3px}.table-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.table-body::-webkit-scrollbar-thumb:hover{background:#d1d5db}@media (max-width: 768px){.combinaciones-container{padding:16px}.combinaciones-header{flex-direction:column;gap:12px;align-items:stretch}.header-stats{justify-content:space-between;flex-wrap:wrap}.table-header,.table-row{grid-template-columns:1fr 1fr 100px;gap:12px;padding:12px;font-size:.8rem}.table-row{min-height:50px}.frequency-container{min-width:50px;padding:6px}.combinaciones-header .header-content h3{font-size:1.1rem}.combinaciones-header .header-content p{font-size:.8rem}.frequency-value{font-size:1rem}.pagination{gap:12px}.pagination-btn{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.table-header,.table-row{grid-template-columns:1fr 1fr 80px;gap:8px;padding:10px}.table-row{min-height:45px}.stat-item{font-size:.8rem}.frequency-container{gap:1px;min-width:40px;padding:4px}.frequency-value{font-size:.9rem}.frequency-label{font-size:.6rem}}.productos-graficas__body{display:flex;gap:20px;width:100%;margin-top:20px;height:54%}.top-productos__container{width:100%;height:100%}.combinaciones-productos__section{display:flex;width:100%;margin-top:20px;height:400px}.combinaciones__container{width:100%;height:100%}.loading-text{color:#94a3b8;font-size:14px;animation:pulse 1.5s ease-in-out infinite}.error-text{color:#ef4444;font-size:12px;margin-top:4px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.count-value{font-size:2rem;font-weight:700;color:#f97316;margin-bottom:8px;display:flex;align-items:center;justify-content:center;min-height:48px}.count-comparison{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500}.count-comparison.increase{color:#10b981}.count-comparison.descrease{color:#ef4444}@media (max-width: 768px){.productos-graficas__body{flex-direction:column;height:auto}.top-productos__container{width:100%;min-height:400px}.combinaciones-productos__section{height:auto;min-height:400px}.combinaciones__container{width:100%;min-height:400px}}@media (max-width: 480px){.count-value{font-size:1.5rem;min-height:36px}.count-comparison{font-size:.75rem;flex-wrap:wrap;text-align:center;justify-content:center}}.total-clientes-container{background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;width:100%}.total-clientes-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.total-clientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.total-clientes-header h3{color:#e2e8f0;font-size:.9rem;font-weight:500;margin:0}.total-clientes-icon{color:#3b82f6}.total-clientes-content{flex:1;display:flex;flex-direction:column;justify-content:center}.total-clientes-number{font-size:2.5rem;font-weight:700;color:#3b82f6;line-height:1;margin-bottom:8px}.total-clientes-comparison{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500}.total-clientes-comparison.positive{color:#10b981}.total-clientes-comparison.negative{color:#ef4444}.total-clientes-loading,.total-clientes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;color:#9ca3af}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.clientes-nuevos-container{background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;width:100%}.clientes-nuevos-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.clientes-nuevos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clientes-nuevos-header h3{color:#e2e8f0;font-size:.9rem;font-weight:500;margin:0}.clientes-nuevos-icon{color:#10b981}.clientes-nuevos-content{flex:1;display:flex;flex-direction:column;justify-content:center}.clientes-nuevos-number{font-size:2.5rem;font-weight:700;color:#10b981;line-height:1;margin-bottom:8px}.clientes-nuevos-comparison{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500}.clientes-nuevos-comparison.positive{color:#10b981}.clientes-nuevos-comparison.negative{color:#ef4444}.clientes-nuevos-loading,.clientes-nuevos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;color:#9ca3af}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.tasa-retencion-container{background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;width:100%}.tasa-retencion-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tasa-retencion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tasa-retencion-header h3{color:#e2e8f0;font-size:.9rem;font-weight:500;margin:0}.tasa-retencion-icon{color:#8b5cf6}.tasa-retencion-content{flex:1;display:flex;flex-direction:column;justify-content:center}.tasa-retencion-number{font-size:2.5rem;font-weight:700;color:#8b5cf6;line-height:1;margin-bottom:8px}.tasa-retencion-comparison{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500}.tasa-retencion-comparison.positive{color:#10b981}.tasa-retencion-comparison.negative{color:#ef4444}.tasa-retencion-loading,.tasa-retencion-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;color:#9ca3af}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.evolucion-clientes-container{align-items:center;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:300px;width:100%;height:100%;display:flex;flex-direction:column}.evolucion-clientes-header{width:100%;margin-bottom:20px}.evolucion-clientes-header h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.header-icon{color:#3b82f6}.evolucion-clientes-header p{color:#9ca3af;font-size:.85rem;margin:0}.evolucion-clientes-content{flex:1;width:100%;display:flex;flex-direction:column;gap:20px;overflow-x:auto}.customer-insights .insight-card.primary{background:linear-gradient(135deg,#1e40af,#3b82f6);border:2px solid #60a5fa}.customer-insights .insight-card.warning{background:linear-gradient(135deg,#dc2626,#ef4444);border:2px solid #f87171}.insight-icon.clv{background:linear-gradient(135deg,#059669,#10b981)}.insight-icon.retention{background:linear-gradient(135deg,#dc2626,#f87171)}.insight-icon.frequency{background:linear-gradient(135deg,#7c3aed,#a855f7)}.insight-icon.churn{background:linear-gradient(135deg,#d97706,#f59e0b)}.retention-funnel-container{background:#0f172a99;border:1px solid #334155;border-radius:12px;padding:20px;margin:20px 0}.retention-funnel-container h4{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.retention-funnel{display:flex;flex-direction:column;gap:12px}.funnel-stage{position:relative}.stage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.stage-name{color:#e2e8f0;font-weight:600;font-size:.9rem}.stage-metrics{color:#94a3b8;font-size:.85rem}.stage-bar{height:24px;background:#4755694d;border-radius:12px;overflow:hidden;position:relative}.stage-fill{height:100%;border-radius:12px;transition:width .8s ease-in-out;position:relative}.dropout-rate{position:absolute;right:0;top:-20px;color:#ef4444;font-size:.75rem;font-weight:600}.lifetime-value-container{background:#0f172a99;border:1px solid #334155;border-radius:12px;padding:20px;margin:20px 0}.lifetime-value-container h4{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 16px}.value-segments{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.value-segment{background:#33415566;border:1px solid #475569;border-radius:8px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.value-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.segment-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.segment-indicator{width:12px;height:12px;border-radius:50%}.segment-name{color:#e2e8f0;font-weight:600;font-size:.9rem;flex:1}.segment-percentage{color:#94a3b8;font-size:.8rem;font-weight:500}.segment-metrics{display:flex;flex-direction:column;gap:8px}.metric{display:flex;justify-content:space-between;align-items:center}.metric.primary{border-top:1px solid #475569;padding-top:8px;margin-top:4px}.metric-label{color:#94a3b8;font-size:.8rem}.metric-value{color:#e2e8f0;font-weight:600;font-size:.9rem}.metric.primary .metric-value{color:#10b981;font-size:1rem}.churn-risk-container{background:#0f172a99;border:1px solid #334155;border-radius:12px;padding:20px;margin:20px 0}.churn-risk-container h4{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.churn-risk-table{display:flex;flex-direction:column;gap:8px}.table-header{display:grid;grid-template-columns:2fr 1fr 1.5fr .8fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #475569}.header-cell{color:#94a3b8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr .8fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(71,85,105,.3);transition:background-color .2s ease}.table-row:hover{background:#33415533;border-radius:6px}.cell{color:#e2e8f0;font-size:.85rem;display:flex;flex-direction:column;justify-content:center}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-name{color:#e2e8f0;font-weight:600}.customer-orders{color:#94a3b8;font-size:.75rem}.days-since{color:#e2e8f0;font-weight:600}.avg-frequency{color:#94a3b8;font-size:.75rem}.risk-level{font-weight:600;padding:2px 6px;border-radius:4px;font-size:.8rem}.smart-recommendations{background:#0f172acc;border:1px solid #475569;border-radius:12px;padding:24px;margin:20px 0}.smart-recommendations h5{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 16px}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.recommendation-item{border-radius:8px;padding:16px;border-left:4px solid;background:#33415566;transition:transform .2s ease,box-shadow .2s ease}.recommendation-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.recommendation-item.critical{border-left-color:#ef4444;background:#ef44441a}.recommendation-item.opportunity{border-left-color:#10b981;background:#10b9811a}.recommendation-item.success{border-left-color:#3b82f6;background:#3b82f61a}.recommendation-item.action{border-left-color:#f59e0b;background:#f59e0b1a}.rec-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#e2e8f0;font-weight:600}.recommendation-item p{color:#94a3b8;font-size:.85rem;line-height:1.5;margin:0}.insights-toggle-container{background:#0f172a99;border:1px solid #334155;border-radius:12px;margin:20px 0;overflow:hidden}.insights-toggle-btn{width:100%;background:none;border:none;padding:16px 20px;cursor:pointer;transition:background-color .2s ease;border-radius:12px 12px 0 0}.insights-toggle-btn:hover{background:#3341554d}.insights-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:-2px}.toggle-content{display:flex;justify-content:space-between;align-items:center;width:100%}.toggle-left{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-weight:600;font-size:1rem}.toggle-left svg{color:#f59e0b}.toggle-right{color:#94a3b8;transition:transform .2s ease}.insights-toggle-btn[aria-expanded=true] .toggle-right{transform:rotate(180deg)}.insights-content{padding:0 20px 20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.insights-content .recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:0}@media (max-width: 768px){.toggle-left span{font-size:.9rem}.insights-content{padding:0 16px 16px}.insights-content .recommendation-grid{grid-template-columns:1fr}}@media (max-width: 768px){.customer-insights{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.value-segments{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.header-cell,.cell{padding:4px 0}.recommendation-grid{grid-template-columns:1fr}}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;transition:all .3s ease}.value-segment:hover,.recommendation-item:hover{cursor:pointer}.risk-level{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.churn-risk-container,.lifetime-value-container,.retention-funnel-container{margin:24px 0}.smart-recommendations{margin-top:32px}.customer-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.evolucion-clientes-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;gap:15px;min-height:200px}.evolucion-clientes-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef4444;gap:15px;min-height:200px}.retry-button{padding:10px 20px;background-color:#3b82f633;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600}.retry-button:hover{background-color:#3b82f64d;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.evolucion-clientes-content>*{animation:fadeIn .6s ease-out}.evolucion-clientes-content>*:nth-child(2){animation-delay:.1s}.evolucion-clientes-content>*:nth-child(3){animation-delay:.2s}.evolucion-clientes-content>*:nth-child(4){animation-delay:.3s}.evolucion-clientes-content>*:nth-child(5){animation-delay:.4s}@media (max-width: 1024px){.customer-insights,.value-segments{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.customer-insights{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.header-cell,.cell{padding:8px 0;text-align:left}.customer-cell{border-bottom:1px solid rgba(71,85,105,.3);padding-bottom:8px;margin-bottom:8px}.churn-risk-table .table-row{background:#1f293766;border-radius:8px;margin-bottom:12px;padding:16px}}.top-clientes-container{align-items:center;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:300px;width:100%;height:100%;display:flex;flex-direction:column}.top-clientes-header{width:100%;margin-bottom:20px}.top-clientes-header h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.header-icon{color:#f59e0b}.top-clientes-header p{color:#9ca3af;font-size:.85rem;margin:0}.top-clientes-list{flex:1;width:100%;display:flex;flex-direction:column;gap:12px}.cliente-item{display:flex;align-items:center;gap:15px;padding:12px;border-radius:8px;background-color:#1f293766;transition:all .2s ease;border:1px solid rgba(55,65,81,.5)}.cliente-item:hover{background-color:#1f293799;transform:translateY(-2px);border-color:#f59e0b66}.cliente-item.top-three{border-color:#f59e0b99;background-color:#f59e0b1a}.cliente-rank{display:flex;align-items:center;justify-content:center;min-width:35px;height:35px}.rank-icon{color:#f59e0b}.rank-icon.rank-1{color:gold}.rank-icon.rank-2{color:silver}.rank-icon.rank-3{color:#cd7f32}.rank-number{background-color:#374151;color:#9ca3af;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:.85rem}.cliente-info{flex:1;display:flex;flex-direction:column;gap:6px}.cliente-nombre{font-weight:600;color:#e2e8f0;font-size:.95rem}.cliente-stats{display:flex;justify-content:space-between;gap:15px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#9ca3af}.stat-item.gasto{color:#10b981;font-weight:600}.top-clientes-loading,.top-clientes-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;gap:15px}.no-data{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af}.loading-spinner{width:30px;height:30px;border:3px solid rgba(245,158,11,.3);border-top:3px solid #f59e0b;border-radius:50%;animation:spin 1s linear infinite}.retry-button{padding:8px 16px;background-color:#f59e0b33;color:#f59e0b;border:1px solid #f59e0b;border-radius:6px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#f59e0b4d}@media (max-width: 768px){.cliente-stats{flex-direction:column;gap:4px}.cliente-item{gap:10px}}.clientes-graficas__container{display:flex;flex-direction:column;width:100%;gap:20px;padding:20px;height:100%}.KPI__container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.KPI__col-4{width:100%}.KPI__col__container{display:flex;justify-content:center;width:100%}.clientes-graficas__body{display:flex;gap:20px;width:100%;margin-top:20px;height:54%}.metrics__containers{align-items:center;background-color:#0f172a;border-radius:10px;border:rgb(71 85 105) solid 1px;padding:20px;min-height:300px}.evolucion__container{width:65%;height:100%}.top-clientes__container{width:35%;height:100%}.segmento-selector{display:flex;align-items:center;gap:12px;background-color:#1f293766;padding:12px 16px;border-radius:8px;border:1px solid rgba(55,65,81,.5);margin-bottom:10px}.segmento-selector label{font-size:.9rem;font-weight:500;color:#d1d5db}.filtro-select{background-color:#0f172a;color:#fff;border:1px solid #374151;border-radius:6px;padding:8px 12px;font-size:.9rem;min-width:200px;cursor:pointer;transition:all .2s ease}.filtro-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filtro-select option{background-color:#0f172a;color:#fff;padding:8px}:root{--dark-bg: #0f172a;--border-color: #3e4b5f;--orange-accent: #f97316;--text-color: #e2e8f0;--text-secondary: #94a3b8;--input-bg: #1e293b;--button-hover-bg: #1e293b;--active-status-bg: #10b981;--active-status-text: #ffffff;--table-header-bg: #1e293b;--table-row-hover-bg: #182130;--icon-color: #94a3b8;--icon-hover-color: #e2e8f0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-content-management{background-color:var(--dark-bg);color:var(--text-color);padding:20px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.main-title{font-size:1.6rem;font-weight:700;color:#fb923c;margin:0;padding:10px}.top-controls{display:flex;align-items:center;gap:20px}.search-bar-container{display:flex;align-items:center;background-color:transparent;border-bottom:1px solid var(--border-color);border-radius:0;padding:6px 0;position:relative;width:400px;transition:all .3s ease;height:40px}.search-bar-container:focus-within{border-bottom:1px solid var(--orange-accent)}.search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.9rem;pointer-events:none;line-height:1;display:flex;align-items:center;justify-content:center}.cont_search-input{background-color:transparent;border:none;color:var(--text-color);font-size:.95rem;outline:none;width:100%;padding:0 5px 0 30px;transition:all .3s ease;height:100%;line-height:40px}.cont_search-input::placeholder{color:var(--text-secondary);opacity:.6;transition:opacity .3s ease}.cont_search-input:focus::placeholder{opacity:.4}.search-bar-container:hover .search-icon{color:var(--orange-accent);transition:color .3s ease}.search-bar-container:focus-within .search-icon{color:var(--orange-accent)}.btn-add-new{background-color:var(--orange-accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease-in-out}.btn-add-new:hover{background-color:#e05d00}.content-tabs{width:100%;height:100%;display:flex;margin-bottom:20px;border-bottom:1px solid var(--border-color);gap:20px;background-color:var(--dark-bg);border-left:#fb923c 3px solid;padding:10px}.content-tabs::-webkit-scrollbar{height:6px}.content-tabs::-webkit-scrollbar-track{background:var(--dark-bg)}.content-tabs::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:6px;border:2px solid var(--dark-bg)}.tab-button{padding:12px 16px;background-color:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;white-space:nowrap;transition:all .2s ease;position:relative}.tab-button:hover{color:var(--text-color)}.tab-button.cont_active{color:var(--text-color);font-weight:600;background-color:#f97316}.tab-button.cont_active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px}.content-table-container{width:100%;overflow-x:auto;border-radius:8px;margin-bottom:20px}.content-table{width:100%;border-collapse:separate;border-spacing:0;border:#475569 1px solid}.content-table th,.content-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.content-table th{background-color:var(--table-header-bg);color:#fb923c;font-weight:500;position:sticky;top:0;z-index:10}.content-table tr{background-color:var(--dark-bg);transition:background-color .2s ease}.content-table tbody tr:hover{background-color:var(--table-row-hover-bg)}.content-row{transition:all .3s ease}.content-row:hover{background-color:var(--table-row-hover-bg)!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.content-table th:first-child,.content-table td:first-child{text-align:center}.content-table th:last-child,.content-table td:last-child{text-align:center}.content-table .status-cell,.content-table .date-cell{text-align:center}.preview-cell{padding:12px;text-align:center}.preview-image-container{display:flex;justify-content:center;align-items:center;width:130px;height:100px;border-radius:8px;overflow:hidden;background:#f3f4f6;margin:0 auto}.preview-image{width:120px;height:90px;object-fit:cover;border-radius:6px;box-shadow:0 1px 4px #00000014}.preview-image-placeholder{width:120px;height:90px;display:flex;align-items:center;justify-content:center;color:#888;background:#e5e7eb;border-radius:6px;font-size:1rem}.content-cell{padding:12px}.content-info{display:flex;flex-direction:column;gap:4px}.content-title{font-weight:600;color:var(--text-color);font-size:14px;margin-bottom:4px}.content-description{color:var(--text-secondary);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-price{margin-top:6px;font-size:12px}.price-label{color:var(--orange-accent);font-weight:600}.sizes-info{color:var(--text-secondary);margin-left:4px}.type-cell{padding:12px;text-align:center}.type-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;min-width:80px;justify-content:center}.type-text{color:inherit}.status-cell{padding:12px;text-align:center}.status-container{display:flex;flex-direction:column;align-items:center;gap:4px}.status-hint{opacity:0;transition:opacity .3s ease;pointer-events:none}.status-container:hover .status-hint{opacity:1}.hint-text{font-size:10px;color:var(--text-secondary);font-style:italic;white-space:nowrap}.estado-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;min-width:90px;justify-content:center}.estado-pill.clickable-status{cursor:pointer;transition:all .3s ease;position:relative;-webkit-user-select:none;user-select:none}.estado-pill.clickable-status:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;filter:brightness(1.1)}.estado-pill.clickable-status:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.estado-pill.clickable-status:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.estado-pill.clickable-status:hover:before{opacity:1}.estado-pill.estado-activo.clickable-status:hover{background-color:#16a34a!important}.estado-pill.estado-inactivo.clickable-status:hover{background-color:#b91c1c!important}.estado-pill.changing{cursor:not-allowed!important;opacity:.7}.estado-pill.changing:hover{transform:none!important;box-shadow:none!important;filter:none!important}.estado-pill.changing:before{display:none}.loading-spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.estado-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.date-cell{padding:12px}.date-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.date-icon{color:var(--icon-color)}.date-text{color:var(--text-secondary)}.actions-cell{padding:12px;text-align:center}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.enhanced-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:32px}.btn-details{background-color:#2563eb;color:#fff}.btn-details:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-edit{background-color:#059669;color:#fff}.btn-edit:hover{background-color:#047857;transform:translateY(-1px)}.btn-delete{background-color:#dc2626;color:#fff}.btn-delete:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-icon,.action-icon{font-size:12px}.btn-text{font-size:12px;font-weight:500}.empty-row{background-color:transparent}.empty-cell{padding:40px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary)}.empty-icon,.no-data-icon{font-size:48px;color:var(--icon-color);opacity:.5}.empty-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.empty-subtitle{font-size:14px;color:var(--text-secondary);opacity:.7}.notification-toast{position:fixed;top:20px;right:20px;z-index:10000;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out;max-width:400px;min-width:300px}.notification-success{background-color:#059669;color:#fff;border-left:4px solid #10b981}.notification-error{background-color:#dc2626;color:#fff;border-left:4px solid #ef4444}.notification-message{font-size:14px;font-weight:500;flex:1}.notification-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .2s ease}.notification-close:hover{background-color:#ffffff1a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1100px){.header-section{flex-direction:column;align-items:flex-start;gap:15px}.top-controls{width:100%;justify-content:space-between}.search-bar-container{width:60%;margin-right:15px}}@media (max-width: 768px){.content-info h3{font-size:.9rem}.content-info p{font-size:.8rem}.top-controls{flex-direction:column;align-items:stretch}.search-bar-container{width:100%;margin-bottom:15px}.btn-add-new{width:100%;justify-content:center}}.Contenido-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1e293b;gap:20px;padding:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0f172ae6;z-index:1000;animation:fadeIn .2s ease-in-out}.cont_modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee;background-color:transparent}.preview-modal{background-color:#0f172a;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 15px 30px #0000004d;animation:fadeIn .3s ease;z-index:1001}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#f87171;transition:color .2s}.cont-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;height:100%}.preview-modal-image{max-height:300px;overflow:hidden;border-radius:12px;box-shadow:0 4px 8px #00000026;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;background-color:transparent}.preview-modal-image img{max-width:100%;height:auto;border-radius:22px}.cont_preview-modal-info{padding:0 20px 20px;width:100%}.cont_preview_modal-title{font-size:1.75rem;margin-bottom:8px;color:var(--text-color);border-bottom:2px solid var(--orange-accent);padding-bottom:10px}.cont_preview_modal-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.cont_preview-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background-color:var(--input-bg);padding:20px;border-radius:8px}.cont_preview-detail-item{display:flex;flex-direction:column;gap:5px}.cont_detail-label{font-weight:700;color:var(--text-secondary);font-size:.9rem}.cont_detail-value{color:var(--text-color)}.cont_detail-value-type{padding:6px 12px;background-color:#f9731633;color:var(--orange-accent);border-radius:4px;display:inline-block;font-weight:500}.cont_detail-value-price{font-size:1.2rem;font-weight:700;color:#10b981}.cont_detail-value-size{padding:6px 12px;background-color:var(--table-header-bg);border:1px solid var(--border-color);border-radius:4px}.cont_detail-value-status{padding:6px 12px;border-radius:4px;font-weight:500;display:inline-block}.cont_detail-value-status.active{background-color:#10b98133;color:#10b981}.cont_detail-value-status.inactive{background-color:#f8717133;color:#f87171}.cont_detail-value-date{color:var(--text-secondary);display:flex;align-items:center;gap:5px}.cont_confirm-dialog{background-color:var(--dark-bg);border-radius:12px;width:90%;max-width:500px;box-shadow:0 15px 30px #0000004d;animation:fadeIn .3s ease;z-index:1001}.cont_confirm-dialog-content{padding:24px;text-align:center}.cont_confirm-dialog-content h3{color:var(--text-color);font-size:1.5rem;margin-bottom:16px;font-weight:600}.cont_confirm-dialog-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:24px}.cont_confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.cont_cancel-btn{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color);padding:10px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.cont_cancel-btn:hover{background-color:var(--table-row-hover-bg);border-color:var(--text-secondary)}.cont_confirm-delete-btn{background-color:#f87171;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.cont_confirm-delete-btn:hover{background-color:#ef4444}.cont_preview-modal-image-container{max-width:100%;max-height:300px;object-fit:contain;padding:10px}.content-table .status-cont_active{background-color:var(--active-status-bg);color:var(--active-status-text);padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center}@media (max-width: 768px){.cont_preview-details{grid-template-columns:1fr}.cont_preview_modal-title{font-size:1.5rem}.cont_confirm-dialog-buttons{flex-direction:column}.cont_cancel-btn,.cont_confirm-delete-btn{width:100%}}@media (max-width: 1024px){.preview-image-container{width:60px;height:60px}.preview-cell{width:80px}}@media (max-width: 768px){.preview-image-container{width:50px;height:50px}.preview-cell{width:70px}.content-table th,.content-table td{padding:10px 8px}}.notification-toast{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 10px 25px #0000004d;animation:slideInFromRight .3s ease-out forwards;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notification-success{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #047857}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);border-left:4px solid #b91c1c}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-left:4px solid #b45309}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:4px solid #1d4ed8}.notification-content{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff}.notification-message{font-size:14px;font-weight:500;line-height:1.4;margin-right:10px;flex:1}.notification-close{background:none;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;opacity:.8}.notification-close:hover{background-color:#fff3;opacity:1}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.notification-toast{right:10px;left:10px;min-width:unset;max-width:unset}}.auth-checking-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.auth-checking-content{background:#fff;padding:2rem;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.auth-error-banner{background-color:#dc3545;color:#fff;padding:1rem;margin-bottom:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500}.auth-error-icon{font-size:1.2rem}.auth-error-text{flex:1}.header-title-section{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-info{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.admin-status{display:flex;align-items:center;gap:.5rem;color:#2c3e50}.admin-icon{color:#007bff;font-size:1.1rem}.admin-name{font-weight:600;color:#2c3e50}.admin-role{color:#6c757d;font-size:.9rem;font-style:italic}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:35px;height:35px}.logout-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.logout-btn:active{transform:translateY(0)}@media (max-width: 768px){.header-title-section{flex-direction:column;gap:1rem;align-items:flex-start}.admin-info{align-self:stretch;justify-content:space-between}}.btn-add-new:disabled,.btn-edit:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin-status:before{content:"";width:8px;height:8px;background:#28a745;border-radius:50%;display:inline-block;margin-right:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #28a74566}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.notification-toast.notification-error{background:linear-gradient(135deg,#dc3545,#c82333);border-left:4px solid #b91c1c}.notification-toast.notification-warning{background:linear-gradient(135deg,#ffc107,#e0a800);border-left:4px solid #d39e00;color:#212529}.auth-protected{opacity:1;transition:opacity .3s ease}.auth-protected.disabled{opacity:.3;pointer-events:none}.npml-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(400px,90%,1000px);max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#0f172a;border:1px solid #283446;border-radius:10px;box-shadow:0 4px 16px #0003;animation:fadeInScale .3s ease-out forwards;z-index:1001;padding:0;scrollbar-width:thin;scrollbar-color:#f97316 #1e293b}.npml-modal::-webkit-scrollbar{width:8px}.npml-modal::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.npml-modal::-webkit-scrollbar-thumb{background:#f97316;border-radius:4px;transition:background .2s ease}.npml-modal::-webkit-scrollbar-thumb:hover{background:#fb923c}.npml-header{position:static;flex-shrink:0;background-color:#0f172a;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #283446;display:flex;flex-direction:column}.npml-header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.npml-header-title h2{color:#fff;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:.75rem;margin:0}.npml-header-title h2 .step-icon{font-size:1.5rem;animation:pulse 2s infinite}.npml-header-title h2 .step-subtitle{color:var(--orange-accent, #f97316);font-size:1rem;font-weight:500}.npml-close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;transition:color .2s ease}.npml-close-button:hover{color:var(--orange-accent, #f97316)}.npml-header-steps{display:flex;flex-direction:column;align-items:stretch;width:100%}.npml-progress-text{color:var(--orange-accent, #f97316);font-weight:600;font-size:.95rem;margin-bottom:.75rem;display:block;text-align:center;text-transform:uppercase;letter-spacing:.5px}.npml-progress-bar-container{width:100%;height:8px;background-color:#1e293b;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d;position:relative}.npml-progress-bar{background:linear-gradient(90deg,#f97316,#fb923c);height:100%;border-radius:12px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #f9731666}.npml-content{flex:1;overflow:visible;padding:1.5rem;background:linear-gradient(180deg,#0f172a,#1e293b);position:relative}.npml-footer{position:static;flex-shrink:0;background-color:#0f172a;padding:1rem 1.5rem 1.5rem;border-top:1px solid #283446;display:flex;justify-content:space-between;align-items:center;width:100%}.npml-footer-buttons{display:flex;justify-content:space-between;width:100%;gap:1rem}.npml-button{background-color:var(--orange-accent, #f97316);color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;gap:.5rem}.npml-button:hover{background-color:#fb923c;transform:translateY(-2px)}.npml-button:active{transform:translateY(0)}.npml-button:disabled{background-color:#4a5568;cursor:not-allowed;transform:none}.npml-button-secondary{background-color:#4a5568;color:#e2e8f0}.npml-button-secondary:hover{background-color:#5a6578}.npml-button-success{background-color:#10b981}.npml-button-success:hover{background-color:#0d9f71}.new-product-modal .new__order-modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--orange-accent) 20%,var(--orange-accent) 80%,transparent 100%)}.new-product-modal .new__order-modal-header-title h2{color:#fff;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:.75rem}.new-product-modal .new__order-modal-header-title h2:before{content:"★";font-size:1.5rem;animation:pulse 2s infinite}.new-product-modal .new__order-modal-header-steps{margin-top:1rem}.new-product-modal .nor-step-progress-text{color:var(--orange-accent);font-weight:600;font-size:.95rem;margin-bottom:.75rem;display:block;text-align:center;text-transform:uppercase;letter-spacing:.5px}.new-product-modal .nor-step-progress-bar-container{background-color:#1e293b;height:8px;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d;position:relative}.new-product-modal .nor-step-progress-bar{background:linear-gradient(90deg,#f97316,#fb923c);height:100%;border-radius:12px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #f9731666}.new-product-modal .nor-step-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.new-product-modal .new__order-modal-content{background:linear-gradient(180deg,#0f172a,#1e293b);padding:2rem;position:relative;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.new-product-modal .new__order-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(249,115,22,.5) 20%,rgba(249,115,22,.5) 80%,transparent 100%)}.new-product-modal .new__order-modal-content::-webkit-scrollbar{width:8px}.new-product-modal .new__order-modal-content::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.new-product-modal .new__order-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--orange-accent) 0%,#fb923c 100%);border-radius:4px;transition:background .3s ease}.new-product-modal .new__order-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fb923c 0%,var(--orange-accent) 100%)}.new-product-modal .new__order-modal-content{scrollbar-width:thin;scrollbar-color:var(--orange-accent) rgba(30,41,59,.5)}.step-container{animation:fadeInSlide .5s ease-out;background:#1e293b4d;border-radius:12px;padding:2rem;border:1px solid rgba(62,75,95,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.step-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange-accent) 0%,#fb923c 50%,var(--orange-accent) 100%);border-radius:12px 12px 0 0}.step-container h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:1rem}.step-container h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--orange-accent);border-radius:2px}.new-product-modal .new__order-modal-footer{background:linear-gradient(135deg,#1e293b,#0f172a);border-top:2px solid var(--orange-accent);padding:1.5rem 2rem;position:relative;flex-shrink:0}.new-product-modal .new__order-modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--orange-accent) 20%,var(--orange-accent) 80%,transparent 100%)}.new-product-modal .new__order-modal-footer-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.new-product-modal .nor-button{background:linear-gradient(135deg,var(--orange-accent) 0%,#fb923c 100%);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:140px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #f973164d}.new-product-modal .nor-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.new-product-modal .nor-button:hover:before{left:100%}.new-product-modal .nor-button:hover{background:linear-gradient(135deg,#fb923c 0%,var(--orange-accent) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #f9731666}.new-product-modal .nor-button:disabled{background:linear-gradient(135deg,#64748b,#475569);cursor:not-allowed;transform:none;box-shadow:none}.new-product-modal .nor-button-secondary{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b4d}.new-product-modal .nor-button-secondary:hover{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 8px 20px #64748b66}.new-product-modal .nor-button-primary{background:linear-gradient(135deg,var(--orange-accent) 0%,#fb923c 100%);box-shadow:0 4px 12px #f973164d}.new-product-modal .nor-button-primary:hover{background:linear-gradient(135deg,#fb923c 0%,var(--orange-accent) 100%);box-shadow:0 8px 20px #f9731666}.new-product-modal .nor-button-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.new-product-modal .nor-button-success:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 20px #10b98166}.new-product-modal .nor-button-success:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none}.new-product-modal .step-icon{font-size:1.5rem;margin-right:.5rem;animation:pulse 2s infinite}.new-product-modal .step-subtitle{font-size:1rem;font-weight:500;color:var(--orange-accent);margin-left:.5rem;opacity:.9}.new-product-modal .new__order-modal-close-button{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.new-product-modal .new__order-modal-close-button:hover{background:#ef44444d;color:#fff;transform:scale(1.1)}.npml-error-message{background-color:#dc2626;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.npml-error-dismiss{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;margin-left:1rem}.npml-loading-message{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#1e293b;border-radius:5px;margin-bottom:1rem;color:#e2e8f0}.npml-loading-spinner{width:20px;height:20px;border:2px solid #4a5568;border-top:2px solid #f97316;border-radius:50%;animation:spin 1s linear infinite}.step1-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.step1-form-group{margin-bottom:2rem;padding:1.5rem;border:1px solid rgba(62,75,95,.6);border-radius:12px;background:linear-gradient(135deg,#0f172acc,#1e293bcc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all .3s ease}.step1-form-group:hover{border-color:#f9731680;box-shadow:0 4px 20px #f973161a}.step1-form-group:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--orange-accent) 20%,var(--orange-accent) 80%,transparent 100%);border-radius:12px 12px 0 0}.form-group-title{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;color:var(--orange-accent);padding-bottom:.75rem;border-bottom:2px solid rgba(62,75,95,.6);text-align:center;text-transform:uppercase;letter-spacing:1px;position:relative}.form-group-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--orange-accent)}.step1-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.step1-form-input{display:flex;flex-direction:column;gap:.75rem;width:100%;position:relative}.step1-form-input input,.step1-form-input select,.step1-form-input textarea{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(62,75,95,.6);color:#fff;padding:1rem;border-radius:8px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.step1-form-input input:focus,.step1-form-input select:focus,.step1-form-input textarea:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px #f9731633;background:linear-gradient(135deg,#0f172a,#1e293b);transform:translateY(-1px)}.step1-form-input input::placeholder,.step1-form-input select::placeholder,.step1-form-input textarea::placeholder{color:#94a3b8;opacity:.8}.step1-form-input label{font-weight:600;color:#fff;margin-bottom:.5rem;display:block;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-left:1rem}.step1-form-input label:before{content:"▸";position:absolute;left:0;color:var(--orange-accent);font-weight:700}.step1-form-input:has(#titulo){border:2px solid var(--orange-accent);border-radius:12px;padding:1.5rem;background:linear-gradient(135deg,#f973161a,#fb923c0d);margin-bottom:2rem;position:relative;animation:highlightPulse 3s infinite}.step1-form-input:has(#titulo):before{content:"★";position:absolute;top:-10px;right:-10px;background:var(--orange-accent);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;animation:bounce 2s infinite}.step1-form-input:has(#titulo) label{color:var(--orange-accent);font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.step1-form-input:has(#titulo) input{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:var(--orange-accent);font-size:1.1rem;font-weight:500}@keyframes highlightPulse{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 8px #f973161a}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.file-input-container{position:relative;background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:2px dashed rgba(249,115,22,.5);border-radius:12px;padding:1.5rem;transition:all .3s ease}.file-input-container:hover{border-color:var(--orange-accent);background:linear-gradient(135deg,#f973161a,#1e293be6)}.file-input-container input[type=file]{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:1rem;border-radius:8px;cursor:pointer;width:100%;border:2px solid rgba(62,75,95,.6);transition:all .3s ease;font-weight:500}.file-input-container input[type=file]:hover{border-color:var(--orange-accent);background:linear-gradient(135deg,#0f172a,#1e293b)}.file-input-container input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,var(--orange-accent) 0%,#fb923c 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-right:1rem;font-weight:600;transition:all .3s ease}.file-input-container input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(135deg,#fb923c 0%,var(--orange-accent) 100%);transform:translateY(-1px)}.file-preview{display:flex;align-items:center;gap:.75rem;margin-top:1rem;background:linear-gradient(135deg,#f9731633,#1e293bcc);padding:1rem;border-radius:8px;border:1px solid rgba(249,115,22,.3);animation:slideInUp .3s ease}.file-preview span{color:#fff;font-weight:500;flex:1}.clear-file-btn{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;transition:all .3s ease}.clear-file-btn:hover{background:#ef44444d;color:#fff;transform:scale(1.1)}.current-image-preview{background:linear-gradient(135deg,#10b9811a,#1e293bcc);border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.current-image-preview span{display:block;color:#10b981;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.current-image-thumbnail{border-radius:8px;border:2px solid rgba(16,185,129,.5);box-shadow:0 4px 12px #10b98133}.switch-container{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1e293b99,#0f172a99);padding:1rem;border-radius:12px;border:1px solid rgba(62,75,95,.5);transition:all .3s ease}.switch-container:hover{border-color:#f9731680;background:linear-gradient(135deg,#f973161a,#1e293bcc)}.switch{position:relative;display:inline-block;width:64px;height:36px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#475569,#334155);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:36px;box-shadow:inset 0 2px 4px #0000004d}.slider:before{position:absolute;content:"";height:28px;width:28px;left:4px;bottom:4px;background:linear-gradient(135deg,#fff,#f1f5f9);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #0000004d}input:checked+.slider{background:linear-gradient(135deg,var(--orange-accent) 0%,#fb923c 100%);box-shadow:0 0 12px #f9731666}input:focus+.slider{box-shadow:0 0 1px var(--orange-accent),0 0 12px #f973164d}input:checked+.slider:before{transform:translate(28px);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 12px #0006}.switch-label{color:#fff;font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.switch-container:hover .switch-label{color:var(--orange-accent)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.price-fieldset{border:2px solid rgba(249,115,22,.3);border-radius:16px;padding:2rem;background:linear-gradient(135deg,#1e293bcc,#0f172acc);margin-bottom:2rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.price-fieldset:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange-accent) 0%,#fb923c 50%,var(--orange-accent) 100%)}.price-fieldset legend{color:var(--orange-accent);font-weight:700;font-size:1.2rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid var(--orange-accent);border-radius:8px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #f973164d}.price-size-container{border:1px solid rgba(62,75,95,.6);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0f172ae6,#1e293be6);transition:all .3s ease;position:relative;overflow:hidden}.price-size-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--orange-accent) 20%,var(--orange-accent) 80%,transparent 100%)}.price-size-container:hover{border-color:#f97316cc;background:linear-gradient(135deg,#f973161a,#1e293be6);transform:translateY(-2px);box-shadow:0 8px 25px #f9731633}.size-title{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:var(--orange-accent);text-align:center;padding-bottom:.75rem;border-bottom:2px solid rgba(62,75,95,.6);text-transform:uppercase;letter-spacing:.5px;position:relative}.size-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:30px;height:2px;background:var(--orange-accent)}.prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:1.5rem}.price-item{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;position:relative}.price-item:last-child{margin-bottom:0}.price-item label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-left:1rem}.price-item label:before{content:"$";position:absolute;left:0;font-size:.8rem}.price-item input{width:100%;padding:1rem;border:2px solid rgba(62,75,95,.6);border-radius:8px;font-size:1rem;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.price-item input:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px #f9731633;background:linear-gradient(135deg,#0f172a,#1e293b);transform:translateY(-1px)}.price-item input:valid:not(:placeholder-shown){border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#1e293b)}.price-item input[type=url]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.single-price-container{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#f973161a,#1e293bcc);padding:2rem;border-radius:12px;border:1px solid rgba(249,115,22,.3);position:relative}.single-price-container:before{content:"●";position:absolute;top:-15px;right:-15px;background:var(--orange-accent);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #f9731666}.single-price-container .price-item:last-child{border-top:2px solid rgba(249,115,22,.3);padding-top:1.5rem;margin-top:.5rem;position:relative}.single-price-container .price-item:last-child:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--orange-accent)}.price-item input[type=url]:invalid:not(:placeholder-shown){border-color:#dc3545;background:linear-gradient(135deg,#dc35451a,#1e293b);box-shadow:0 0 0 2px #dc354533}.price-item input[type=url]:valid:not(:placeholder-shown){border-color:#28a745;background:linear-gradient(135deg,#28a7451a,#1e293b);box-shadow:0 0 0 2px #28a74533}.current-url-display{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#10b9811a,#0f172ae6);border:1px solid rgba(16,185,129,.4);border-radius:8px;border-left:4px solid #10b981;position:relative}.current-url-display:before{content:"⚬";position:absolute;top:-8px;right:-8px;background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.url-label{display:block;font-size:.85rem;color:#10b981;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-url-link{color:var(--orange-accent);text-decoration:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;word-break:break-all;display:block;transition:all .3s ease;padding:.5rem;background:#f973161a;border-radius:4px}.current-url-link:hover{color:#fb923c;text-decoration:underline;background:#f9731633;transform:translate(4px)}.price-item:has(.current-url-display) input[type=url]{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#064e3b)}.price-item:has(.current-url-display) input[type=url]:focus{border-color:var(--orange-accent);background:linear-gradient(135deg,#0f172a,#1e293b)}.error-message{background:linear-gradient(135deg,#ef444433,#dc35451a);color:#fca5a5;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(239,68,68,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInDown .3s ease;position:relative}.error-message:before{content:"!";margin-right:.75rem;font-size:1.2rem;font-weight:700;background:#ef44444d;color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.error-message strong{color:#fff;margin-right:.5rem}.error-dismiss{background:#ef44444d;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:1.25rem;cursor:pointer;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.error-dismiss:hover{background:#ef444480;color:#fff;transform:scale(1.1)}.loading-message{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--orange-accent);background:linear-gradient(135deg,#f973161a,#1e293bcc);border-radius:12px;border:1px solid rgba(249,115,22,.3);animation:pulse 2s infinite;font-weight:600;text-transform:uppercase;letter-spacing:1px}.loading-spinner{width:2rem;height:2rem;border:4px solid rgba(249,115,22,.2);border-top-color:var(--orange-accent);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 12px #f973164d}@media (max-width: 768px){.new-product-modal .new__order-modal-header{padding:1rem 1.5rem}.new-product-modal .new__order-modal-header-title h2{font-size:1.5rem}.new-product-modal .new__order-modal-content,.step-container{padding:1.5rem}.step-container h3{font-size:1.3rem}.step1-form-row{grid-template-columns:1fr;gap:1rem}.step1-form-group{padding:1rem}.form-group-title{font-size:1rem}.prices-grid{grid-template-columns:1fr;gap:1rem}.price-size-container{padding:1rem}.size-title{font-size:1rem}.new-product-modal .new__order-modal-footer{padding:1rem 1.5rem}.new-product-modal .new__order-modal-footer-buttons{flex-direction:column;gap:.75rem}.new-product-modal .nor-button{width:100%;min-width:auto}}@media (max-width: 480px){.new-product-modal .new__order-modal-header-title h2{font-size:1.25rem}.step-container{padding:1rem}.step1-form-input{gap:.5rem}.step1-form-input label{font-size:.85rem}.step1-form-input input,.step1-form-input select,.step1-form-input textarea{padding:.75rem;font-size:.9rem}.price-fieldset,.single-price-container{padding:1rem}.switch-container{flex-direction:column;text-align:center;gap:.75rem}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-product-modal .new__order-modal-content[style*="opacity: 0.6"],.new-product-modal .new__order-modal-content[style*="opacity: 1"]{transition:opacity .3s ease}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.step1-form-input:hover input,.step1-form-input:hover select,.step1-form-input:hover textarea,.price-item:hover input{border-color:#f9731699}.new-product-modal button:focus-visible,.new-product-modal input:focus-visible,.new-product-modal select:focus-visible,.new-product-modal textarea:focus-visible{outline:2px solid var(--orange-accent);outline-offset:2px}.new-product-modal .new__order-modal-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:2px solid var(--orange-accent);padding:1.5rem 2rem;position:relative;flex-shrink:0}.new-product-modal .new__order-modal-header,.new-product-modal .new__order-modal-footer{position:static!important;top:unset!important;left:unset!important;right:unset!important;bottom:unset!important;z-index:auto!important;transform:none!important}.new-product-modal .new__order-modal-header-title,.new-product-modal .new__order-modal-header-steps,.new-product-modal .nor-step-progress-text,.new-product-modal .nor-step-progress-bar-container,.new-product-modal .new__order-modal-footer-buttons,.new-product-modal .nor-button{position:static!important;top:unset!important;left:unset!important;right:unset!important;bottom:unset!important}.npml-content select{background-color:#10182b!important;color:#e2e8f0!important;border:1px solid #283446!important;border-radius:5px!important;padding:10px!important;font-size:1rem!important;outline:none!important}.npml-content select:focus{border-color:#f97316!important;box-shadow:0 0 0 2px #f9731633!important}.npml-content select option{background-color:#10182b!important;color:#e2e8f0!important;padding:8px!important}.npml-content select option:hover{background-color:#1e293b!important}.npml-content select option:checked{background-color:#f97316!important;color:#fff!important}.npml-content input,.npml-content textarea{background-color:#10182b!important;color:#e2e8f0!important;border:1px solid #283446!important;border-radius:5px!important;padding:10px!important;font-size:1rem!important;outline:none!important;font-family:inherit!important}.npml-content input:focus,.npml-content textarea:focus{border-color:#f97316!important;box-shadow:0 0 0 2px #f9731633!important}.npml-content input::placeholder,.npml-content textarea::placeholder{color:#94a3b8!important}.npml-content label{color:#e2e8f0!important;font-weight:500!important;margin-bottom:.5rem!important;display:block!important}.npml-content input[type=file]{background-color:#10182b!important;color:#e2e8f0!important;border:2px dashed #283446!important;border-radius:5px!important;padding:15px!important;text-align:center!important;cursor:pointer!important;transition:all .3s ease!important}.npml-content input[type=file]:hover{border-color:#f97316!important;background-color:#1e293b!important}.npml-content .switch{position:relative;display:inline-block;width:50px;height:24px}.npml-content .switch input{opacity:0;width:0;height:0}.npml-content .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a5568;transition:.4s;border-radius:24px}.npml-content .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.npml-content input:checked+.slider{background-color:#f97316}.npml-content input:checked+.slider:before{transform:translate(26px)}.order_container{width:100%;min-height:100vh;background-color:var(--dark-slate);box-sizing:border-box;overflow:scroll;overflow-x:hidden}.order_panel{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;width:100%;transition:box-shadow .3s ease}.order_panel:hover{box-shadow:var(--shadow-hover)}.order_header{background:var(--dark-slate);color:var(--white);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border:var(--border-slate) 1px solid}.header-controls{display:flex;align-items:center;gap:15px}.notification-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border-radius:6px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-status .status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.notification-status.connected .status-dot{background:#4caf50;animation:pulse-success 2s infinite}.notification-status.connecting .status-dot{background:#2196f3;animation:pulse-connecting 1.5s infinite}.notification-status.disconnected .status-dot,.notification-status.error .status-dot{background:#f44336;animation:pulse-error 2s infinite}.notification-status .status-text{font-size:12px;font-weight:500;color:#ffffffe6;white-space:nowrap}.titulo-pedidos{font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.order_btn-agregar{background:#16a34a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order_btn-agregar:hover{background:#15803d;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.order_main{padding:30px;display:flex;flex-direction:column;gap:20px;background:var(--slate)}.toggle-filters-container{display:flex;justify-content:flex-start;margin-bottom:10px}.toggle-filters-btn{background:transparent;color:var(--white);border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;border:var(--orange-accent) 1px solid}.toggle-filters-btn:hover{background:var(--orange-light);color:var(--orange-accent);border-color:var(--orange-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.cont_resultados-contador{background:var(--dark-slate);border:1px solid var(--orange-accent);border-radius:6px;padding:12px 16px;font-size:14px;color:var(--light-gray);margin-bottom:15px}.cont_resaltado{font-weight:600;color:var(--orange-accent)}.loading-indicator{text-align:center;padding:40px 20px;font-size:16px;color:var(--dark-gray);background:var(--light-gray);border-radius:var(--border-radius);margin:20px 0}.order_error{background:#ffebee;color:var(--danger-color);padding:15px 20px;border-radius:6px;border-left:4px solid var(--danger-color);margin:20px 0;font-weight:500}.order_pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px;padding:20px 0}.order_pagination-btn{background:var(--orange-accent);color:var(--white);border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:100px}.order_pagination-btn:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.order_pagination-btn:disabled{background:var(--medium-gray);color:var(--dark-gray);cursor:not-allowed;transform:none}.order_pagination-info{font-size:14px;color:var(--dark-gray);font-weight:500;min-width:120px;text-align:center}.order__container{background:var(--dark-slate);box-shadow:var(--shadow);overflow:hidden;margin:20px 0;border:var(--border-slate) 1px solid;border-radius:var(--border-radius);transition:box-shadow .3s ease}.order__container:hover{box-shadow:var(--shadow-hover)}.order__content{overflow-x:auto}.styled-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--dark-slate)}.styled-table thead{border-bottom:1px solid var(--border-slate)}.styled-table th{padding:18px 15px;text-align:left;font-weight:700;color:var(--orange-accent);font-size:13px;text-transform:uppercase;letter-spacing:.8px;background:#1e293b;position:relative;border-right:1px solid var(--border-slate)}.styled-table th:last-child{border-right:none}.header-content{display:flex;align-items:center;gap:8px;transition:all .3s ease}.header-content:hover{color:var(--white);transform:translateY(-1px)}.header-icon{font-size:14px;opacity:.8;transition:opacity .3s ease}.header-content:hover .header-icon{opacity:1}.order-row{background:var(--dark-slate);transition:all .3s ease;border-left:4px solid transparent;position:relative}.order-row:hover{background:var(--slate-light);border-left-color:var(--orange-accent);transform:translate(2px);box-shadow:0 4px 12px #0003}.order-row td{padding:20px 15px;vertical-align:middle;color:var(--white);border-right:1px solid rgba(255,255,255,.05)}.order-row td:last-child{border-right:none}.estado-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:12px;font-weight:600;text-transform:capitalize;min-width:120px;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.2)}.estado-pill:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000040}.estado-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.codigo-cell .code-time{display:flex;flex-direction:column;gap:6px;font-family:Courier New,monospace;min-width:120px}.code{display:flex;align-items:center;gap:4px}.code-label{color:var(--orange-accent);font-weight:700;font-size:14px}.code-number{color:var(--white);font-weight:600;font-size:14px;background:#f973161a;padding:2px 6px;border-radius:4px}.time{display:flex;align-items:center;gap:6px}.time-icon{color:var(--medium-gray);font-size:12px}.time-text{color:var(--medium-gray);font-size:12px;font-weight:500}.cliente-cell .client-pay{display:flex;flex-direction:column;gap:6px;min-width:160px}.client-name{color:var(--white);font-weight:600;font-size:14px}.pay{display:flex;align-items:center;gap:6px}.payment-icon{color:var(--success-color);font-size:12px}.payment-method{color:var(--medium-gray);font-size:12px;font-weight:500;background:#22c55e1a;padding:2px 8px;border-radius:12px;border:1px solid rgba(34,197,94,.3)}.direccion-cell .address{display:flex;align-items:center;gap:8px;max-width:220px;min-width:160px}.address-icon{color:var(--orange-accent);font-size:14px;flex-shrink:0}.address-text{color:var(--white);font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.productos-cell .products{display:flex;flex-direction:column;gap:6px;max-width:280px;min-width:200px}.product-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--white);background:#ffffff0d;padding:6px 10px;border-radius:6px;border-left:3px solid var(--orange-accent);transition:all .2s ease}.product-item:hover{background:#f973161a;transform:translate(2px)}.product-icon-wrapper{display:flex;align-items:center;flex-shrink:0}.product-icon{color:var(--orange-accent);font-size:14px}.product-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-quantity{color:var(--medium-gray);font-weight:600;background:#9ca3af1a;padding:2px 6px;border-radius:8px;font-size:11px}.more-products{color:var(--orange-accent);font-size:11px;font-weight:600;text-align:center;padding:4px 8px;background:#f973161a;border-radius:4px;border:1px dashed var(--orange-accent)}.total-cell{text-align:center;min-width:100px}.total-wrapper{display:flex;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:16px;color:var(--success-color);background:#22c55e1a;padding:8px 12px;border-radius:8px;border:2px solid rgba(34,197,94,.3)}.currency-symbol{font-size:14px;opacity:.8}.amount{font-family:Courier New,monospace}.enhanced-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;text-decoration:none;background:none;outline:none}.enhanced-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.enhanced-btn:hover:before{left:100%}.enhanced-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.enhanced-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.btn-icon,.action-icon{font-size:14px;display:flex;align-items:center;justify-content:center}.btn-text{font-weight:600;white-space:nowrap}.action-btn{min-width:100px;justify-content:center;font-weight:700}.btn-start{background:#2563eb;color:#fff;border:2px solid #2563eb}.btn-start:hover{background:#1d4ed8;border-color:#1e40af;color:#fff}.btn-dispatch{background:#d97706;color:#fff;border:2px solid #d97706}.btn-dispatch:hover{background:#b45309;border-color:#92400e;color:#fff}.btn-deliver{background:#22c55e;color:#fff;border:2px solid #22c55e}.btn-deliver:hover{background:#16a34a;border-color:#15803d;color:#fff}.btn-details{background:transparent;color:var(--orange-accent);border:2px solid var(--orange-accent)}.btn-details:hover{background:var(--orange-accent);color:#fff;border-color:var(--orange-hover)}.enhanced-status{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;font-size:12px;min-width:100px;justify-content:center;border:2px solid;transition:all .3s ease}.status-entregado{background:#22c55e1a;color:#22c55e;border-color:#22c55e}.status-entregado:hover{background:#22c55e33;transform:scale(1.02)}.status-cancelado{background:#dc26261a;color:#dc2626;border-color:#dc2626}.status-cancelado:hover{background:#dc262633;transform:scale(1.02)}.status-icon{font-size:14px;display:flex;align-items:center;justify-content:center}.status-text{font-weight:600;white-space:nowrap}.empty-row{background:var(--dark-slate)}.empty-cell{text-align:center;padding:60px 20px!important;border:none!important}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--medium-gray)}.empty-icon,.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid rgba(249,115,22,.1);border-left:4px solid var(--orange-accent);border-radius:50%;animation:spin 1s linear infinite}.no-data-icon{font-size:48px;color:var(--medium-gray);opacity:.5}.empty-text{font-size:18px;font-weight:600;color:var(--white)}.empty-subtitle{font-size:14px;color:var(--medium-gray);opacity:.8}.estado-pill.estado-pendiente{background-color:#ea580c!important;color:#fff!important;font-weight:700!important}.estado-pill.estado-pendiente .estado-dot{background-color:#c2410c!important}.estado-pill.estado-en_proceso,.estado-pill.estado-en\ proceso{background-color:#2563eb!important;color:#fff!important;font-weight:700!important}.estado-pill.estado-en_proceso .estado-dot,.estado-pill.estado-en\ proceso .estado-dot{background-color:#1d4ed8!important}.estado-pill.estado-en_camino,.estado-pill.estado-en\ camino{background-color:#d97706!important;color:#fff!important;font-weight:700!important}.estado-pill.estado-en_camino .estado-dot,.estado-pill.estado-en\ camino .estado-dot{background-color:#b45309!important}.estado-pill.estado-entregado{background-color:#22c55e!important;color:#fff!important;font-weight:700!important}.estado-pill.estado-entregado .estado-dot{background-color:#16a34a!important}.estado-pill.estado-cancelado{background-color:#dc2626!important;color:#fff!important;font-weight:700!important}.estado-pill.estado-cancelado .estado-dot{background-color:#b91c1c!important}.estado-text{font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 768px){.order_container{padding:10px}.order_header{padding:15px 20px;flex-direction:column;text-align:center}.titulo-pedidos{font-size:1.5rem;margin-bottom:10px}.order_main{padding:20px}.styled-table{font-size:12px}.styled-table th,.styled-row td{padding:8px 6px}.products,.address{max-width:120px}.order_pagination{flex-direction:column;gap:10px}.order_pagination-btn{width:100%;max-width:200px}}@media (max-width: 480px){.titulo-pedidos{font-size:1.3rem}.order_btn-agregar{padding:10px 16px;font-size:13px}.styled-table{font-size:11px}.products,.address{max-width:100px}}@media (max-width: 992px){.btn-text{display:none}.enhanced-btn{padding:10px;min-width:40px;justify-content:center}.action-btn{min-width:44px}.btn-icon,.action-icon{font-size:16px}.status-text{display:none}.enhanced-status{min-width:44px;padding:10px}.status-icon{font-size:16px}}@media (max-width: 768px){.action-buttons{gap:4px}.enhanced-btn{padding:8px;min-width:36px}.action-btn{min-width:36px}.enhanced-status{min-width:36px;padding:8px}}.action-buttons button{appearance:button;-webkit-appearance:button;-moz-appearance:button}.action-buttons .enhanced-btn:not(.status-final){background-color:initial!important;cursor:pointer!important}.action-buttons .enhanced-btn:not(.status-final):hover{opacity:.9}@keyframes pulse-success{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes pulse-connecting{0%{box-shadow:0 0 #2196f3b3}70%{box-shadow:0 0 0 6px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes pulse-error{0%{box-shadow:0 0 #f44336b3}70%{box-shadow:0 0 0 6px #f4433600}to{box-shadow:0 0 #f4433600}}@media (max-width: 768px){.order_header{flex-direction:column;text-align:center;gap:12px}.header-controls{flex-direction:column;gap:10px;width:100%}.notification-status{justify-content:center}}.filter-bar{display:flex;flex-wrap:nowrap;gap:20px;align-items:flex-end;background-color:#0f172a;padding:20px 30px;border-radius:10px;margin-bottom:20px;box-shadow:0 3px 6px #00000026;border:1px solid #374151;position:relative;overflow:hidden;width:100%;min-height:80px}.order-filter-bar{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-filter-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f97316,transparent);opacity:.6}.order-filter-bar .filter-label{color:#f97316;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.order-filter-bar .filter-select{background-color:#1e293b;border:1px solid #475569;box-shadow:0 2px 4px #0000001a inset}.order-filter-bar .filter-select:hover{border-color:#f97316;background-color:#334155}.order-filter-bar .filter-select:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633,0 2px 4px #0000001a inset;background-color:#334155}.order-filter-bar .filter-select option{background-color:#1e293b;color:#fff;padding:10px}.order-filter-bar .search-input{background-color:#1e293b;border:1px solid #475569;box-shadow:0 2px 4px #0000001a inset;padding:10px;gap:20px}.order-filter-bar .search-input::placeholder{color:#94a3b8;font-style:italic}.order-filter-bar .search-input:hover{border-color:#f97316;background-color:#334155}.order-filter-bar .search-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633,0 2px 4px #0000001a inset;background-color:#334155}.order-filter-bar .btn-reset{background-color:#374151;border:1px solid #4b5563;color:#d1d5db}.order-filter-bar .btn-reset:hover{background-color:#4b5563;border-color:#6b7280;color:#fff}.order-filter-bar .btn-apply{background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-weight:600;box-shadow:0 2px 4px #f973164d}.order-filter-bar .btn-apply:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #f9731666}.content-filter-bar{background-color:#1a2332;border-color:#374151}.filter-group{display:flex;flex-direction:column;min-width:220px;flex-shrink:0}.filter-label{font-size:18px;color:#f97316;margin-bottom:8px;font-weight:600;display:flex;align-items:center}.filter-icon{margin-right:5px}.filter-select-container{position:relative;width:100%}.filter-select{width:100%;background-color:#202938;border:1px solid #374151;color:#fff;padding:10px 35px 10px 14px;border-radius:6px;font-size:14px;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 2px 4px #0000001a inset}.filter-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af;transition:transform .2s ease}.filter-select:hover{border-color:#feb248;background-color:#263247}.filter-select:hover+.filter-select-icon{color:#feb248}.filter-select:focus{border-color:#feb248;box-shadow:0 0 0 2px #feb24833;background-color:#263247}.filter-select option{background-color:#202938;color:#fff;padding:10px}.search-box{flex:1;min-width:250px;position:relative;display:flex;flex-direction:column}.search-input-container{position:relative;width:100%;gap:10px}.search-input{width:100%;padding:12px 15px 12px 42px;border-radius:8px;border:1px solid #374151;background-color:#202938;color:#fff;font-size:15px;outline:none;transition:all .2s ease;box-shadow:0 2px 4px #0000001a inset}.search-input::placeholder{color:#9ca3af;font-style:italic}.search-input:focus{border-color:#feb248;box-shadow:0 0 0 2px #feb24833,0 2px 4px #0000001a inset}.search-input:hover{border-color:#feb248;background-color:#263247}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;transition:all .2s ease}.search-box:focus-within .search-icon,.search-input-container:focus-within .search-icon{color:#feb248}.filter-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.btn-reset,.btn-apply{display:flex;align-items:center;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s ease;height:42px;cursor:pointer}.btn-icon{margin-right:5px}.btn-reset{background-color:#09090b;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-reset:hover{background-color:#6c757d66;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.btn-apply{background-color:#f97316;color:#fff;border:none;font-weight:600;box-shadow:0 2px 4px #0000001a}.btn-apply:hover{background-color:#ffa726;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resultados-contador{font-size:.95rem;color:#d1d5db;margin-bottom:15px;background-color:#1f293780;display:inline-block;padding:8px 16px;border-radius:6px;border:1px solid #374151;width:max-content}.resaltado{color:#feb248;font-weight:600;font-size:1.1rem}@media (min-width: 769px){.filter-bar{align-items:flex-end}.filter-group,.search-box{align-self:flex-end}}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch;flex-wrap:wrap;gap:15px;padding:15px 20px}.filter-group,.search-box{width:100%;min-width:unset}.filter-actions{width:100%;margin-left:0;justify-content:space-between}.btn-reset,.btn-apply{flex:1;justify-content:center}.order-filter-bar{margin-bottom:15px}.order-filter-bar .filter-label{font-size:16px;margin-bottom:6px}.order-filter-bar .filter-select,.order-filter-bar .search-input{padding:12px 14px;font-size:16px}}@media (max-width: 480px){.filter-bar{padding:12px 15px;gap:12px}.order-filter-bar .filter-actions{flex-direction:column;gap:8px}.order-filter-bar .btn-reset,.order-filter-bar .btn-apply{width:100%;padding:12px 16px}}.order-filter-bar .filter-select,.order-filter-bar .search-input,.order-filter-bar .btn-reset,.order-filter-bar .btn-apply{transition:all .3s cubic-bezier(.4,0,.2,1)}.order-filter-bar .filter-select:focus,.order-filter-bar .search-input:focus{transform:translateY(-1px)}.order-filter-bar .filter-icon,.order-filter-bar .search-icon{transition:all .3s ease}.order-filter-bar .filter-group:hover .filter-icon,.order-filter-bar .search-input-container:hover .search-icon{color:#f97316;transform:scale(1.1)}.order-filter-bar+div .cont_resultados-contador{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;color:#d1d5db;box-shadow:0 2px 4px #0000001a}.order-filter-bar+div .cont_resaltado{color:#f97316;text-shadow:0 1px 2px rgba(0,0,0,.2)}.status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.status-modal-container{background:#0f172a;border:1px solid #334155;border-radius:12px;box-shadow:0 20px 60px #0006;width:90%;max-width:500px;overflow:hidden;animation:slideIn .3s ease}.status-modal-header{background:#1e293b;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155}.status-modal-title{display:flex;align-items:center;gap:12px}.status-modal-title h3{margin:0;color:#fff;font-size:18px;font-weight:600}.warning-icon{color:#f59e0b;font-size:20px}.status-modal-close{background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.status-modal-close:hover{background:#ef44441a;color:#ef4444}.status-modal-content{padding:24px;color:#fff}.order-info{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.order-code,.order-client{display:flex;flex-direction:column;gap:4px}.order-info .label{font-size:12px;color:#9ca3af;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.order-info .value{font-size:14px;color:#fff;font-weight:600}.status-change-info{display:flex;flex-direction:column;gap:20px}.status-transition{display:flex;align-items:center;justify-content:center;gap:20px}.status-from,.status-to{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.status-indicator{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #0000004d}.status-modal-icon{font-size:20px}.status-name{font-size:14px;font-weight:600;color:#fff;text-align:center}.status-arrow{font-size:24px;color:#f97316;font-weight:700;margin:0 10px}.status-description{background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.info-icon{color:#f97316;font-size:16px;flex-shrink:0}.status-description p{margin:0;color:#fff;font-size:14px;line-height:1.5}.status-modal-actions{background:#1e293b;padding:20px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #334155}.btn-cancel,.btn-confirm{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn-cancel{background:transparent;color:#9ca3af;border-color:#4b5563}.btn-cancel:hover{background:#4b55631a;color:#fff;border-color:#6b7280;transform:translateY(-1px)}.btn-confirm{color:#fff;border-color:transparent;font-weight:700}.btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-confirm:hover:before{left:100%}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}.btn-icon{font-size:14px}@media (max-width: 768px){.status-modal-container{width:95%;margin:20px}.status-modal-header{padding:16px 20px}.status-modal-content{padding:20px}.status-modal-actions{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-confirm{width:100%;justify-content:center}.status-transition{flex-direction:column;gap:16px}.status-arrow{transform:rotate(90deg);margin:8px 0}.order-info{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.status-modal-title h3{font-size:16px}.status-indicator{width:40px;height:40px;font-size:16px}.status-modal-icon{font-size:16px}}.detalle-pedido-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.detalle-pedido-panel{background-color:#0f172a;color:#fff;padding:30px;width:95%;max-width:1100px;border-radius:12px;position:relative;overflow-y:auto;max-height:95vh}.close-button{position:absolute;top:16px;right:22px;background:none;border:none;font-size:26px;color:#ffffffb0;cursor:pointer}.detalle-title{font-size:24px;color:#ff8c00;margin-bottom:25px;font-weight:700}.detalle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.detalle-card{background-color:#1e293b;border-radius:10px;padding:20px;box-shadow:0 0 10px #00000025;border:1px solid #2f3e52;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.detalle-card h3{margin-bottom:12px;font-size:16px;color:#f1f5f9}.detalle-card p{margin:6px 0;font-size:14px;color:#e2e8f0}.estado-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background-color:orange;color:#000;font-weight:600;font-size:13px;margin-left:10px}.estado-dot{width:10px;height:10px;background-color:#ff0;border-radius:50%;margin-right:6px}.asignar-select{width:100%;padding:8px;border-radius:6px;margin-top:6px;margin-bottom:12px;font-size:14px;background-color:#1e293b;color:#fff;border:1px solid #334155}.asignar-select option{background-color:#1e293b;color:#fff}.map-preview{background-color:#334155;padding:12px;border-radius:8px;color:#e2e8f0;font-size:13px}.btn-wsp,.btn-call,.btn-ver-ubicacion,.btn-map{display:inline-block;margin-top:8px;margin-right:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;color:#fff;font-weight:500}.btn-wsp{background-color:#25d366}.btn-call{background-color:#1f2937}.btn-ver-ubicacion,.btn-map{background-color:#00c853}.detalle-grid{display:flex;flex-direction:row;gap:20px;justify-content:space-between}.grid-col{display:flex;flex-direction:column;gap:20px}.btn-azul{background-color:#3d63eb;color:#000;padding:10px 14px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}.btn-azul:disabled{background-color:#2667c2cb;cursor:not-allowed;opacity:.6}.btn-azul:hover{background-color:#1d4ed8}.comunicacion-card button{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:10px 14px;border-radius:6px;border:none;margin:8px 0;width:100%;cursor:pointer;transition:transform .2s ease}.comunicacion-card button:hover{transform:scale(1.03)}.btn-wsp-cliente{background-color:#22c55e;color:#fff}.btn-wsp-cliente:hover{background-color:#16a34a}.btn-call-cliente{background-color:#000b;color:#fff}.btn-call-cliente:hover{background-color:#41486fbd}.btn-ver-ubicacion-final{background-color:#000b;color:#22c55e;border:2px solid #22c55e;box-shadow:0 0 0 1px #16f363 inset}.btn-ver-ubicacion-final:hover{background-color:#41486f00;color:#fff}.icono-btn{font-size:16px}.icono-ubicacion-animado{font-size:40px;color:#ef4444;animation:bounce 1s infinite;display:flex;justify-content:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-ubicacion{background-color:#334155;padding:20px;border-radius:12px;text-align:center;color:#e2e8f0;box-shadow:0 0 10px #0003}.card-ubicacion h4{font-size:16px;font-weight:600;margin-bottom:6px}.card-ubicacion p{font-size:13px;margin:4px 0}.label-coordenadas-card{margin-top:14px;background-color:#4b954b60;border-radius:8px;padding:14px;color:#86efac;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:6px}.icono-cliente-card{display:flex;align-items:center;gap:6px;font-size:14px}.coords{font-size:13px;color:#10b981;font-weight:600;padding:4px 8px;background:#10b9811a;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.productos-card h3{font-size:18px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.producto-line{margin-bottom:10px}.producto-info{display:flex;justify-content:space-between;font-size:15px;color:#f1f5f9;font-weight:500}.producto-cantidad-nombre{display:inline-block}.producto-precio{font-weight:600}.producto-tamano-text{font-size:13px;color:#94a3b8;margin-left:4px}.producto-totales-resumen{margin-top:10px;font-size:15px}.linea-totales{display:flex;justify-content:space-between;margin:4px 0;color:#cbd5e1}.total-final{margin-top:8px;color:#4ade80;font-size:16px}.map-controls{display:flex;gap:10px;margin-top:15px}.btn-mapa,.btn-ruta{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-mapa{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-mapa:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-ruta{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-ruta:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.map-container{margin-top:20px;border-radius:12px;background:#1e293b;border:1px solid #334155;overflow:hidden}.map-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#2d3748;border-bottom:1px solid #4a5568}.map-header h4{margin:0;color:#f7fafc;font-size:16px;font-weight:600}.map-close-btn{background:none;border:none;color:#a0aec0;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.map-close-btn:hover{background:#4a5568;color:#fff}@media (max-width: 768px){.detalle-grid{grid-template-columns:1fr}.map-controls{flex-direction:column}.btn-mapa,.btn-ruta{width:100%}}.order-map-container{width:100%;display:flex;flex-direction:column;gap:15px}.map-wrapper{width:100%;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0003;z-index:1}.map-loading,.map-error-container{padding:20px;text-align:center;background-color:#ffffff1a;border-radius:8px;color:#9ca3af;min-height:200px;display:flex;align-items:center;justify-content:center}.map-error-container{color:#ff6b6b}.map-instructions{background-color:#ffffff0d;padding:20px;border-radius:8px;margin-top:15px}.route-summary{margin-bottom:20px}.route-summary h3{color:#feb248;margin-bottom:10px;font-size:16px;border-bottom:1px solid rgba(254,178,72,.2);padding-bottom:5px}.route-summary p{margin:5px 0;font-size:14px}.route-steps{margin-bottom:20px}.route-steps h3{color:#feb248;margin-bottom:10px;font-size:16px;border-bottom:1px solid rgba(254,178,72,.2);padding-bottom:5px}.route-steps ol{padding-left:20px}.route-steps li{margin-bottom:8px;font-size:14px;line-height:1.4}.route-info{background:linear-gradient(135deg,#feb248,#f59e0b);color:#821717;padding:12px 15px;border-radius:8px;margin-bottom:10px;font-weight:500}.route-details{display:flex;justify-content:space-between;align-items:center;gap:15px}.route-loading{text-align:center;font-weight:600;color:#821717}.route-loading span{display:inline-flex;align-items:center;gap:8px}.route-error{text-align:center;color:#dc2626;font-weight:600;background-color:#ef44441a;padding:8px;border-radius:4px;border:1px solid rgba(239,68,68,.3)}.route-distance,.route-duration{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.location-warning{margin-top:8px;padding:8px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;font-size:12px;color:#dc2626}.map-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.route-actions{display:flex;flex-direction:column;gap:8px}.navigate-button{border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.navigate-button.google-maps{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff}.navigate-button.google-maps:hover{background:linear-gradient(135deg,#1a73e8,#1557b0);transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.navigate-button.waze{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.navigate-button.waze:hover{background:linear-gradient(135deg,#09c,#069);transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.navigate-button:active{transform:translateY(0)}.open-maps-button{display:inline-block;background-color:#feb248;color:#821717;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;width:100%;border:none;cursor:pointer;font-size:14px}.open-maps-button:hover{background-color:#fea030;transform:translateY(-2px);box-shadow:0 2px 4px #0003}.info-window{padding:5px}.info-window h3{margin:0 0 5px;color:#202938;font-size:14px}.info-window p{margin:0;font-size:12px;color:#333}@media (max-width: 768px){.map-wrapper{height:300px}.route-details{flex-direction:column;gap:8px;text-align:center}.route-distance,.route-duration{justify-content:center}.map-actions{gap:8px}.navigate-button,.open-maps-button{padding:10px 15px;font-size:13px}}.order_tabs-pedidos{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;width:100%;justify-content:center;padding:15px;position:relative;overflow:hidden}.order_tabs-pedidos:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%}.order_tab-btn{background-color:transparent;border:1px solid #374151;border-radius:6px;padding:10px 20px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#d1d5db;flex:1;max-width:200px;min-width:150px}.order_tab-btn:hover:not(.order_activo){background-color:#1f2937b3;transform:translateY(-2px);border-color:#feb248}.order_tab-btn.order_activo{background-color:#feb248;color:#821717;font-weight:600;border-color:#feb248;box-shadow:0 2px 5px #00000026}@media (max-width: 768px){.order_tabs-pedidos{flex-direction:row;overflow-x:auto;justify-content:flex-start;padding:15px 10px}.order_tab-btn{min-width:120px;font-size:1.2rem;padding:8px 15px;white-space:nowrap}}.styled-tabs{display:flex;gap:12px;margin-bottom:20px;padding:10px;border-radius:10px;background-color:transparent}.styled-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:all .2s ease;flex:1;justify-content:space-between;background-color:#0f172a}.tab-icon{font-size:18px}.tab-count{background-color:#fff3;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700}.styled-tab.yellow{background-color:#ffc107;color:#000}.styled-tab.blue{background-color:#0d6efd;color:#fff}.styled-tab.green{background-color:#198754;color:#fff}.styled-tab.red{background-color:#dc3545;color:#fff}.styled-tab.active{outline:2px solid #FEB248;box-shadow:0 0 10px #feb24880}.left-align{justify-content:flex-start!important}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.new-order-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(400px,90%,1000px);max-height:95vh;overflow-y:auto;display:flex;flex-direction:column;background-color:#0f172a;border:1px solid #283446;border-radius:10px;padding:1.5rem;box-shadow:0 4px 16px #0003;animation:fadeInScale .3s ease-out forwards}.new__order-modal-header{display:flex;flex-direction:column;padding-bottom:20px}.new__order-modal-header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.new__order-modal-header-title h2{color:var(--orange-accent);font-size:1.5rem}.new__order-modal-header button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;transition:color .2s ease}.new__order-modal-header button:hover{color:var(--orange-accent)}.new__order-modal-header button:focus{outline:none}.new__order-modal-header-steps{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:1rem 0}.nor-step-progress-text{color:#fff;font-size:1rem;margin-bottom:.5rem;font-weight:500}.nor-step-progress-bar-container{width:100%;height:8px;background-color:#283446;border-radius:4px;overflow:hidden}.nor-step-progress-bar{height:100%;background-color:var(--orange-accent);transition:width .3s ease}.new__order-modal-content{flex:1;display:flex;flex-direction:column}.new__order-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}.new__order-modal-footer-buttons{display:flex;justify-content:space-between;width:100%}.nor-button{background-color:var(--orange-accent);color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.nor-button:hover{background-color:#ff9800;transform:translateY(-2px)}.nor-button:active{transform:translateY(0)}.step-container{display:flex;flex-direction:column;gap:1rem;border-top:1px solid #283446;padding:20px;color:var(--orange-accent)}.step1-form{display:flex;flex-direction:column;gap:1rem;flex-wrap:wrap}.step1-form-input{display:flex;flex-direction:column;flex:1;padding:10px;border:1px solid #283446;border-radius:5px;color:#fff}.step1-form-input label{margin-bottom:5px;color:#fff}.step1-form-input input{padding:10px;border:none;border-radius:5px;background-color:#1e293b;color:#fff}.step1-form-name{display:flex;flex-direction:row}.nor-product-filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.nor-filter-btn{background:#283446;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer}.nor-filter-btn.active{background:var(--orange-accent)}.nor-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.nor-product-card{background:#162033;padding:.75rem;border-radius:8px;cursor:pointer;text-align:center;transition:transform .2s}.nor-product-card img{width:100%;height:auto;border-radius:6px}.nor-product-card.selected{border:2px solid var(--orange-accent);transform:scale(1.03)}.nor-selected-panel{margin-top:1.5rem;border-top:1px solid #334155;padding-top:1rem;color:#fff}.nor-selected-item{background:#1e293b;margin-bottom:1rem;border-radius:6px;padding:.75rem}.nor-selected-header{display:flex;justify-content:space-between;align-items:center}.nor-customization{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:1rem}.nor-customization label{display:flex;align-items:center;gap:.25rem}.nor-customize-btn{background:transparent}.inline-icon{display:inline;width:16px;height:16px;margin-right:8px;vertical-align:text-top}.client-type-selector{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#1e293b;border-radius:6px}.client-type-selector label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer}.client-type-selector input[type=radio]{accent-color:var(--orange-accent)}.address-section{margin-top:1.5rem;border-top:1px solid #283446;padding-top:1rem}.address-type-selector{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#1e293b;border-radius:6px}.address-type-selector label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer}.address-form{display:flex;flex-direction:column;gap:1rem}.location-info{text-align:center;padding:1rem;background:#1e293b;border-radius:6px;color:#fff}.payment-section{margin-top:1.5rem;border-top:1px solid #283446;padding-top:1rem}.payment-methods{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#1e293b;border-radius:6px}.payment-methods label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer}.card-info{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.focused-view{display:flex;flex-direction:column;height:100%}.focused-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #283446}.nor-back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #283446;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.nor-back-btn:hover{background:#283446;color:var(--orange-accent)}.focused-main{flex:1;display:flex;gap:1.5rem}.focused-product-details{flex:0 0 200px;text-align:center}.focused-product-details img{width:100%;max-width:200px;height:auto;border-radius:8px;margin-bottom:1rem}.focused-product-price{color:#fff}.focused-product-options{flex:1}.option-group{margin-bottom:1.5rem}.option-group h4{color:#fff;margin-bottom:.75rem;font-size:1rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.option-card{background:#1e293b;border:1px solid #283446;padding:.75rem;border-radius:6px;color:#fff;cursor:pointer;text-align:center;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;min-height:40px}.option-card:hover{border-color:var(--orange-accent);transform:translateY(-2px)}.option-card.selected{background:var(--orange-accent);border-color:var(--orange-accent);color:#fff}.check-icon{position:absolute;top:4px;right:4px;width:16px;height:16px}.quantity-controls{display:flex;align-items:center;gap:1rem;justify-content:center}.quantity-btn{background:var(--orange-accent);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-btn:hover{background:#ff9800;transform:scale(1.1)}.quantity-display{color:#fff;font-size:1.2rem;font-weight:600;min-width:40px;text-align:center}.confirm-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600}.nor-selected-panel h4{color:var(--orange-accent);margin-bottom:1rem}.nor-selected-item{position:relative}.nor-selected-header{display:flex;align-items:flex-start;gap:1rem}.nor-selected-header>div:first-child{flex:1}.nor-selected-header h5{color:#fff;margin:0 0 .5rem;font-size:1rem}.nor-selected-header p{color:#94a3b8;margin:.25rem 0;font-size:.875rem}.item-total{color:var(--orange-accent);font-size:1.1rem;font-weight:600}.remove-item-btn{background:#ef4444;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-item-btn:hover{background:#dc2626;transform:scale(1.1)}.added-ingredients{margin-top:.5rem;color:#64748b}.selected-total{text-align:right;margin-top:1rem;padding-top:1rem;border-top:1px solid #283446;color:var(--orange-accent);font-size:1.2rem}.order-summary-section{margin-bottom:1.5rem;background:#1e293b;padding:1rem;border-radius:8px;border-left:4px solid var(--orange-accent)}.order-summary-section h4{color:var(--orange-accent);margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center}.client-summary,.address-summary,.payment-summary,.products-summary,.cost-summary{color:#fff}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem 0}.summary-row:last-child{margin-bottom:0}.product-summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #283446}.product-summary-item:last-child{border-bottom:none}.product-info{flex:1}.product-name{font-weight:600;margin-bottom:.25rem}.product-details{font-size:.875rem;color:#94a3b8;margin-bottom:.25rem}.product-price{text-align:right;display:flex;flex-direction:column;gap:.25rem}.unit-price{font-size:.875rem;color:#94a3b8}.total-price{font-weight:600;color:var(--orange-accent)}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #334155}.cost-row:last-child{border-bottom:none}.total-row{font-size:1.1rem;padding-top:1rem;border-top:2px solid var(--orange-accent);margin-top:.5rem}.terms-section{margin:1.5rem 0;text-align:center}.terms-checkbox{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;justify-content:center}.terms-checkbox input[type=checkbox]{accent-color:var(--orange-accent);transform:scale(1.2)}.confirm-section{text-align:center}.confirm-order-btn{width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:600;background:var(--orange-accent);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.confirm-order-btn:hover:not(.disabled){background:#ff9800;transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}.confirm-order-btn.disabled{background:#64748b;cursor:not-allowed;opacity:.6}.error-message{background:#fee2e2;border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:6px;margin:1rem 0;position:relative;display:flex;align-items:center;justify-content:space-between}.error-dismiss{background:none;border:none;color:#dc2626;font-size:1.5rem;cursor:pointer;padding:0;margin-left:1rem}.loading-message{background:#dbeafe;border:1px solid #60a5fa;color:#1d4ed8;padding:1rem;border-radius:6px;margin:1rem 0;display:flex;align-items:center;gap:1rem}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #1d4ed8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.focused-main{flex-direction:column}.focused-product-details{flex:none}.options-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.summary-row,.cost-row,.product-summary-item{flex-direction:column;align-items:flex-start;gap:.25rem}.product-price{align-self:flex-end}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172acc;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-alert-modal{background:var(--color-bg-secondary, #0f172a);border:1px solid var(--color-tertiary, #334155);border-radius:12px;box-shadow:0 20px 40px #0006;max-width:450px;width:90%;margin:20px;animation:slideIn .3s ease-out;overflow:hidden;color:var(--color-text, #e2e8f0)}.custom-alert-header{padding:25px 25px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--color-tertiary, #334155);background:var(--color-secondary, #1e293b)}.custom-alert-icon{font-size:24px;min-width:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-alert-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text, #e2e8f0)}.custom-alert-body{padding:20px 25px;background:var(--color-bg-secondary, #0f172a)}.custom-alert-message{margin:0;font-size:16px;line-height:1.6;color:var(--color-text-light, #94a3b8)}.custom-alert-footer{padding:15px 25px 25px;display:flex;gap:12px;justify-content:flex-end;background:var(--color-secondary, #1e293b);border-top:1px solid var(--color-tertiary, #334155)}.custom-alert-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:90px;position:relative;overflow:hidden}.custom-alert-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.custom-alert-btn:hover:before{left:100%}.custom-alert-btn-cancel{background-color:var(--color-tertiary, #334155);color:var(--color-text-light, #94a3b8);border:1px solid var(--color-tertiary, #334155)}.custom-alert-btn-cancel:hover{background-color:var(--color-secondary, #1e293b);color:var(--color-text, #e2e8f0);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.custom-alert-btn-confirm{background:linear-gradient(135deg,var(--orange-accent, #f97316),var(--orange-hover, #ea580c));color:#fff;border:1px solid var(--orange-accent, #f97316);box-shadow:0 2px 8px #f973164d}.custom-alert-btn-confirm:hover{background:linear-gradient(135deg,var(--orange-hover, #ea580c),#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #f9731666}.custom-alert-modal.warning .custom-alert-icon{color:var(--color-warning, #f59e0b)}.custom-alert-modal.warning .custom-alert-btn-confirm{background:linear-gradient(135deg,var(--color-warning, #f59e0b),#d97706);border-color:var(--color-warning, #f59e0b);box-shadow:0 2px 8px #f59e0b4d}.custom-alert-modal.warning .custom-alert-btn-confirm:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66}.custom-alert-modal.error .custom-alert-icon{color:var(--color-danger, #ef4444)}.custom-alert-modal.error .custom-alert-btn-confirm{background:linear-gradient(135deg,var(--color-danger, #ef4444),#dc2626);border-color:var(--color-danger, #ef4444);box-shadow:0 2px 8px #ef44444d}.custom-alert-modal.error .custom-alert-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466}.custom-alert-modal.success .custom-alert-icon{color:var(--color-success, #22c55e)}.custom-alert-modal.success .custom-alert-btn-confirm{background:linear-gradient(135deg,var(--color-success, #22c55e),#16a34a);border-color:var(--color-success, #22c55e);box-shadow:0 2px 8px #22c55e4d}.custom-alert-modal.success .custom-alert-btn-confirm:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 16px #22c55e66}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-alert-icon{animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 480px){.custom-alert-modal{margin:10px;width:calc(100% - 20px);border-radius:8px}.custom-alert-header,.custom-alert-body,.custom-alert-footer{padding-left:20px;padding-right:20px}.custom-alert-footer{flex-direction:column}.custom-alert-btn{width:100%;justify-content:center}.custom-alert-title{font-size:18px}.custom-alert-message{font-size:15px}}.custom-alert-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--orange-accent, #f97316),var(--color-success, #22c55e),var(--orange-accent, #f97316));opacity:.6}.connection-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.connection-alert{background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 40px #00000026;border:1px solid #e0e0e0;max-width:400px;width:90%;animation:slideIn .3s ease-out}.alert-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.alert-icon{flex-shrink:0;width:48px;height:48px;background:#f443361a;border-radius:12px;display:flex;align-items:center;justify-content:center}.alert-content{flex:1;min-width:0}.alert-title{margin:0 0 8px;color:#333;font-size:18px;font-weight:600;line-height:1.2}.alert-message{margin:0;color:#666;font-size:14px;line-height:1.4}.alert-close{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;flex-shrink:0}.alert-close:hover{background:#f5f5f5;color:#666}.alert-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #f0f0f0}.alert-button{border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.alert-button.secondary{background:#f5f5f5;color:#666}.alert-button.secondary:hover{background:#e0e0e0;color:#333}.alert-button.primary{background:#2196f3;color:#fff}.alert-button.primary:hover{background:#1976d2;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.connection-alert{padding:20px;border-radius:12px}.alert-header{gap:12px;margin-bottom:16px}.alert-icon{width:40px;height:40px}.alert-title{font-size:16px}.alert-message{font-size:13px}.alert-actions{flex-direction:column;gap:8px}.alert-button{justify-content:center}}.gestion-clientes{display:flex;flex-direction:column;width:100%;height:100%;overflow-x:auto}.gestion-clientes-header{padding:20px;background:#0f172a;font-size:1rem;width:100%;height:10%;color:var(--orange-accent);border-bottom:1px solid #374151}.gestion-clientes-content{display:flex;flex-direction:column;width:100%;height:100%;padding:20px 30px;background-color:#1e293b}.gestion-clientes-filters{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%;margin-bottom:20px;padding:10px;background:#0f172a;gap:10px;border-radius:20px;border:1px solid #374151}.gestion-clientes-search{display:flex;flex-direction:row;align-items:center;width:50%;height:100%;padding:10px}.gestion-clientes-search-input{display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:#1e293b;border-radius:10px;border:1px solid #374151;width:100%;height:100%;padding:10px;gap:10px}.gestion-clientes-search-input input{background-color:transparent;border:none;width:100%;height:100%;color:#fff;outline:none}.gestion-clientes-search-input input::placeholder{color:#6b7280}.gestion-clientes-search-input:focus-within{border-color:#f97316;box-shadow:0 0 0 2px #f973161a}.gestion-clientes-filters-options{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%;height:100%;gap:8px}.gestion-clientes-filters-options button{background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.gestion-clientes-filters-options button:hover{background-color:#4b5563;color:#fff}.gestion-clientes-filters-options button.active{background-color:#f97316;color:#fff;border-color:#f97316}.gestion-clientes-table{display:flex;flex-direction:column;width:100%;height:100%;padding:20px 0}.cl-table{width:100%;height:100%;border-collapse:collapse;padding:20px;background-color:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.cl-table-header{background-color:#1e293b;color:#f97316;font-weight:600;text-align:left;width:100%;border:1px solid #4b5563}.cl-table th{padding:16px 20px;vertical-align:middle;font-size:1.075rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f97316}.cl-table-body{background-color:#0f172a;color:#fff;width:100%;height:90%}.cl-table tr{border-bottom:1px solid #374151;transition:background-color .2s ease}.cl-table tbody tr:hover{background-color:#3741514d}.cl-table td{padding:20px;vertical-align:middle;border-bottom:1px solid #374151}.cliente-avatar{width:48px;height:48px;background-color:#f97316;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:15px;flex-shrink:0;font-weight:600}.cliente-avatar svg{width:24px;height:24px;stroke-width:2px}.cliente-info{display:flex;align-items:center}.cliente-datos{display:flex;flex-direction:column}.cliente-nombre{font-weight:600;margin-bottom:4px;color:#fff;font-size:1rem}.cliente-desde{font-size:.875rem;color:#94a3b8}.contacto-info{display:flex;flex-direction:column;gap:8px}.contacto-item{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem}.contacto-item svg{color:#6b7280;flex-shrink:0}.pedidos-info{text-align:center}.pedidos-count{font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:2px}.pedidos-text{font-size:.875rem;color:#94a3b8}.total-gastado{color:#22c55e;font-weight:700;font-size:1.125rem}.ultimo-pedido{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem}.ultimo-pedido svg{color:#6b7280;flex-shrink:0}.valoracion{display:flex;align-items:center;gap:6px}.valoracion-numero{font-weight:700;color:#fff}.valoracion-estrella{color:#fbbf24;width:16px;height:16px}.valoracion-total{color:#94a3b8;font-size:.875rem}.badge-estado{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:600;gap:6px;font-size:.875rem}.estado-indicator{width:8px;height:8px;border-radius:50%}.badge-activo{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge-activo .estado-indicator{background-color:#22c55e}.badge-vip{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-vip .estado-indicator{background-color:#f59e0b}.badge-inactivo{background-color:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.badge-inactivo .estado-indicator{background-color:#9ca3af}.acciones{display:flex;gap:8px}.btn-perfil{background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-perfil:hover{background-color:#4b5563;color:#fff}.btn-contactar{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-contactar:hover{background-color:#2563eb}.no-results{text-align:center;padding:60px 20px;background-color:transparent;border:none}.no-results-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7280}.no-results-content h3{margin:0;font-size:1.25rem;font-weight:600;color:#9ca3af}.no-results-content p{margin:0;font-size:.875rem;color:#6b7280}.resultados-contador{color:#94a3b8;font-size:.875rem;font-weight:500}.table-header-info{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #374151;margin-bottom:16px}.elementos-por-pagina{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem}.elementos-por-pagina select{background-color:#1e293b;color:#fff;border:1px solid #4b5563;border-radius:6px;padding:4px 8px;cursor:pointer;outline:none}.elementos-por-pagina select:focus{border-color:#f97316}.paginacion-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #374151;margin-top:16px}.paginacion-info{color:#94a3b8;font-size:.875rem}.paginacion-controles{display:flex;align-items:center;gap:8px}.btn-paginacion{display:flex;align-items:center;gap:6px;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-paginacion:hover:not(:disabled){background-color:#4b5563;color:#fff}.btn-paginacion:disabled{opacity:.5;cursor:not-allowed}.numeros-pagina{display:flex;align-items:center;gap:4px}.btn-numero-pagina{background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;min-width:40px}.btn-numero-pagina:hover{background-color:#4b5563;color:#fff}.btn-numero-pagina.activo{background-color:#f97316;color:#fff;border-color:#f97316}.puntos-suspensivos{color:#6b7280;padding:0 8px;font-weight:700}.cliente-perfil-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cliente-perfil-modal{background-color:#0f172a;border-radius:10px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;animation:modalFadeIn .3s ease;border:1px solid #334155}.cliente-perfil-modal-header{display:flex;align-items:center;padding:20px 30px;border-bottom:1px solid #334155;gap:15px;color:#f97316}.cliente-perfil-modal-header h2{flex-grow:1;margin:0;font-size:1.5rem;color:#f97316}.cliente-perfil-modal-subheader{padding:15px 30px;border-bottom:1px solid #334155;color:#94a3b8;font-size:.9rem}.btn-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;transition:color .2s ease}.btn-close:hover{color:#f97316}.cliente-perfil-modal-content{padding:20px;display:flex;flex-direction:column;gap:20px}.cliente-perfil-left-section{display:flex;flex-direction:column;gap:25px}.info-personal{position:relative}.info-personal:after{content:"";position:absolute;bottom:-12px;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#334155,transparent)}.cliente-perfil-column{flex:1;background-color:#1e293b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;border:1px solid #334155}.column-header{display:flex;align-items:center;gap:10px;color:#f97316;margin-bottom:10px}.column-header h3{margin:0;font-size:1.2rem}.cliente-avatar-large{width:80px;height:80px;background-color:#f97316;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 15px}.cliente-nombre-grande{font-size:1.5rem;font-weight:600;color:#fff;text-align:center;margin-bottom:10px}.cliente-contacto-info{display:flex;flex-direction:column;gap:29px;margin-top:20px}.comentarios-container{display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:600px;padding-right:10px}.comentario-card{background-color:#111827;border:1px solid #334155;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:12px}.comentario-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#94a3b8}.comentario-order-id{color:#94a3b8;background-color:#94a3b81a;padding:4px 8px;border-radius:4px;font-size:.8rem}.comentario-experiencia{display:flex;flex-direction:column;align-items:center;gap:4px}.comentario-experiencia .valoracion-estrella{color:#fbbf24}.comentario-texto{color:#fff;font-size:1rem;line-height:1.5;padding:10px 0;font-style:italic}.comentario-actions{display:flex;flex-direction:column;gap:15px}.comentario-estado,.comentario-visibilidad{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#94a3b8;font-size:.9rem}.badge-aprobado{display:flex;align-items:center;gap:5px;background-color:#22c55e1a;color:#22c55e;padding:4px 8px;border-radius:20px;font-size:.8rem;border:1px solid rgba(34,197,94,.2)}.badge-rechazado{display:flex;align-items:center;gap:5px;background-color:#ef44441a;color:#ef4444;padding:4px 8px;border-radius:20px;font-size:.8rem;border:1px solid rgba(239,68,68,.2)}.visibilidad-botones{display:flex;gap:8px}.visibilidad-botones button{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-si{background-color:#22c55e1a;color:#94a3b8;border:1px solid #334155}.btn-si.active{background-color:#22c55e4d;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.btn-no{background-color:#ef44441a;color:#94a3b8;border:1px solid #334155}.btn-no.active{background-color:#ef44444d;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-eliminar{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-eliminar:hover{background-color:#ef444433}.comentario-status-indicator{font-size:.8rem;color:#6b7280;margin-top:10px}.status-visible{display:flex;align-items:center;gap:5px}.status-visible:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#22c55e}.status-oculto{display:flex;align-items:center;gap:5px}.status-oculto:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#6b7280}.estadisticas-container{padding:0 10px}.estadisticas-container h3{margin-top:0;color:#f97316;font-size:1.2rem;margin-bottom:20px}.estadisticas-cards{display:flex;gap:20px;margin-bottom:30px}.estadistica-card{flex:1;background-color:#111827;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #334155}.estadistica-icon{font-size:2rem;font-weight:700}.pedidos-icon{color:#f97316}.gastado-icon{color:#22c55e}.estadistica-label{color:#94a3b8;font-size:.9rem}.pedidos-recientes{background-color:#111827;border-radius:8px;padding:20px;border:1px solid #334155}.pedidos-recientes h4{margin-top:0;margin-bottom:15px;color:#fff;font-size:1rem}.no-pedidos{color:#6b7280;font-style:italic}.estadisticas-column{background-color:#1e293b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;border:1px solid #334155;position:relative;margin-top:5px}.estadisticas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.estadistica-card{background-color:#111827;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #334155}.estadistica-icono{margin-bottom:10px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;background-color:#3b82f61a;color:#3b82f6}.dinero-icono{background-color:#22c55e1a;color:#22c55e}.comentarios-icono{background-color:#a855f71a;color:#a855f7}.estadistica-valor{font-size:1.5rem;font-weight:700;color:#fff;margin:5px 0}.dinero-valor{color:#22c55e}.estadistica-etiqueta{font-size:.85rem;color:#94a3b8}.valoracion-promedio{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;background-color:#111827;border-radius:8px;border:1px solid #334155}.valoracion-promedio-texto{color:#94a3b8;font-size:.9rem;margin-bottom:5px}.valoracion-promedio-valor{display:flex;align-items:center;gap:5px;font-size:1.8rem;font-weight:700;color:#fff}.valoracion-estrella-grande{color:#fbbf24;width:24px;height:24px}.ultimo-pedido-info{background-color:#111827;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #334155}.ultimo-pedido-texto{color:#94a3b8;font-size:.9rem;margin-bottom:5px}.ultimo-pedido-fecha{font-size:1.1rem;font-weight:600;color:#fff}.no-pedidos{color:#6b7280;font-style:italic;text-align:center;padding:30px 0}.no-comentarios{text-align:center;padding:40px 20px;color:#64748b;font-style:italic}.no-comentarios p{margin:0;font-size:16px}.comentario-producto{margin-bottom:10px;padding:8px 12px;background-color:#1e293b;border-radius:6px;font-size:14px;color:#cbd5e1;border-left:3px solid #f97316}.comentario-producto strong{color:#f97316}.comentario-acciones-botones{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.btn-aprobar,.btn-rechazar{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-aprobar{background-color:#16a34a;color:#fff}.btn-aprobar:hover{background-color:#15803d;transform:translateY(-1px)}.btn-rechazar{background-color:#dc2626;color:#fff}.btn-rechazar:hover{background-color:#b91c1c;transform:translateY(-1px)}.badge-pendiente{background-color:#fbbf24;color:#92400e}.badge-rechazado{background-color:#f87171;color:#7f1d1d}@media (max-width: 768px){.comentario-acciones-botones{justify-content:flex-start}.btn-aprobar,.btn-rechazar{flex:1;min-width:100px;justify-content:center}}.btn-contactar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:20px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #25d3664d}.btn-contactar:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-2px);box-shadow:0 4px 12px #25d36666}.btn-contactar:active{transform:translateY(0);box-shadow:0 2px 6px #25d3664d}.btn-contactar:disabled{background:#64748b;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.btn-contactar{padding:10px 14px;font-size:13px}}.experiencias-column{background-color:#1e293b;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;margin-top:20px;border:1px solid #334155;display:flex;flex-direction:column;gap:15px}.experiencias-container{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:5px}.experiencias-container::-webkit-scrollbar{width:5px}.experiencias-container::-webkit-scrollbar-thumb{background-color:#475569;border-radius:10px}.experiencias-container::-webkit-scrollbar-track{background-color:#1e293b;border-radius:10px}.experiencia-card{background-color:#0f172a;border-radius:8px;padding:15px;border:1px solid #334155;transition:all .2s ease}.experiencia-card:hover{border-color:#f97316;box-shadow:0 0 0 1px #f9731633}.experiencia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem}.experiencia-id{color:#94a3b8;font-size:.8rem}.experiencia-titulo{font-weight:600;color:#f8fafc;font-size:1.1rem}.experiencia-valoracion{display:flex;align-items:center;gap:5px;color:#f97316;font-weight:600}.experiencia-contenido{color:#e2e8f0;font-style:italic;margin:10px 0;line-height:1.5;white-space:pre-wrap;border-left:3px solid #475569;background-color:#1e293b;border-radius:4px;padding:10px;font-size:.95rem}.experiencia-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:10px}.experiencia-estado{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:.85rem}.experiencia-acciones{display:flex;gap:8px}.badge-aprobado,.badge-pendiente{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-aprobado{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-pendiente{background-color:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.cargando-experiencias,.error-experiencias,.no-experiencias{display:flex;justify-content:center;align-items:center;height:100px;color:#94a3b8;font-style:italic;text-align:center}.error-experiencias{color:#f87171}.cliente-perfil-right-section{display:flex;flex-direction:column;gap:20px}.cliente-perfil-column.comentarios-column{margin-bottom:0}.cliente-perfil-modal-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;width:100%}@media (max-width: 1024px){.cliente-perfil-modal-columns{grid-template-columns:1fr;gap:20px}}.admin_tabs{display:flex;gap:12px;margin-bottom:0;padding:0;border-radius:0;background-color:transparent;border:none;flex-wrap:wrap;justify-content:flex-start}.admin-tab{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;border:2px solid transparent;border-radius:10px;cursor:pointer;color:#e2e8f0;transition:all .3s ease;background-color:#0f172a;min-width:140px;justify-content:space-between;position:relative;box-shadow:0 2px 8px #0000001a}.admin-tab:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background-color:#0f172a}.admin-tab.active{outline:2px solid #f97316;box-shadow:0 0 15px #f973164d;transform:translateY(-1px);background-color:#0f172a}.admin-tab .tab-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.admin-tab .tab-label{flex:1;text-align:center;font-size:13px;font-weight:600}.admin-tab .tab-count{background-color:#ffffff26;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;min-width:20px;text-align:center;color:#fff}.admin-tab.active .tab-count{background-color:#ffffff4d}.admin-tab[data-role=todos]{border-color:#6b7280}.admin-tab[data-role=super_admin]{border-color:#dc2626}.admin-tab[data-role=admin]{border-color:#2563eb}.admin-tab[data-role=moderador]{border-color:#059669}.admin-tab[data-role=todos]:hover:not(.active){border-color:#6b7280;background-color:#6b72801a}.admin-tab[data-role=super_admin]:hover:not(.active){border-color:#dc2626;background-color:#dc26261a}.admin-tab[data-role=admin]:hover:not(.active){border-color:#2563eb;background-color:#2563eb1a}.admin-tab[data-role=moderador]:hover:not(.active){border-color:#059669;background-color:#0596691a}@media (max-width: 768px){.admin_tabs{flex-direction:row;overflow-x:auto;justify-content:flex-start;gap:8px;padding-bottom:8px}.admin-tab{min-width:120px;padding:10px 12px;flex-shrink:0}.admin-tab .tab-label{font-size:12px}.admin-tab .tab-icon{font-size:14px}.admin_tabs::-webkit-scrollbar{height:4px}.admin_tabs::-webkit-scrollbar-track{background:#0f172a80;border-radius:2px}.admin_tabs::-webkit-scrollbar-thumb{background:var(--orange-accent);border-radius:2px}}@media (max-width: 480px){.admin_tabs{gap:6px}.admin-tab{min-width:100px;padding:8px 10px}.admin-tab .tab-label{font-size:11px}.admin-tab .tab-count{font-size:10px;padding:2px 6px}}:root{--dark-slate: #0f172a;--slate: #1e293b;--slate-light: #334155;--border-slate: #303e52;--orange-accent: #f97316;--orange-hover: #ea580c;--orange-light: rgba(249, 115, 22, .1);--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--light-gray: #f5f5f5;--medium-gray: #9ca3af;--dark-gray: #6b7280;--white: #ffffff;--shadow: 0 2px 4px rgba(0,0,0,.1);--shadow-hover: 0 4px 12px rgba(0,0,0,.15);--border-radius: 8px}.order_container{background-color:var(--dark-slate)}.admin-tabs-search-section{background:#0f172a!important;border-radius:var(--border-radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow);border:1px solid var(--border-slate)}.admin-tabs-search-section *{background-color:inherit}.admin_tabs{background-color:transparent!important}.admin-tab,.admin-tab:hover,.admin-tab.active{background-color:#0f172a!important}.admin-search-filters-container{display:flex;gap:20px;align-items:center;margin-top:15px;flex-wrap:wrap}.admin-search-wrapper{position:relative;flex:1;min-width:300px}.admin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--medium-gray);z-index:2}.admin-search-input{width:100%;padding:12px 15px 12px 42px;background:var(--dark-slate);border:1px solid var(--border-slate);border-radius:var(--border-radius);color:var(--white);font-size:14px;transition:all .3s ease}.admin-search-input:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px #f973161a}.admin-search-input::placeholder{color:var(--medium-gray)}.admin-filters-group{display:flex;gap:12px;align-items:center}.admin-filter-select{padding:10px 16px;background:var(--dark-slate);border:1px solid var(--border-slate);border-radius:var(--border-radius);color:var(--white);font-size:14px;cursor:pointer;transition:all .3s ease;min-width:150px}.admin-filter-select:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px #f973161a}.admin-filter-select option{background:var(--dark-slate);color:var(--white)}.admin-info-usuario{display:flex;align-items:center;gap:12px;min-width:200px}.admin-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--orange-light);border-radius:50%;color:var(--orange-accent)}.admin-datos{display:flex;flex-direction:column;gap:2px}.admin-nombre{color:var(--white);font-weight:600;font-size:14px}.admin-id{color:var(--medium-gray);font-size:12px;font-family:Courier New,monospace}.badge-super-admin{background-color:#dc2626!important;color:#fff!important;border:2px solid #dc2626!important}.badge-admin{background-color:#2563eb!important;color:#fff!important;border:2px solid #2563eb!important}.badge-moderador{background-color:#059669!important;color:#fff!important;border:2px solid #059669!important}.badge-empleado{background-color:#d97706!important;color:#fff!important;border:2px solid #d97706!important}.admin-contacto{display:flex;flex-direction:column;gap:6px;min-width:220px}.admin-email,.admin-telefono{display:flex;align-items:center;gap:8px;font-size:13px}.admin-email{color:var(--white)}.admin-telefono{color:var(--medium-gray)}.admin-email svg,.admin-telefono svg{color:var(--orange-accent)}.admin-fecha{display:flex;flex-direction:column;gap:6px;min-width:180px}.admin-fecha-principal{display:flex;align-items:center;gap:6px;color:var(--white);font-size:13px}.admin-fecha-principal svg{color:var(--orange-accent)}.admin-fecha-registro{color:var(--medium-gray);font-size:12px}.estado-activo{background-color:#22c55e!important;color:#fff!important;border:2px solid #22c55e!important}.estado-inactivo{background-color:#dc2626!important;color:#fff!important;border:2px solid #dc2626!important}.btn-cancel{background:#dc2626;color:#fff;border:2px solid #dc2626}.btn-cancel:hover{background:#b91c1c;border-color:#991b1b;color:#fff}.btn-delete{background:#dc2626;color:#fff;border:2px solid #dc2626}.btn-delete:hover{background:#b91c1c;border-color:#991b1b;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.admin-modal{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-slate);background:var(--slate)}.admin-modal-header h2{margin:0;color:var(--white);font-size:18px;font-weight:600}.admin-modal-close{background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.admin-modal-close:hover{background-color:#ffffff1a}.admin-modal-content{padding:24px}.admin-form{width:100%}.admin-form-grid{display:grid;gap:20px;margin-bottom:24px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--dark-slate);font-size:14px}.admin-form-input,.admin-form-select{padding:12px 16px;border:2px solid var(--border-slate);border-radius:var(--border-radius);font-size:14px;transition:all .3s ease;background:var(--white);color:var(--dark-slate)}.admin-form-input:focus,.admin-form-select:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px #f973161a}.admin-form-input.error,.admin-form-select.error{border-color:var(--danger-color)}.admin-form-password-wrapper{position:relative}.admin-form-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--medium-gray);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.admin-form-password-toggle:hover{color:var(--orange-accent)}.admin-form-error{color:var(--danger-color);font-size:12px;margin-top:4px}.admin-form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-slate)}.admin-form-btn{padding:12px 24px;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.admin-form-btn:disabled{opacity:.6;cursor:not-allowed}.admin-form-btn-cancel{background:var(--light-gray);border:2px solid var(--medium-gray);color:var(--dark-gray)}.admin-form-btn-cancel:hover:not(:disabled){background:var(--medium-gray);color:var(--white)}.admin-form-btn-submit{background:var(--orange-accent);border:2px solid var(--orange-accent);color:var(--white)}.admin-form-btn-submit:hover:not(:disabled){background:var(--orange-hover);border-color:var(--orange-hover)}.admin-form-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.admin-confirm-dialog{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);width:100%;max-width:400px;padding:0}.admin-confirm-dialog-content{padding:32px;text-align:center}.admin-confirm-dialog-content h3{margin:16px 0 8px;color:var(--dark-slate);font-size:18px;font-weight:600}.admin-confirm-dialog-content p{margin:0 0 24px;color:var(--dark-gray);font-size:14px;line-height:1.5}.admin-confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.admin-cancel-btn,.admin-confirm-delete-btn{padding:10px 20px;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.admin-cancel-btn{background:var(--light-gray);border:2px solid var(--medium-gray);color:var(--dark-gray)}.admin-cancel-btn:hover{background:var(--medium-gray);color:var(--white)}.admin-confirm-delete-btn{background:var(--danger-color);border:2px solid var(--danger-color);color:var(--white)}.admin-confirm-delete-btn:hover{background:#dc2626;border-color:#dc2626}.notification-toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:var(--border-radius);color:var(--white);font-weight:600;box-shadow:var(--shadow-hover);z-index:10000;min-width:300px;max-width:500px;animation:slideInFromRight .3s ease-out}.notification-success{background-color:var(--success-color);border-left:4px solid #16a34a}.notification-error{background-color:var(--danger-color);border-left:4px solid #dc2626}.notification-warning{background-color:var(--warning-color);border-left:4px solid #d97706;color:var(--dark-slate)}.notification-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-message{flex:1;font-size:14px}.notification-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.notification-close:hover{background-color:#fff3}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}@media (max-width: 768px){.admin-search-filters-container{flex-direction:column;align-items:stretch}.admin-search-wrapper{min-width:unset}.admin-filters-group{justify-content:flex-start}.admin-filter-select{min-width:120px}.admin-info-usuario,.admin-contacto,.admin-fecha{min-width:unset}.modal-overlay{padding:10px}.admin-modal{max-width:100%;max-height:95vh}.admin-modal-header{padding:16px 20px}.admin-modal-content{padding:20px}.admin-form-actions{flex-direction:column}.admin-form-btn{width:100%}}@media (max-width: 480px){.admin-tabs-search-section{padding:15px}.admin-search-filters-container{gap:15px}}:root{--ninv-bg-primary: var(--color-primary);--ninv-bg-secondary: var(--color-secondary);--ninv-bg-tertiary: var(--color-tertiary);--ninv-bg-card: var(--color-bg-secondary);--ninv-bg-card-hover: var(--color-bg-tertiary);--ninv-text-primary: var(--color-text);--ninv-text-secondary: var(--color-text-light);--ninv-text-muted: var(--color-text-lighter);--ninv-accent-primary: var(--color-accent);--ninv-accent-primary-hover: var(--orange-hover);--ninv-accent-primary-light: var(--orange-light);--ninv-accent-green: var(--color-success);--ninv-accent-yellow: var(--color-warning);--ninv-accent-red: var(--color-danger);--ninv-border: #475569;--ninv-border-light: #64748b;--ninv-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--ninv-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--ninv-radius: 8px;--ninv-radius-lg: 12px}.ninv-inventory-tabs-container{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--ninv-bg-primary) 0%,var(--ninv-bg-secondary) 100%);color:var(--ninv-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.ninv-inventory-tabs-header{background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ninv-border);padding:1.5rem 2rem;flex-shrink:0;z-index:100;box-shadow:var(--ninv-shadow)}.ninv-inventory-title{font-size:2rem;font-weight:700;margin:0 0 1.5rem;background:linear-gradient(135deg,var(--ninv-accent-primary),var(--ninv-accent-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:1rem}.ninv-inventory-title svg{width:2rem;height:2rem;color:var(--ninv-accent-primary)}.ninv-tabs-navigation{display:flex;gap:.5rem;background:#33415599;padding:.5rem;border-radius:var(--ninv-radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(71,85,105,.3)}.ninv-tab-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:var(--ninv-radius);color:var(--ninv-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ninv-tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ninv-accent-primary),var(--ninv-accent-primary-hover));opacity:0;transition:opacity .3s ease;z-index:-1}.ninv-tab-button:hover:before{opacity:.1}.ninv-tab-button.active{color:var(--ninv-text-primary);background:linear-gradient(135deg,var(--ninv-accent-primary),var(--ninv-accent-primary-hover));box-shadow:var(--ninv-shadow)}.ninv-tab-button.active:before{opacity:0}.ninv-tab-button svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.ninv-tab-button:hover svg{transform:scale(1.1)}.ninv-tab-button.active svg{transform:scale(1.05)}.ninv-tab-button svg[data-icon=pizza],.ninv-tab-button:has(svg[data-icon=pizza]){color:var(--ninv-accent-primary)}.ninv-tab-button:has(svg[data-icon=pizza]).active{background:linear-gradient(135deg,var(--ninv-accent-primary),var(--ninv-accent-primary-hover));color:#fff}.ninv-tab-button:has(svg[data-icon=pizza]).active svg{color:#fff}.ninv-tab-badge{background:var(--ninv-accent-red);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;animation:ninv-pulse 2s infinite}@keyframes ninv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ninv-tab-content{flex:1;overflow:hidden;position:relative;background:var(--ninv-bg-primary)}.ninv-tab-panel{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;opacity:0;transform:translateY(20px);transition:all .4s ease;position:absolute;top:0;left:0;right:0;bottom:0}.ninv-tab-panel.active{opacity:1;transform:translateY(0);position:relative}.ninv-tab-panel:not(.active){pointer-events:none}.ninv-tab-panel::-webkit-scrollbar{width:8px}.ninv-tab-panel::-webkit-scrollbar-track{background:var(--ninv-bg-secondary)}.ninv-tab-panel::-webkit-scrollbar-thumb{background:var(--ninv-bg-tertiary);border-radius:4px}.ninv-tab-panel::-webkit-scrollbar-thumb:hover{background:var(--ninv-border-light)}.ninv-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;background:var(--ninv-bg-primary)}.ninv-loading-spinner{width:3rem;height:3rem;border:3px solid var(--ninv-border);border-top:3px solid var(--ninv-accent-primary);border-radius:50%;animation:ninv-spin 1s linear infinite}.ninv-loading-text{color:var(--ninv-text-secondary);font-size:1rem;font-weight:500}.ninv-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center;background:var(--ninv-bg-primary)}.ninv-error-icon{width:4rem;height:4rem;color:var(--ninv-accent-red);opacity:.7}.ninv-error-title{font-size:1.5rem;font-weight:600;color:var(--ninv-text-primary);margin:0}.ninv-error-message{color:var(--ninv-text-secondary);font-size:1rem;margin:0;max-width:400px;line-height:1.6}.ninv-error-retry{margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--ninv-accent-primary);color:#fff;border:none;border-radius:var(--ninv-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.ninv-error-retry:hover{background:var(--ninv-accent-primary-hover);transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--ninv-radius);color:var(--ninv-accent-red);margin-bottom:1.5rem;font-size:.875rem}.ninv-error-banner svg{width:1.25rem;height:1.25rem;flex-shrink:0}.ninv-error-banner span{flex:1}.ninv-error-banner button{background-color:var(--ninv-accent-red);color:#fff;border:none;border-radius:var(--ninv-radius);padding:.5rem 1rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ninv-error-banner button:hover{background-color:#dc2626}@media (max-width: 768px){.ninv-inventory-tabs-header{padding:1rem 1.5rem}.ninv-inventory-title{font-size:1.5rem;margin-bottom:1rem}.ninv-tabs-navigation{flex-direction:column;gap:.25rem}.ninv-tab-button{padding:.75rem 1rem;justify-content:flex-start}.ninv-tab-badge{margin-left:auto}}@media (max-width: 480px){.ninv-inventory-tabs-header{padding:1rem}.ninv-inventory-title{font-size:1.25rem;flex-direction:column;gap:.5rem;text-align:center}.ninv-tab-button{padding:.625rem .75rem;font-size:.8rem}.ninv-tab-button svg{width:1rem;height:1rem}}.ninv-tab-button:focus{outline:2px solid var(--ninv-accent-primary);outline-offset:2px}.ninv-tab-button:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.ninv-inventory-tabs-container{background:#000}.ninv-tab-button{border:1px solid var(--ninv-border)}.ninv-tab-button.active{border-color:var(--ninv-accent-primary)}}@media (prefers-reduced-motion: reduce){.ninv-tab-button,.ninv-tab-panel,.ninv-loading-spinner{animation:none;transition:none}.ninv-tab-button svg,.ninv-error-retry{transform:none}}.ninv-inventory-dashboard{width:100%;padding:1.5rem;background-color:var(--ninv-bg-primary);min-height:100%;display:flex;flex-direction:column;gap:1.5rem}.ninv-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ninv-text-secondary);gap:1rem}.ninv-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.ninv-metric-card{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:1.5rem;transition:all .3s ease;box-shadow:var(--ninv-shadow)}.ninv-metric-card:hover{transform:translateY(-2px);box-shadow:var(--ninv-shadow-lg);border-color:var(--ninv-border-light)}.ninv-metric-card-blue{border-left:4px solid var(--ninv-accent-primary)}.ninv-metric-card-green{border-left:4px solid var(--ninv-accent-green)}.ninv-metric-card-yellow{border-left:4px solid var(--ninv-accent-yellow)}.ninv-metric-card-red{border-left:4px solid var(--ninv-accent-red)}.ninv-metric-card-purple{border-left:4px solid var(--ninv-accent-primary-hover)}.ninv-metric-card-orange{border-left:4px solid var(--ninv-accent-primary)}.ninv-metric-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.ninv-metric-icon{width:2.5rem;height:2.5rem;padding:.75rem;border-radius:var(--ninv-radius);background-color:var(--ninv-bg-tertiary);color:var(--ninv-text-primary);flex-shrink:0}.ninv-metric-card-blue .ninv-metric-icon{background-color:#3b82f61a;color:var(--ninv-accent-primary)}.ninv-metric-card-green .ninv-metric-icon{background-color:#10b9811a;color:var(--ninv-accent-green)}.ninv-metric-card-yellow .ninv-metric-icon{background-color:#f59e0b1a;color:var(--ninv-accent-yellow)}.ninv-metric-card-red .ninv-metric-icon{background-color:#ef44441a;color:var(--ninv-accent-red)}.ninv-metric-card-purple .ninv-metric-icon{background-color:#8b5cf61a;color:var(--ninv-accent-primary-hover)}.ninv-metric-card-orange .ninv-metric-icon{background-color:#f973161a;color:var(--ninv-accent-primary)}.ninv-metric-info{flex:1;min-width:0}.ninv-metric-title{font-size:.875rem;font-weight:500;color:var(--ninv-text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.ninv-metric-value{font-size:2rem;font-weight:700;color:var(--ninv-text-primary);line-height:1;margin-bottom:.25rem}.ninv-metric-subtitle{font-size:.75rem;color:var(--ninv-text-muted);margin:0}.ninv-metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.ninv-metric-trend.up{color:var(--ninv-accent-green)}.ninv-metric-trend.down{color:var(--ninv-accent-red)}.ninv-metric-trend svg{width:1rem;height:1rem}.ninv-dashboard-section{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:1.5rem;box-shadow:var(--ninv-shadow)}.ninv-section-title{font-size:1.25rem;font-weight:600;color:var(--ninv-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.ninv-section-title svg{width:1.25rem;height:1.25rem;color:var(--ninv-accent-primary)}.ninv-quick-alerts{display:grid;gap:1rem}.ninv-alert-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border-left:4px solid var(--ninv-accent-yellow)}.ninv-alert-item.critical{border-left-color:var(--ninv-accent-red)}.ninv-alert-item.warning{border-left-color:var(--ninv-accent-yellow)}.ninv-alert-item.info{border-left-color:var(--ninv-accent-primary)}.ninv-alert-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.ninv-alert-title{font-size:.875rem;font-weight:500;color:var(--ninv-text-primary);margin:0 0 .25rem}.ninv-alert-description{font-size:.75rem;color:var(--ninv-text-muted);margin:0}.ninv-chart-container{height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);color:var(--ninv-text-muted);font-style:italic}.ninv-chart-card{background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);padding:1.5rem;margin-bottom:1rem}.ninv-category-chart{display:flex;flex-direction:column;gap:1rem}.ninv-category-item{display:flex;align-items:center;gap:1rem}.ninv-category-name{min-width:120px;font-size:.875rem;color:var(--ninv-text-secondary);font-weight:500}.ninv-category-bar-container{flex:1;height:8px;background-color:var(--ninv-bg-card);border-radius:4px;overflow:hidden}.ninv-category-bar{height:100%;background-color:var(--ninv-accent-primary);border-radius:4px;transition:width .3s ease}.ninv-category-count{min-width:40px;text-align:right;font-size:.875rem;color:var(--ninv-text-primary);font-weight:600}.ninv-status-chart{display:flex;justify-content:space-around;align-items:center;gap:1rem;flex-wrap:wrap}.ninv-status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ninv-status-circle{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.ninv-status-normal .ninv-status-circle{background-color:var(--ninv-accent-green)}.ninv-status-bajo .ninv-status-circle{background-color:var(--ninv-accent-yellow)}.ninv-status-crítico .ninv-status-circle{background-color:var(--ninv-accent-red)}.ninv-status-label{font-size:.875rem;color:var(--ninv-text-secondary);font-weight:500;text-transform:capitalize}.ninv-alerts-more{text-align:center;padding:1rem;color:var(--ninv-text-muted);font-style:italic;font-size:.875rem}.ninv-low-stock-list{display:flex;flex-direction:column;gap:.75rem}.ninv-low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border:1px solid var(--ninv-border)}.ninv-item-name{flex:1;font-size:.875rem;color:var(--ninv-text-primary);font-weight:500}.ninv-item-stock{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.ninv-item-stock.low-stock{background-color:#f59e0b1a;color:var(--ninv-accent-yellow)}.ninv-item-stock.zero-stock{background-color:#ef44441a;color:var(--ninv-accent-red)}@media (max-width: 768px){.ninv-inventory-dashboard{padding:1rem;gap:1rem}.ninv-metrics-grid{grid-template-columns:1fr;gap:1rem}.ninv-metric-card{padding:1rem}.ninv-metric-value{font-size:1.5rem}.ninv-dashboard-section{padding:1rem}.ninv-status-chart{flex-direction:column;gap:1.5rem}.ninv-category-item{flex-direction:column;align-items:stretch;gap:.5rem}.ninv-category-name{min-width:auto;text-align:center}}@media (max-width: 480px){.ninv-metric-header{flex-direction:column;gap:.75rem}.ninv-metric-icon{align-self:flex-start}.ninv-alert-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.ninv-inventory-list{width:100%;padding:1.5rem;background-color:var(--ninv-bg-primary);min-height:100%;display:flex;flex-direction:column;gap:1.5rem}.ninv-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background-color:var(--ninv-bg-card);padding:1.5rem;border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border)}.ninv-list-title{font-size:1.5rem;font-weight:600;color:var(--ninv-text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.ninv-list-title svg{width:1.5rem;height:1.5rem;color:var(--ninv-accent-primary)}.ninv-btn-add-product{display:flex;align-items:center;gap:.5rem;background-color:var(--ninv-accent-primary);color:#fff;border:none;border-radius:var(--ninv-radius);padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.ninv-btn-add-product:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-btn-add-product svg{width:1rem;height:1rem}.ninv-controls-section{background-color:var(--ninv-bg-card);padding:1.5rem;border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border);display:flex;flex-direction:column;gap:1rem}.ninv-filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ninv-search-container{position:relative;flex:1;min-width:250px;max-width:400px}.ninv-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);color:var(--ninv-text-primary);font-size:.875rem;transition:all .2s ease;height:2.75rem;box-sizing:border-box}.ninv-search-input::placeholder{color:var(--ninv-text-muted)}.ninv-search-input:focus{outline:none;border-color:var(--ninv-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.ninv-search-icon{position:absolute;left:.75rem;top:.875rem;width:1rem;height:1rem;color:var(--ninv-text-muted);pointer-events:none;z-index:1}.ninv-filter-select{padding:.75rem;background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);color:var(--ninv-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;height:2.75rem;box-sizing:border-box}.ninv-sort-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);padding:.75rem;color:var(--ninv-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;height:2.75rem;box-sizing:border-box}.ninv-sort-btn:hover{background-color:var(--ninv-bg-card-hover);border-color:var(--ninv-border-light)}.ninv-sort-btn svg{width:1rem;height:1rem}.ninv-view-toggle{display:flex;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border:1px solid var(--ninv-border);overflow:hidden;height:2.75rem}.ninv-view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:none;border:none;color:var(--ninv-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;height:100%;box-sizing:border-box}.ninv-view-btn.active{background-color:var(--ninv-accent-primary);color:#fff}.ninv-view-btn:not(.active):hover{background-color:var(--ninv-bg-card-hover)}.ninv-view-btn svg{width:1rem;height:1rem}.ninv-products-container{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:1.5rem;min-height:400px}.ninv-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.ninv-product-card{background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:var(--ninv-shadow)}.ninv-product-card:hover{transform:translateY(-2px);box-shadow:var(--ninv-shadow-lg);border-color:var(--ninv-border-light)}.ninv-card-header{padding:1.25rem;background-color:var(--ninv-bg-card);border-bottom:1px solid var(--ninv-border);display:flex;justify-content:space-between;align-items:flex-start}.ninv-card-title{font-size:1.125rem;font-weight:600;color:var(--ninv-text-primary);margin:0;line-height:1.4}.ninv-card-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ninv-card-status.normal{background-color:#10b9811a;color:var(--ninv-accent-green)}.ninv-card-status.bajo{background-color:#f59e0b1a;color:var(--ninv-accent-yellow)}.ninv-card-status.crítico{background-color:#ef44441a;color:var(--ninv-accent-red)}.ninv-card-body{padding:1.25rem}.ninv-card-info{display:flex;flex-direction:column;gap:.75rem}.ninv-info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--ninv-border)}.ninv-info-row:last-child{border-bottom:none;padding-bottom:0}.ninv-info-label{font-size:.875rem;color:var(--ninv-text-muted);font-weight:500}.ninv-info-value{font-size:.875rem;color:var(--ninv-text-primary);font-weight:500}.ninv-card-actions{padding:1rem 1.25rem;background-color:var(--ninv-bg-card);border-top:1px solid var(--ninv-border);display:flex;justify-content:space-between;gap:.75rem}.ninv-btn-edit,.ninv-btn-delete{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--ninv-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.ninv-btn-edit{background-color:#3b82f61a;color:var(--ninv-accent-primary);border:1px solid rgba(59,130,246,.2)}.ninv-btn-edit:hover{background-color:#3b82f633;border-color:var(--ninv-accent-primary)}.ninv-btn-delete{background-color:#ef44441a;color:var(--ninv-accent-red);border:1px solid rgba(239,68,68,.2)}.ninv-btn-delete:hover{background-color:#ef444433;border-color:var(--ninv-accent-red)}.ninv-btn-edit svg,.ninv-btn-delete svg{width:1rem;height:1rem}.ninv-table-container{overflow-x:auto;border-radius:var(--ninv-radius);border:1px solid var(--ninv-border)}.ninv-table{width:100%;border-collapse:collapse;background-color:var(--ninv-bg-card)}.ninv-table th{background-color:var(--ninv-bg-tertiary);color:var(--ninv-text-primary);font-weight:600;text-align:left;padding:1rem;border-bottom:1px solid var(--ninv-border);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.ninv-table td{padding:1rem;border-bottom:1px solid var(--ninv-border);color:var(--ninv-text-secondary);font-size:.875rem}.ninv-table tbody tr:hover{background-color:var(--ninv-bg-tertiary)}.ninv-table tbody tr:last-child td{border-bottom:none}.ninv-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background-color:var(--ninv-bg-card);border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border)}.ninv-pagination-info{color:var(--ninv-text-secondary);font-size:.875rem}.ninv-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);color:var(--ninv-text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.ninv-pagination-btn:hover:not(:disabled){background-color:var(--ninv-accent-primary);border-color:var(--ninv-accent-primary)}.ninv-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ninv-pagination-btn svg{width:1rem;height:1rem}.ninv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem;background-color:var(--ninv-bg-card);border-radius:var(--ninv-radius-lg);border:2px dashed var(--ninv-border)}.ninv-empty-icon{width:3rem;height:3rem;color:var(--ninv-text-muted);opacity:.7}.ninv-empty-state h3{color:var(--ninv-text-primary);margin:0;font-size:1.25rem}.ninv-empty-state p{color:var(--ninv-text-secondary);margin:0;max-width:300px}.ninv-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.ninv-loading-spinner{width:2rem;height:2rem;border:3px solid var(--ninv-border);border-top:3px solid var(--ninv-accent-primary);border-radius:50%;animation:ninv-spin 1s linear infinite}@keyframes ninv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ninv-loading-text{color:var(--ninv-text-secondary);font-size:.875rem}.ninv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ninv-modal-content{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:2rem;width:90%;max-width:450px;box-shadow:var(--ninv-shadow-lg);animation:ninv-modal-appear .3s ease}@keyframes ninv-modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ninv-modal-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ninv-border)}.ninv-modal-header h3{margin:0;font-size:1.25rem;color:var(--ninv-text-primary);display:flex;align-items:center;gap:.75rem}.ninv-modal-header svg{width:1.5rem;height:1.5rem;color:var(--ninv-accent-red)}.ninv-modal-body{margin-bottom:2rem;font-size:.875rem;line-height:1.6;color:var(--ninv-text-secondary)}.ninv-modal-product{margin-top:.75rem;font-weight:600;color:var(--ninv-accent-yellow);font-size:1rem}.ninv-modal-actions{display:flex;justify-content:flex-end;gap:1rem}.ninv-modal-actions .ninv-btn{min-width:100px}.ninv-form-modal{max-width:600px;max-height:80vh;overflow-y:auto}.ninv-modal-close{background:none;border:none;color:var(--ninv-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--ninv-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.ninv-modal-close:hover{color:var(--ninv-text-primary);background-color:var(--ninv-bg-tertiary)}.ninv-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ninv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ninv-input-group{display:flex;flex-direction:column;gap:.5rem}.ninv-input-group:nth-child(1),.ninv-input-group:nth-child(2){grid-column:span 1}.ninv-input-group:nth-child(5),.ninv-input-group:nth-child(6),.ninv-input-group:nth-child(7),.ninv-input-group:nth-child(8){grid-column:span 1}.ninv-input-label{font-weight:600;color:var(--ninv-text-primary);font-size:.875rem}.ninv-required-asterisk{color:var(--ninv-accent-red)}.ninv-input,.ninv-select{padding:.75rem;border:2px solid var(--ninv-border);border-radius:var(--ninv-radius);background-color:var(--ninv-bg-secondary);color:var(--ninv-text-primary);font-size:.875rem;transition:all .2s ease}.ninv-input:focus,.ninv-select:focus{outline:none;border-color:var(--ninv-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.ninv-input.error,.ninv-select.error{border-color:var(--ninv-accent-red)}.ninv-error-message{display:flex;align-items:center;gap:.5rem;color:var(--ninv-accent-red);font-size:.75rem;font-weight:500}.ninv-error-message svg{width:1rem;height:1rem}.ninv-modal-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ninv-border)}.ninv-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--ninv-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.875rem}.ninv-btn-cancel{background-color:var(--ninv-bg-tertiary);color:var(--ninv-text-secondary);flex:1}.ninv-btn-cancel:hover{background-color:var(--ninv-border);color:var(--ninv-text-primary)}.ninv-btn-save{background-color:var(--ninv-accent-primary);color:#fff;flex:1}.ninv-btn-save:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:var(--ninv-shadow-lg)}.ninv-btn-delete{background-color:var(--ninv-accent-red);color:#fff}.ninv-btn-delete:hover{background-color:#dc2626}.ninv-form-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--ninv-radius);font-size:.875rem;font-weight:500;margin-bottom:1rem}.ninv-form-alert.success{background-color:#10b9811a;color:var(--ninv-accent-green);border:1px solid rgba(16,185,129,.2)}.ninv-form-alert.error{background-color:#ef44441a;color:var(--ninv-accent-red);border:1px solid rgba(239,68,68,.2)}.ninv-form-alert svg{width:1rem;height:1rem;flex-shrink:0}@media (max-width: 480px){.ninv-modal-content{padding:1.5rem;margin:1rem}.ninv-modal-actions{flex-direction:column-reverse;gap:.75rem}.ninv-modal-actions .ninv-btn{width:100%}}@media (max-width: 768px){.ninv-inventory-list{padding:1rem;gap:1rem}.ninv-list-header{flex-direction:column;align-items:stretch;gap:1rem}.ninv-header-actions{justify-content:stretch}.ninv-filters-row{flex-direction:column;align-items:stretch}.ninv-search-container{min-width:auto;max-width:none}.ninv-cards-grid{grid-template-columns:1fr;gap:1rem}.ninv-table-container{font-size:.75rem}.ninv-table th,.ninv-table td{padding:.75rem .5rem}.ninv-form-modal{max-width:95vw;margin:1rem;max-height:90vh}.ninv-form-grid{grid-template-columns:1fr}.ninv-input-group{grid-column:span 1!important}.ninv-modal-actions{flex-direction:column}}:root{--ninv-bg-primary: var(--color-primary);--ninv-bg-secondary: var(--color-secondary);--ninv-bg-tertiary: var(--color-tertiary);--ninv-bg-card: var(--color-bg-secondary);--ninv-bg-card-hover: var(--color-bg-tertiary);--ninv-text-primary: var(--color-text);--ninv-text-secondary: var(--color-text-light);--ninv-text-muted: var(--color-text-lighter);--ninv-accent-primary: var(--color-accent);--ninv-accent-primary-hover: var(--orange-hover);--ninv-accent-green: var(--color-success);--ninv-accent-yellow: var(--color-warning);--ninv-accent-red: var(--color-danger);--ninv-border: #475569;--ninv-border-light: #64748b;--ninv-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--ninv-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--ninv-radius: 8px;--ninv-radius-lg: 12px}.ninv-inventory-alerts{width:100%;padding:1.5rem;background-color:var(--ninv-bg-primary);min-height:100%;display:flex;flex-direction:column;gap:1.5rem}.ninv-alerts-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background-color:var(--ninv-bg-card);padding:1.5rem;border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border)}.ninv-alerts-title{font-size:1.5rem;font-weight:600;color:var(--ninv-text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.ninv-alerts-title svg{width:1.5rem;height:1.5rem;color:var(--ninv-accent-red)}.ninv-header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ninv-btn-dismiss-all{display:flex;align-items:center;gap:.5rem;background-color:var(--ninv-accent-green);color:#fff;border:none;border-radius:var(--ninv-radius);padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.ninv-btn-dismiss-all:hover{background-color:#059669;transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-btn-dismiss-all svg{width:1rem;height:1rem}.ninv-alerts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background-color:var(--ninv-bg-card);padding:1.5rem;border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border)}.ninv-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border:1px solid var(--ninv-border);transition:all .2s ease}.ninv-stat-card:hover{background-color:var(--ninv-bg-card-hover)}.ninv-stat-icon{width:2.5rem;height:2.5rem;padding:.75rem;border-radius:var(--ninv-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ninv-stat-card.total .ninv-stat-icon{background-color:#3b82f61a;color:var(--ninv-accent-primary)}.ninv-stat-card.critical .ninv-stat-icon{background-color:#ef44441a;color:var(--ninv-accent-red)}.ninv-stat-card.warning .ninv-stat-icon{background-color:#f59e0b1a;color:var(--ninv-accent-yellow)}.ninv-stat-card.stock .ninv-stat-icon{background-color:#8b5cf61a;color:var(--ninv-accent-primary-hover)}.ninv-stat-card.expiry .ninv-stat-icon{background-color:#f973161a;color:var(--ninv-accent-primary)}.ninv-stat-icon svg{width:1.25rem;height:1.25rem}.ninv-stat-info{flex:1;min-width:0}.ninv-stat-label{font-size:.75rem;color:var(--ninv-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.ninv-stat-value{font-size:1.5rem;font-weight:700;color:var(--ninv-text-primary);margin:0;line-height:1}.ninv-alerts-controls{background-color:var(--ninv-bg-card);padding:1.5rem;border-radius:var(--ninv-radius-lg);border:1px solid var(--ninv-border);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ninv-filter-group{display:flex;align-items:center;gap:.5rem}.ninv-filter-label{font-size:.875rem;color:var(--ninv-text-secondary);font-weight:500}.ninv-filter-select{padding:.5rem .75rem;background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);color:var(--ninv-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:120px}.ninv-filter-select:focus{outline:none;border-color:var(--ninv-accent-primary)}.ninv-filter-select option{background-color:var(--ninv-bg-tertiary);color:var(--ninv-text-primary)}.ninv-alerts-list{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:400px}.ninv-alert-item{background-color:var(--ninv-bg-tertiary);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);padding:1.25rem;transition:all .3s ease;display:flex;align-items:flex-start;gap:1rem;position:relative}.ninv-alert-item:hover{background-color:var(--ninv-bg-card-hover);border-color:var(--ninv-border-light);transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-alert-item.critical{border-left:4px solid var(--ninv-accent-red);background-color:#ef44440d}.ninv-alert-item.warning{border-left:4px solid var(--ninv-accent-yellow);background-color:#f59e0b0d}.ninv-alert-item.info{border-left:4px solid var(--ninv-accent-primary);background-color:#3b82f60d}.ninv-alert-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.125rem}.ninv-alert-item.critical .ninv-alert-icon{color:var(--ninv-accent-red)}.ninv-alert-item.warning .ninv-alert-icon{color:var(--ninv-accent-yellow)}.ninv-alert-item.info .ninv-alert-icon{color:var(--ninv-accent-primary)}.ninv-alert-content{flex:1;min-width:0}.ninv-alert-title{font-size:1rem;font-weight:600;color:var(--ninv-text-primary);margin:0 0 .5rem;line-height:1.4}.ninv-alert-description{font-size:.875rem;color:var(--ninv-text-secondary);margin:0 0 .75rem;line-height:1.5}.ninv-alert-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--ninv-text-muted)}.ninv-alert-product{font-weight:500;color:var(--ninv-text-secondary)}.ninv-alert-category{padding:.25rem .5rem;background-color:var(--ninv-bg-card);border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.ninv-alert-dismiss{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ninv-text-muted);cursor:pointer;border-radius:var(--ninv-radius);transition:all .2s ease}.ninv-alert-dismiss:hover{background-color:var(--ninv-bg-card);color:var(--ninv-text-secondary)}.ninv-alert-dismiss svg{width:1rem;height:1rem}.ninv-alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--ninv-text-muted)}.ninv-alerts-empty svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5;color:var(--ninv-accent-green)}.ninv-alerts-empty h3{font-size:1.125rem;color:var(--ninv-text-secondary);margin:0 0 .5rem}.ninv-alerts-empty p{margin:0;font-size:.875rem}.ninv-recommendations{background-color:var(--ninv-bg-card);border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);padding:1.5rem}.ninv-recommendations-title{font-size:1.125rem;font-weight:600;color:var(--ninv-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.ninv-recommendations-title svg{width:1.25rem;height:1.25rem;color:var(--ninv-accent-primary)}.ninv-recommendations-list{display:flex;flex-direction:column;gap:.75rem}.ninv-recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border:1px solid var(--ninv-border)}.ninv-recommendation-item svg{width:1rem;height:1rem;color:var(--ninv-accent-primary);flex-shrink:0;margin-top:.125rem}.ninv-recommendation-text{font-size:.875rem;color:var(--ninv-text-secondary);margin:0;line-height:1.5}.ninv-expiry-section{background-color:var(--ninv-bg-card);border-radius:var(--ninv-radius-lg);padding:1.5rem;margin-bottom:2rem;border-left:4px solid var(--ninv-accent-red);box-shadow:var(--ninv-shadow)}.ninv-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ninv-border);color:var(--ninv-text-primary)}.ninv-section-title svg{color:var(--ninv-accent-red)}.ninv-expiry-subtitle{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin:1rem 0;padding-left:.5rem}.ninv-expiry-subtitle.critical{color:var(--ninv-accent-red)}.ninv-expiry-subtitle.warning{color:var(--ninv-accent-yellow)}.ninv-expiry-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.ninv-alert-card{display:flex;flex-direction:column;background-color:var(--ninv-bg-primary);border-radius:var(--ninv-radius);padding:1rem;gap:.75rem;border:1px solid var(--ninv-border);transition:transform .2s,box-shadow .2s}.ninv-alert-card:hover{transform:translateY(-2px);box-shadow:var(--ninv-shadow-lg)}.ninv-alert-card.critical{border-left:4px solid var(--ninv-accent-red)}.ninv-alert-card.warning{border-left:4px solid var(--ninv-accent-yellow)}.ninv-alert-card.warning.urgent{border-left:4px solid var(--ninv-accent-red);animation:pulse-border 2s infinite}@keyframes pulse-border{0%{border-left-color:var(--ninv-accent-red)}50%{border-left-color:var(--ninv-accent-yellow)}to{border-left-color:var(--ninv-accent-red)}}.ninv-alert-header{display:flex;justify-content:space-between;align-items:center}.ninv-alert-type{display:flex;align-items:center;gap:.5rem;font-weight:600}.ninv-alert-card.critical .ninv-alert-type{color:var(--ninv-accent-red)}.ninv-alert-card.warning .ninv-alert-type{color:var(--ninv-accent-yellow)}.ninv-alert-content{display:flex;flex-direction:column;gap:.75rem}.ninv-alert-message{font-size:1rem;color:var(--ninv-text-primary)}.ninv-alert-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.ninv-meta-item{display:flex;justify-content:space-between;align-items:center}.ninv-meta-label{color:var(--ninv-text-muted)}.ninv-meta-value{font-weight:500}.ninv-meta-value.critical{color:var(--ninv-accent-red)}.ninv-meta-value.warning{color:var(--ninv-accent-yellow)}.ninv-alert-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.ninv-btn{padding:.5rem 1rem;border:none;border-radius:var(--ninv-radius);font-weight:500;cursor:pointer;transition:background-color .2s}.ninv-btn-primary{background-color:var(--ninv-accent-primary);color:#fff}.ninv-btn-primary:hover{background-color:var(--ninv-accent-primary-hover)}.ninv-btn-danger{background-color:var(--ninv-accent-red);color:#fff}.ninv-btn-danger:hover{background-color:#e11d48}.ninv-btn-dismiss{background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--ninv-text-muted);cursor:pointer;transition:color .2s}.ninv-btn-dismiss:hover{color:var(--ninv-text-primary)}@media (max-width: 768px){.ninv-inventory-alerts{padding:1rem;gap:1rem}.ninv-alerts-header{flex-direction:column;align-items:stretch;gap:1rem}.ninv-header-actions{justify-content:stretch}.ninv-alerts-stats{grid-template-columns:1fr;gap:.75rem}.ninv-alerts-controls{flex-direction:column;align-items:stretch;gap:.75rem}.ninv-alert-item{padding:1rem;flex-direction:column;gap:.75rem}.ninv-alert-dismiss{position:static;align-self:flex-end}.ninv-alert-meta{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.ninv-stat-card{flex-direction:column;text-align:center;gap:.75rem}.ninv-alert-item{gap:.5rem}.ninv-alert-content{order:1}.ninv-alert-icon{order:0;align-self:center}}:root{--ninv-pizza-accent: var(--color-accent);--ninv-pizza-light: var(--orange-hover);--ninv-pizza-dark: #cc5429}.ninv-pizza-ingredients{width:100%;padding:1.5rem;background-color:var(--ninv-bg-primary);min-height:100%;display:flex;flex-direction:column;gap:1.5rem}.ninv-card-price{background:linear-gradient(135deg,var(--ninv-pizza-accent),var(--ninv-pizza-light));color:#fff;padding:.25rem .75rem;border-radius:var(--ninv-radius);font-weight:700;font-size:.875rem;box-shadow:var(--ninv-shadow)}.ninv-price{color:var(--ninv-pizza-accent);font-weight:700;font-size:1rem}.ninv-inventory-modal{max-width:700px;max-height:80vh;overflow-y:auto}.ninv-modal-description{color:var(--ninv-text-secondary);margin-bottom:1.5rem;padding:1rem;background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border-left:4px solid var(--ninv-pizza-accent)}.ninv-inventory-list{max-height:400px;overflow-y:auto;border:1px solid var(--ninv-border);border-radius:var(--ninv-radius);background-color:var(--ninv-bg-secondary)}.ninv-inventory-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--ninv-border);transition:background-color .2s ease}.ninv-inventory-item:hover{background-color:var(--ninv-bg-tertiary)}.ninv-inventory-item:last-child{border-bottom:none}.ninv-item-info h4{margin:0 0 .25rem;color:var(--ninv-text-primary);font-weight:600}.ninv-item-info p{margin:0 0 .25rem;color:var(--ninv-text-secondary);font-size:.875rem}.ninv-item-info small{color:var(--ninv-text-muted);font-size:.75rem}.ninv-btn-select{background-color:var(--ninv-pizza-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--ninv-radius);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.ninv-btn-select:hover{background-color:var(--ninv-pizza-dark);transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-empty-inventory{padding:2rem;text-align:center;color:var(--ninv-text-muted);background-color:var(--ninv-bg-tertiary);border-radius:var(--ninv-radius);border:2px dashed var(--ninv-border)}.ninv-form-simple{margin:1rem 0}.ninv-ingredient-info{background-color:var(--ninv-bg-tertiary);padding:1rem;border-radius:var(--ninv-radius);margin-bottom:1rem;border-left:4px solid var(--ninv-pizza-accent)}.ninv-ingredient-info h4{margin:0 0 .25rem;color:var(--ninv-text-primary);font-weight:600}.ninv-ingredient-info p{margin:0;color:var(--ninv-text-secondary);font-size:.875rem}.ninv-btn-edit{background-color:var(--ninv-pizza-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--ninv-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.ninv-btn-edit:hover{background-color:var(--ninv-pizza-dark);transform:translateY(-1px);box-shadow:var(--ninv-shadow)}.ninv-btn-edit svg{width:1rem;height:1rem}.ninv-table th:nth-child(4),.ninv-table td:nth-child(4){text-align:center;font-weight:600}.ninv-product-card{background:linear-gradient(135deg,var(--ninv-bg-card),var(--ninv-bg-secondary));border:1px solid var(--ninv-border);border-radius:var(--ninv-radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:var(--ninv-shadow)}.ninv-product-card:hover{transform:translateY(-2px);box-shadow:var(--ninv-shadow-lg);border-color:var(--ninv-pizza-accent)}@media (max-width: 768px){.ninv-pizza-ingredients{padding:1rem;gap:1rem}.ninv-inventory-modal{max-width:95vw;margin:1rem;max-height:90vh}.ninv-inventory-item{flex-direction:column;align-items:stretch;gap:1rem}.ninv-btn-select{width:100%;justify-content:center}.ninv-card-price{font-size:.75rem;padding:.25rem .5rem}}@keyframes ninv-ingredient-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ninv-inventory-item{animation:ninv-ingredient-appear .3s ease forwards}.ninv-btn-add-product{background:linear-gradient(135deg,var(--ninv-pizza-accent),var(--ninv-pizza-light));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--ninv-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--ninv-shadow)}.ninv-btn-add-product:hover{background:linear-gradient(135deg,var(--ninv-pizza-dark),var(--ninv-pizza-accent));transform:translateY(-1px);box-shadow:var(--ninv-shadow-lg)}.ninv-pizza-ingredients .ninv-list-title{color:var(--ninv-text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.ninv-pizza-ingredients .ninv-list-title svg{color:var(--ninv-pizza-accent);width:1.75rem;height:1.75rem}.inv-layout{width:100%;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;background-color:#1e293b;min-height:100vh}.inv-main-panel{width:100%;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;background-color:#1e293b}.inventario-container{display:flex;flex-direction:column;width:100%}.expiry-alert-banner{display:flex;align-items:center;gap:10px;background-color:#ff3b3b;color:#fff;padding:10px 15px;border-radius:4px;margin-bottom:15px;animation:pulse 2s infinite;box-shadow:0 2px 8px #ff3b3b66}.expiry-alert-banner.warning{background-color:#ff9500;animation:none;box-shadow:0 2px 8px #ff950066}.expiry-alert-banner svg{flex-shrink:0}.expiry-alert-banner .alert-content{display:flex;flex-direction:column}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.inv-wrapper{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.header-formulario,.header-inventario{display:flex;justify-content:space-between;align-items:center;width:100%;margin:20px 0;padding:0;color:#fff;box-sizing:border-box}.tabla-inventario{width:100%;overflow-x:auto;margin-top:20px}.buscador{display:flex;align-items:center;width:100%;max-width:400px;position:relative;margin:20px 0}.buscador input{width:100%;padding:10px 40px 10px 12px;border-radius:8px;border:none;font-size:16px}.icono-buscar{position:absolute;right:12px;top:50%;transform:translateY(-30%);font-size:18px;color:#000;pointer-events:none;font-size:29px}.acciones-columna{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.btn-eliminar{display:flex;align-items:center;gap:6px;font-size:14px;background:none;border:none;color:#ff4d4d;cursor:pointer;padding:4px 8px;transition:color .2s ease}.btn-eliminar:hover{color:#ff1a1a;text-decoration:underline}.btn-editar{display:flex;align-items:center;gap:6px;font-size:14px;background:none;border:none;color:#fff;cursor:pointer;padding:4px 8px;transition:color .2s ease;margin-left:-10px}.btn-editar:hover{color:#1a8cff;text-decoration:underline}.estado{color:#90ee90;font-weight:700}.eliminar{color:red;background:none;border:none;cursor:pointer;margin-right:10px}.editar{color:#fff;background:none;border:none;cursor:pointer}.eliminar:hover,.editar:hover{text-decoration:underline}.paginacion{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;color:#fff}.paginacion button{background-color:#f4a259;border:none;border-radius:6px;padding:8px 16px;color:#1f1f1f;font-weight:700;cursor:pointer}.paginacion button:disabled{opacity:.5;cursor:not-allowed}.inv-error-message{color:var(--color-danger-text);background-color:#f8d7da;padding:10px;margin-bottom:15px;border:1px solid #f5c6cb;border-radius:4px}.inv-success-message{color:var(--color-success-text);background-color:#d4edda;padding:10px;margin-bottom:15px;border:1px solid #c3e6cb;border-radius:4px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;margin:20px 0;padding:0}.inventory-card{background-color:#1f1f1f;border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.inventory-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.card-header{padding:15px;background-color:#202938cc;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;color:#fff;font-size:18px;font-weight:700}.card-status{background-color:#b1f6bb;color:#007712;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.card-status.bajo{background-color:#f6b1b1;color:#821717}.card-status.crítico{background-color:#ff6b6b;color:#fff}.card-body{padding:15px}.card-info{display:flex;flex-direction:column;gap:8px}.card-info p{margin:0;color:#fff;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.card-info p span:first-child{font-weight:700;color:#ecfe48}.card-actions{display:flex;justify-content:space-between;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.btn-editar-card,.btn-eliminar-card{display:flex;align-items:center;gap:5px;background:none;border:none;padding:8px 12px;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.btn-editar-card{color:#fff}.btn-editar-card:hover{background-color:#ffffff1a;color:#1a8cff}.btn-eliminar-card{color:#ff4d4d}.btn-eliminar-card:hover{background-color:#ff00001a;color:#ff1a1a}.no-results{grid-column:1 / -1;text-align:center;padding:30px;background-color:#1f1f1f80;border-radius:8px;color:#fff}.campo-requerido{color:#ff4d4d;margin-left:4px}.inputGroup label{display:flex;align-items:center;margin-bottom:8px;color:#fff;font-weight:500}.inputGroup input:focus,.inputGroup select:focus{outline:2px solid rgba(254,178,72,.7);box-shadow:0 0 5px #feb24866}.inputGroup input:invalid,.inputGroup select:invalid{border:1px solid #ff6b6b}button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1f1f1f;border:2px solid white;border-radius:8px;padding:25px;width:90%;max-width:450px;box-shadow:0 5px 15px #00000080;color:#fff;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.modal-header h3{margin:0;font-size:20px;color:#f6b1b1;display:flex;align-items:center;gap:10px}.modal-body{margin-bottom:20px;font-size:16px;line-height:1.5}.modal-body p{margin:0}.modal-producto{margin-top:10px;font-weight:600;color:#ecfe48}.modal-actions{display:flex;justify-content:flex-end;gap:15px}.modal-actions button{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar-modal{background-color:transparent;color:#fff;border:1px solid white}.btn-cancelar-modal:hover{background-color:#ffffff1a}.btn-confirmar-eliminar{background-color:#f6b1b1;color:#821717;border:none}.btn-confirmar-eliminar:hover{background-color:#f99}.card{background-color:#1f1f1f;border-radius:10px;padding:25px;color:#fff;border:1px solid white;margin:20px auto;max-width:1400px;width:90%}.titulo-inventario{color:#fff;font-size:28px;font-weight:700;margin:0}.btn-agregar-producto{background-color:var(--color-brand-yellow);color:var(--color-brand-red);border:none;border-radius:10px;padding:10px 20px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease}.btn-agregar-producto:hover{background-color:#ffb066;transform:translateY(-2px)}.inputsRow{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.inputGroup{flex:1;min-width:250px;display:flex;flex-direction:column;margin-bottom:15px}.inputGroup input,.inputGroup select,.inputGroup textarea{padding:12px;border-radius:6px;border:none;background-color:#fff;color:#1f1f1f;font-size:15px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.btn-cancelar{background-color:transparent;color:#fff;border:1px solid white;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:16px}.btn-guardar{background-color:var(--color-brand-yellow);color:var(--color-brand-red);border:none;padding:10px 30px;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px}.btn-cancelar:hover{background-color:#ffffff1a}.btn-guardar:hover{background-color:#ffb066}.vista-toggle{display:flex;align-items:center;gap:15px;margin:20px 0}.vista-toggle button{background:transparent;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.vista-toggle button.activo{background-color:#feb24833;color:var(--color-brand-yellow)}.vista-toggle button:hover:not(.activo){background-color:#ffffff1a}.tabla-inventario table{width:100%;border-collapse:collapse;border:1px solid white}.tabla-inventario th,.tabla-inventario td{padding:12px;text-align:left;border:1px solid rgba(255,255,255,.2)}.tabla-inventario th{background-color:#202938;color:#fff;font-weight:700}.tabla-inventario tr:nth-child(2n){background-color:#28282880}.tabla-inventario tr:hover{background-color:#323232b3}:root{--logs-primary-orange: #f97316;--logs-orange-hover: #ea580c;--logs-orange-light: rgba(249, 115, 22, .1);--logs-orange-border: rgba(249, 115, 22, .2);--logs-dark-bg: #0f172a;--logs-slate-bg: #1e293b;--logs-border: #334155;--logs-text-primary: #f1f5f9;--logs-text-secondary: #94a3b8;--config-accent-color: #f97316;--config-bg-primary: #0f172a;--config-bg-secondary: #1e293b;--config-text-primary: #ffffff;--config-text-secondary: #cbd5e1;--config-border-color: #334155}.config-wrapper{height:100vh;overflow-y:auto;background-color:var(--config-bg-primary);color:var(--config-text-primary);display:flex;flex-direction:column}.config-header-section{padding:2rem 2rem 1rem;background-color:var(--config-bg-primary)}.config-title{font-size:1.8rem;font-weight:700;color:var(--config-accent-color);margin:0}.config-subtitle{color:#94a3b8;margin-top:.25rem;margin-bottom:1rem}.config-content-background{background-color:#1e293b;padding:2rem;flex:1;display:flex;flex-direction:column;gap:2rem}.config-icon{color:#f97316;font-size:1.9rem;line-height:1}.tabs-container{margin-bottom:2rem}.tabs{display:flex;background-color:#0f172a;padding:.5rem;border-radius:12px;border:1px solid #334155;gap:.5rem}.tab{flex:1;padding:1rem 1.5rem;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:.75rem;color:#e2e8f0;font-weight:500}.tab:hover{background-color:#33415580}.tab.active{background-color:var(--logs-primary-orange);color:#fff}.tab-icon{flex-shrink:0;width:24px;height:24px;min-width:24px;min-height:24px}.tab-content{display:flex;flex-direction:column;gap:.25rem}.tab-label{font-weight:600;font-size:.95rem}.tab-description{font-size:.8rem;opacity:.8}.tab.active .tab-description{opacity:.9}.config-panels{display:flex;flex-wrap:wrap;gap:2rem;margin-top:-10px}.panel{background-color:#0f172a;border-radius:8px;padding:1.5rem;flex:1;min-width:320px}.modern-card{background-color:var(--logs-slate-bg);border-radius:16px;padding:2rem;border:1px solid var(--logs-border);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #334155}.panel-title-section{display:flex;align-items:center;gap:1rem}.panel-icon{color:#f97316;width:24px;height:24px;min-width:24px;min-height:24px}.panel-icon.security{color:#22c55e}.panel-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0}.panel-subtitle{font-size:.9rem;color:#94a3b8;margin:.25rem 0 0}.config-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.config-title-container{display:flex;align-items:flex-start;gap:1rem}.admin-status-badge{display:flex;align-items:center;gap:.75rem;background-color:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.5rem;border-radius:12px;border:1px solid #334155}.admin-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--logs-primary-orange);border-radius:10px;color:#fff}.admin-info{display:flex;flex-direction:column;gap:.25rem}.admin-name{font-weight:600;color:#fff;font-size:.95rem}.admin-role{font-size:.8rem;color:#94a3b8}.panel-perfil-admin.modern-card{width:100%;max-width:none;background-color:#0f172a99;border:1px solid #334155;border-radius:16px;overflow:hidden;height:auto;min-height:500px}.panel-content{flex:1;padding:0;overflow:hidden;width:100%}.edit-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-toggle-btn:hover{background-color:#4b5563}.edit-toggle-btn.editing{background-color:#dc2626;border-color:#ef4444;color:#fff}.edit-toggle-btn.editing:hover{background-color:#b91c1c}.profile-header-section{background:linear-gradient(135deg,#f973161a,#0f172acc);border-radius:16px;border:1px solid rgba(249,115,22,.2);padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.profile-avatar-container{display:flex;align-items:center;gap:2.5rem;width:100%}.profile-avatar{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:24px;color:#fff;box-shadow:0 8px 32px #f9731666;flex-shrink:0}.profile-basic-info{display:flex;flex-direction:column;gap:1rem;flex:1}.profile-name{font-size:1.8rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.status-badge{padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;text-align:center;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0003}.status-badge.super-admin{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.status-badge.admin{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.profile-display-container{height:100%;display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.profile-details-section{flex:1;overflow-y:auto}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-group{background-color:#0f172a4d;border-radius:12px;border:1px solid #334155;padding:1.5rem}.group-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.group-items{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:#0f172a4d;border-radius:12px;border:1px solid #334155}.info-icon{color:#f97316;flex-shrink:0;width:20px;height:20px;min-width:20px;min-height:20px}.info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.info-item label{font-size:.8rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.95rem;color:#fff;font-weight:500}.profile-edit-form{padding:1.5rem;background-color:#0f172a4d;border-radius:12px;border:1px solid #334155}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.form-input{width:100%;padding:.875rem 1rem;background-color:#0f172a;border:2px solid #334155;border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease;box-sizing:border-box;min-width:0}.form-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-input::placeholder{color:#64748b}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #334155}input,select,textarea{width:100%;padding:.75rem;background-color:#1e293b;color:#fff;border:1px solid #334155;border-radius:6px;margin-bottom:1rem;font-size:.95rem;transition:all .2s ease-in-out}input:focus,select:focus,textarea:focus{outline:none;border:1px solid #f97316;box-shadow:0 0 0 2px #f9731666,inset 0 0 0 1px #f97316}.btn-primary{background-color:var(--logs-primary-orange);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:160px}.btn-primary:hover:not(:disabled){background-color:var(--logs-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.btn-primary:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:#374151;color:#d1d5db;padding:.75rem 1.5rem;border:1px solid #4b5563;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:140px}.btn-secondary:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280;color:#f3f4f6}.btn-secondary:disabled{background-color:#1f2937;border-color:#374151;color:#6b7280;cursor:not-allowed}.config-container .panel-icon,.cuenta-tab-wrapper .panel-icon,.modern-card .panel-icon{color:#f97316!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.config-container .panel-icon.security,.cuenta-tab-wrapper .panel-icon.security,.modern-card .panel-icon.security{color:#22c55e!important}.config-container .info-icon,.cuenta-tab-wrapper .info-icon,.modern-card .info-icon,.profile-info .info-icon{color:#f97316!important;flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.config-container .form-label svg,.cuenta-tab-wrapper .form-label svg,.modern-card .form-label svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.config-container .btn-primary svg,.config-container .btn-secondary svg,.config-container .btn-logout-primary svg,.cuenta-tab-wrapper .btn-primary svg,.cuenta-tab-wrapper .btn-secondary svg,.cuenta-tab-wrapper .btn-logout-primary svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.btn-primary svg,.btn-secondary svg,.btn-logout-primary svg,.btn-refresh svg,.edit-toggle-btn svg{width:20px;height:20px;min-width:20px;min-height:20px}.form-label svg{width:20px;height:20px;min-width:20px;min-height:20px}.info-icon{width:20px;height:20px;min-width:20px;min-height:20px}.Logs_search-icon{width:18px;height:18px;min-width:18px;min-height:18px}.tab-icon,.panel-icon{width:24px;height:24px;min-width:24px;min-height:24px}.password-toggle svg{width:18px;height:18px;min-width:18px;min-height:18px}.password-strength svg,.validation-error svg{width:16px;height:16px;min-width:16px;min-height:16px}.panel-session{background-color:#0f172a99;border:1px solid #334155;border-radius:16px;overflow:hidden}.session-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.session-status{display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px}.status-indicator{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#22c55e}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.session-security-info{background-color:#f973160d;border:1px solid rgba(249,115,22,.2);border-radius:12px;padding:1rem}.security-item{display:flex;align-items:flex-start;gap:.75rem}.security-icon{color:#f97316;flex-shrink:0;margin-top:.25rem}.security-text h4{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .25rem}.security-text p{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.4}.session-actions{display:flex;flex-direction:column;gap:.75rem}.btn-logout-primary{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.btn-logout-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.btn-logout-primary:active{transform:translateY(0)}.cuenta-tab-wrapper{height:100%;display:flex;flex-direction:column;background-color:var(--config-bg-primary);overflow:hidden}.cuenta-header{background:linear-gradient(135deg,#f973161a,#0f172ae6);border-bottom:1px solid rgba(249,115,22,.2);padding:2rem;margin-bottom:0;width:100%}.cuenta-header-content{display:flex;align-items:center;gap:1.5rem;width:100%}.cuenta-header-icon{color:#f97316;background:#f973161a;padding:.75rem;border-radius:12px;border:1px solid rgba(249,115,22,.2)}.cuenta-header-text h1.cuenta-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.cuenta-header-text p.cuenta-subtitle{font-size:1rem;color:#94a3b8;margin:.5rem 0 0;line-height:1.4}.cuenta-layout-grid{flex:1;display:grid;grid-template-columns:1fr 380px;gap:2.5rem;padding:2rem;width:100%;overflow:hidden}.cuenta-main-section{display:flex;flex-direction:column;overflow:hidden}.cuenta-panels-container{display:flex;flex-direction:column;gap:2rem;height:100%;overflow-y:auto;padding-right:.5rem}.cuenta-sidebar-sticky{position:sticky;top:0;display:flex;flex-direction:column;gap:1.5rem;height:fit-content;max-height:100vh;overflow-y:auto}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem;background-color:#1e293b;margin:2rem;border-radius:12px;border:1px solid #334155}.loading-content{display:flex;align-items:center;gap:.75rem;color:#94a3b8}.loading-spinner{animation:spin 1s linear infinite;color:#f97316}.loading-text{font-size:.95rem;font-weight:500}.alert-container{padding:1.25rem;border-radius:12px;margin:1.5rem 2rem;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert-container.warning{background-color:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.alert-container.error{background-color:#ef44441a;border-color:#ef4444;color:#fecaca}.alert-container.success{background-color:#22c55e1a;border-color:#22c55e;color:#bbf7d0}.alert-content{display:flex;align-items:flex-start;gap:.75rem}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-text h3,.alert-text h4{margin:0 0 .5rem;font-weight:600;font-size:1rem}.alert-text p{margin:0;font-size:.9rem;opacity:.9;line-height:1.5}.alert-action-btn{background-color:#ffffff1a;color:inherit;border:1px solid currentColor;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.alert-action-btn:hover{background-color:#fff3}@media (max-width: 1400px){.cuenta-layout-grid{grid-template-columns:1fr 360px;gap:2rem;padding:1.5rem}}@media (max-width: 1200px){.cuenta-layout-grid{grid-template-columns:1fr 320px;gap:1.5rem}.details-grid{grid-template-columns:1fr}}@media (max-width: 900px){.cuenta-layout-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.cuenta-header{padding:1.5rem 1rem}}@media (max-width: 768px){.config-header-content{flex-direction:column;gap:1rem}.tabs{flex-direction:column;gap:.25rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.profile-avatar-container{flex-direction:column;text-align:center}.cuenta-header-content{flex-direction:column;align-items:flex-start;gap:1rem;text-align:left}.cuenta-header-text h1.cuenta-title{font-size:1.5rem}.cuenta-sidebar-sticky{position:static}.cuenta-panels-container{padding-right:0}}@media (max-width: 480px){.cuenta-header-content{gap:.75rem}.cuenta-header-text h1.cuenta-title{font-size:1.3rem}.cuenta-header-text p.cuenta-subtitle{font-size:.9rem}}@media (min-width: 1600px){.cuenta-layout-grid{grid-template-columns:1fr 400px;gap:3rem;padding:2.5rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem}}@media (min-width: 1920px){.cuenta-layout-grid{grid-template-columns:1fr 450px;gap:4rem;padding:3rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:3rem}}@media (max-width: 768px){.tab-icon,.panel-icon{width:20px;height:20px;min-width:20px;min-height:20px}}:root{--Hist-dark-bg: #0f172a;--Hist-border-color: #3e4b5f;--Hist-orange-accent: #f97316;--Hist-orange-hover: #ea580c;--Hist-text-color: #e2e8f0;--Hist-text-secondary: #94a3b8;--Hist-input-bg: #1e293b;--Hist-button-hover-bg: #1e293b;--Hist-table-header-bg: #1e293b;--Hist-table-row-hover-bg: #182130;--Hist-icon-color: #94a3b8;--Hist-icon-hover-color: #e2e8f0;--Hist-success-color: #22c55e;--Hist-success-dark: #16a34a;--Hist-error-color: #dc2626;--Hist-error-dark: #b91c1c;--Hist-warning-color: #f59e0b;--Hist-info-color: #3b82f6;--Hist-purple-color: #8b5cf6;--Hist-shadow: 0 2px 4px rgba(0,0,0,.1);--Hist-shadow-hover: 0 4px 12px rgba(0,0,0,.15);--Hist-border-radius: 8px}@keyframes Hist_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Hist_slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Hist_historial-layout{background-color:var(--Hist-dark-bg);color:var(--Hist-text-color);padding:20px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:Hist_fadeIn .3s ease-in-out;width:100%}.Hist_header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--Hist-border-color);margin-bottom:24px}.Hist_main-title{font-size:2rem;font-weight:700;color:var(--Hist-text-color);margin:0;display:flex;align-items:center;gap:12px}.Hist_top-controls{display:flex;gap:12px;align-items:center}.Hist_btn-refresh{background:var(--Hist-orange-accent);color:#fff;border:none;padding:12px 20px;border-radius:var(--Hist-border-radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.Hist_btn-refresh:hover{background:var(--Hist-orange-hover);transform:translateY(-1px);box-shadow:var(--Hist-shadow-hover)}.Hist_contenido-container{display:flex;flex-direction:column;gap:20px}.Hist_search-bar-container{position:relative;width:100%;max-width:400px}.Hist_search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--Hist-icon-color);pointer-events:none}.Hist_search-input{width:100%;padding:12px 16px 12px 44px;background:var(--Hist-input-bg);border:1px solid var(--Hist-border-color);border-radius:var(--Hist-border-radius);color:var(--Hist-text-color);font-size:14px;font-weight:500;transition:all .3s ease}.Hist_search-input:focus{outline:none;border-color:var(--Hist-orange-accent);box-shadow:0 0 0 3px #f973161a}.Hist_search-input::placeholder{color:var(--Hist-text-secondary)}.Hist_controls-wrapper{background:var(--Hist-input-bg);border:1px solid var(--Hist-border-color);border-radius:var(--Hist-border-radius);padding:20px}.Hist_controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.Hist_filter-group{display:flex;flex-direction:column;gap:6px}.Hist_control-label{font-size:13px;font-weight:600;color:var(--Hist-text-secondary);text-transform:uppercase;letter-spacing:.5px}.Hist_filter-select{padding:10px 14px;background:var(--Hist-dark-bg);border:1px solid var(--Hist-border-color);border-radius:var(--Hist-border-radius);color:var(--Hist-text-color);font-size:14px;cursor:pointer;transition:all .3s ease}.Hist_filter-select:focus{outline:none;border-color:var(--Hist-orange-accent);box-shadow:0 0 0 3px #f973161a}.Hist_filter-actions{display:flex;justify-content:flex-end;align-items:end}.Hist_btn-clear-filters{background:transparent;color:var(--Hist-text-secondary);border:1px solid var(--Hist-border-color);padding:10px 16px;border-radius:var(--Hist-border-radius);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.Hist_btn-clear-filters:hover{background:var(--Hist-button-hover-bg);color:var(--Hist-text-color);border-color:var(--Hist-text-secondary)}.Hist_resultados-contador{font-size:14px;color:var(--Hist-text-secondary);font-weight:500;padding:12px 0}.Hist_resaltado{color:var(--Hist-orange-accent);font-weight:700}.Hist_stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.Hist_stat-card{background:var(--Hist-input-bg);border:1px solid var(--Hist-border-color);border-radius:var(--Hist-border-radius);padding:20px;transition:all .3s ease;animation:Hist_slideUp .4s ease-out}.Hist_stat-card:hover{transform:translateY(-2px);box-shadow:var(--Hist-shadow-hover)}.Hist_stat-content{display:flex;align-items:center;gap:16px}.Hist_stat-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Hist_success .Hist_stat-icon-wrapper{background:#22c55e33;color:var(--Hist-success-color)}.Hist_error .Hist_stat-icon-wrapper{background:#dc262633;color:var(--Hist-error-color)}.Hist_security .Hist_stat-icon-wrapper{background:#3b82f633;color:var(--Hist-info-color)}.Hist_total .Hist_stat-icon-wrapper{background:#f9731633;color:var(--Hist-orange-accent)}.Hist_stat-details{display:flex;flex-direction:column;gap:4px}.Hist_stat-number{font-size:24px;font-weight:700;color:var(--Hist-text-color);line-height:1}.Hist_stat-description{font-size:13px;color:var(--Hist-text-secondary);font-weight:500}.Hist__container{background:var(--Hist-input-bg);border:1px solid var(--Hist-border-color);border-radius:var(--Hist-border-radius);overflow:hidden;animation:Hist_slideUp .5s ease-out}.Hist__content{overflow-x:auto}.Hist_styled-table{width:100%;border-collapse:collapse;font-size:14px}.Hist_styled-table thead{background:var(--Hist-table-header-bg);border-bottom:1px solid var(--Hist-border-color)}.Hist_styled-table th{padding:16px 12px;text-align:left;font-weight:600;color:var(--Hist-text-color);border-bottom:1px solid var(--Hist-border-color);position:relative}.Hist_header-content{display:flex;align-items:center;gap:8px}.Hist_header-icon{color:var(--Hist-icon-color);flex-shrink:0}.Hist_styled-row{transition:all .3s ease;border-bottom:1px solid var(--Hist-border-color)}.Hist_styled-row:hover{background:var(--Hist-table-row-hover-bg)}.Hist_styled-table td{padding:16px 12px;vertical-align:top}.Hist_datetime-cell{min-width:140px}.Hist_datetime-content{display:flex;flex-direction:column;gap:2px}.Hist_date{font-weight:600;color:var(--Hist-text-color);font-size:13px}.Hist_time{font-size:12px;color:var(--Hist-text-secondary)}.Hist_action-cell{min-width:250px}.Hist_action-content{display:flex;flex-direction:column;gap:4px}.Hist_action-title{font-weight:600;color:var(--Hist-text-color);font-size:14px}.Hist_action-description{font-size:12px;color:var(--Hist-text-secondary);line-height:1.4}.Hist_type-cell{min-width:140px}.Hist_type-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.Hist_type-text{line-height:1}.Hist_status-cell{min-width:120px}.Hist_estado-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;position:relative}.Hist_estado-dot{width:6px;height:6px;border-radius:50%}.Hist_status-icon{flex-shrink:0}.Hist_estado-text{line-height:1}.Hist_ip-cell{min-width:120px}.Hist_ip-content{font-family:Courier New,monospace;font-size:13px;color:var(--Hist-text-secondary)}.Hist_empty-row{background:transparent}.Hist_empty-cell{padding:60px 20px;text-align:center}.Hist_empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.Hist_empty-icon{opacity:.3}.Hist_no-data-icon{color:var(--Hist-icon-color)}.Hist_empty-text{font-size:18px;font-weight:600;color:var(--Hist-text-color)}.Hist_empty-subtitle{font-size:14px;color:var(--Hist-text-secondary);max-width:400px;line-height:1.5}@media (max-width: 1200px){.Hist_stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.Hist_historial-layout{padding:16px}.Hist_header-section{flex-direction:column;gap:16px;align-items:flex-start}.Hist_main-title{font-size:1.5rem}.Hist_controls-grid{grid-template-columns:1fr;gap:16px}.Hist_stats-grid{grid-template-columns:1fr}.Hist_styled-table{font-size:13px}.Hist_styled-table th,.Hist_styled-table td{padding:12px 8px}.Hist_action-cell{min-width:200px}}@media (max-width: 480px){.Hist_search-bar-container{max-width:100%}.Hist_controls-wrapper{padding:16px}.Hist_stat-content{gap:12px}.Hist_stat-icon-wrapper{width:40px;height:40px}.Hist_stat-number{font-size:20px}.Hist__content{overflow-x:scroll}}.Hist_btn-refresh:focus,.Hist_btn-clear-filters:focus,.Hist_search-input:focus,.Hist_filter-select:focus{outline:2px solid var(--Hist-orange-accent);outline-offset:2px}.Hist_loading{opacity:.6;pointer-events:none}.Hist_loading .Hist_styled-table{position:relative}.Hist_loading .Hist_styled-table:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:Hist_shimmer 1.5s infinite}@keyframes Hist_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--Logs-dark-bg: #0f172a;--Logs-border-color: #3e4b5f;--Logs-orange-accent: #f97316;--Logs-orange-hover: #ea580c;--Logs-text-color: #e2e8f0;--Logs-text-secondary: #94a3b8;--Logs-input-bg: #1e293b;--Logs-button-hover-bg: #1e293b;--Logs-table-header-bg: #1e293b;--Logs-table-row-hover-bg: #182130;--Logs-icon-color: #94a3b8;--Logs-icon-hover-color: #e2e8f0;--Logs-success-color: #22c55e;--Logs-success-dark: #16a34a;--Logs-error-color: #dc2626;--Logs-error-dark: #b91c1c;--Logs-warning-color: #f59e0b;--Logs-info-color: #3b82f6;--Logs-purple-color: #8b5cf6;--Logs-gray-color: #6b7280;--Logs-shadow: 0 2px 4px rgba(0,0,0,.1);--Logs-shadow-hover: 0 4px 12px rgba(0,0,0,.15);--Logs-border-radius: 8px}@keyframes Logs_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Logs_slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes Logs_pulse{0%,to{opacity:1}50%{opacity:.5}}.Logs_logs-layout{background-color:var(--Logs-dark-bg);color:var(--Logs-text-color);padding:20px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:Logs_fadeIn .3s ease-in-out;width:100%}.Logs_header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--Logs-border-color);margin-bottom:24px}.Logs_main-title{font-size:2rem;font-weight:700;color:var(--Logs-text-color);margin:0;display:flex;align-items:center;gap:12px}.Logs_top-controls{display:flex;gap:12px;align-items:center}.Logs_btn-refresh{background:var(--Logs-orange-accent);color:#fff;border:none;padding:12px 20px;border-radius:var(--Logs-border-radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.Logs_btn-refresh:hover{background:var(--Logs-orange-hover);transform:translateY(-1px);box-shadow:var(--Logs-shadow-hover)}.Logs_contenido-container{display:flex;flex-direction:column;gap:20px}.Logs_search-bar-container{position:relative;width:100%;max-width:400px}.Logs_search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--Logs-icon-color);pointer-events:none}.Logs_search-input{width:100%;padding:12px 16px 12px 44px;background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);color:var(--Logs-text-color);font-size:14px;font-weight:500;transition:all .3s ease}.Logs_search-input:focus{outline:none;border-color:var(--Logs-orange-accent);box-shadow:0 0 0 3px #f973161a}.Logs_search-input::placeholder{color:var(--Logs-text-secondary)}.Logs_stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.Logs_stat-card{background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);padding:20px;transition:all .3s ease;animation:Logs_slideUp .4s ease-out}.Logs_stat-card:hover{transform:translateY(-2px);box-shadow:var(--Logs-shadow-hover)}.Logs_stat-content{display:flex;align-items:center;gap:16px}.Logs_stat-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Logs_total .Logs_stat-icon-wrapper{background:#f9731633;color:var(--Logs-orange-accent)}.Logs_info .Logs_stat-icon-wrapper{background:#3b82f633;color:var(--Logs-info-color)}.Logs_user .Logs_stat-icon-wrapper{background:#8b5cf633;color:var(--Logs-purple-color)}.Logs_system .Logs_stat-icon-wrapper{background:#22c55e33;color:var(--Logs-success-color)}.Logs_stat-details{display:flex;flex-direction:column;gap:4px}.Logs_stat-number{font-size:24px;font-weight:700;color:var(--Logs-text-color);line-height:1}.Logs_stat-description{font-size:13px;color:var(--Logs-text-secondary);font-weight:500}.Logs_controls-wrapper{background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);padding:20px}.Logs_filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--Logs-border-color)}.Logs_filters-title{font-size:16px;font-weight:600;color:var(--Logs-text-color);display:flex;align-items:center;gap:8px;margin:0}.Logs_btn-clear-filters{background:transparent;color:var(--Logs-text-secondary);border:1px solid var(--Logs-border-color);padding:8px 16px;border-radius:var(--Logs-border-radius);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.Logs_btn-clear-filters:hover{background:var(--Logs-button-hover-bg);color:var(--Logs-text-color);border-color:var(--Logs-text-secondary)}.Logs_controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.Logs_filter-group{display:flex;flex-direction:column;gap:6px}.Logs_control-label{font-size:13px;font-weight:600;color:var(--Logs-text-secondary);text-transform:uppercase;letter-spacing:.5px}.Logs_filter-select,.Logs_filter-input{padding:10px 14px;background:var(--Logs-dark-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);color:var(--Logs-text-color);font-size:14px;transition:all .3s ease}.Logs_filter-select{cursor:pointer}.Logs_filter-select:focus,.Logs_filter-input:focus{outline:none;border-color:var(--Logs-orange-accent);box-shadow:0 0 0 3px #f973161a}.Logs_filter-actions{display:flex;justify-content:flex-end;align-items:end}.Logs_btn-apply-filters{background:var(--Logs-orange-accent);color:#fff;border:none;padding:10px 16px;border-radius:var(--Logs-border-radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.Logs_btn-apply-filters:hover{background:var(--Logs-orange-hover);transform:translateY(-1px)}.Logs_resultados-contador{font-size:14px;color:var(--Logs-text-secondary);font-weight:500;padding:12px 0}.Logs_resaltado{color:var(--Logs-orange-accent);font-weight:700}.Logs_alert-container{background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);padding:20px;margin-bottom:20px}.Logs_alert-container.Logs_error{border-color:var(--Logs-error-color);background:#dc26261a}.Logs_alert-content{display:flex;align-items:center;gap:16px}.Logs_alert-icon{color:var(--Logs-error-color);flex-shrink:0}.Logs_alert-text{flex:1}.Logs_alert-text h4{margin:0 0 4px;color:var(--Logs-text-color);font-size:16px;font-weight:600}.Logs_alert-text p{margin:0;color:var(--Logs-text-secondary);font-size:14px}.Logs_alert-action-btn{background:var(--Logs-error-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--Logs-border-radius);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.Logs_alert-action-btn:hover{background:var(--Logs-error-dark)}.Logs_loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius)}.Logs_loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.Logs_loading-spinner{animation:Logs_pulse 2s infinite;color:var(--Logs-orange-accent)}.Logs_loading-text{color:var(--Logs-text-secondary);font-size:14px;font-weight:500}.Logs__container{background:var(--Logs-input-bg);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);overflow:hidden;animation:Logs_slideUp .5s ease-out}.Logs__content{overflow-x:auto}.Logs_styled-table{width:100%;border-collapse:collapse;font-size:14px}.Logs_styled-table thead{background:var(--Logs-table-header-bg);border-bottom:1px solid var(--Logs-border-color)}.Logs_styled-table th{padding:16px 12px;text-align:left;font-weight:600;color:var(--Logs-text-color);border-bottom:1px solid var(--Logs-border-color);position:relative}.Logs_header-content{display:flex;align-items:center;gap:8px}.Logs_header-icon{color:var(--Logs-icon-color);flex-shrink:0}.Logs_styled-row{transition:all .3s ease;border-bottom:1px solid var(--Logs-border-color)}.Logs_styled-row:hover{background:var(--Logs-table-row-hover-bg)}.Logs_styled-table td{padding:16px 12px;vertical-align:top}.Logs_id-cell{min-width:80px}.Logs_log-id{font-family:Courier New,monospace;font-size:13px;color:var(--Logs-text-secondary);font-weight:600}.Logs_user-cell{min-width:180px}.Logs_user-info{display:flex;align-items:center;gap:12px}.Logs_user-avatar{width:32px;height:32px;border-radius:50%;background:var(--Logs-orange-accent);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.Logs_user-details{display:flex;flex-direction:column;gap:2px}.Logs_user-name{font-weight:600;color:var(--Logs-text-color);font-size:14px}.Logs_user-type{font-size:11px;padding:2px 6px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Logs_admin{background:#dc262633;color:var(--Logs-error-color)}.Logs_usuario{background:#3b82f633;color:var(--Logs-info-color)}.Logs_action-cell{min-width:120px}.Logs_action-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.Logs_action-text{line-height:1}.Logs_table-cell{min-width:120px}.Logs_table-info{background:#6b728033;padding:6px 12px;border-radius:16px;display:inline-block}.Logs_table-name{font-size:12px;font-weight:600;color:var(--Logs-gray-color);text-transform:uppercase;letter-spacing:.5px}.Logs_datetime-cell{min-width:140px}.Logs_datetime-content{display:flex;flex-direction:column;gap:2px}.Logs_date{font-weight:600;color:var(--Logs-text-color);font-size:13px}.Logs_time{font-size:12px;color:var(--Logs-text-secondary)}.Logs_description-cell{min-width:250px;max-width:300px}.Logs_description-content{max-width:100%}.Logs_description-text{font-size:13px;color:var(--Logs-text-secondary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.Logs_pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:var(--Logs-input-bg);border-top:1px solid var(--Logs-border-color)}.Logs_pagination-btn{background:transparent;color:var(--Logs-text-secondary);border:1px solid var(--Logs-border-color);padding:8px 16px;border-radius:var(--Logs-border-radius);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.Logs_pagination-btn:hover:not(:disabled){background:var(--Logs-button-hover-bg);color:var(--Logs-text-color);border-color:var(--Logs-text-secondary)}.Logs_pagination-btn:disabled{opacity:.5;cursor:not-allowed}.Logs_pagination-pages{display:flex;gap:8px}.Logs_pagination-page{width:32px;height:32px;background:transparent;color:var(--Logs-text-secondary);border:1px solid var(--Logs-border-color);border-radius:var(--Logs-border-radius);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.Logs_pagination-page:hover{background:var(--Logs-button-hover-bg);color:var(--Logs-text-color)}.Logs_pagination-page.Logs_active{background:var(--Logs-orange-accent);color:#fff;border-color:var(--Logs-orange-accent)}.Logs_empty-row{background:transparent}.Logs_empty-cell{padding:60px 20px;text-align:center}.Logs_empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.Logs_empty-icon{opacity:.3}.Logs_no-data-icon{color:var(--Logs-icon-color)}.Logs_empty-text{font-size:18px;font-weight:600;color:var(--Logs-text-color)}.Logs_empty-subtitle{font-size:14px;color:var(--Logs-text-secondary);max-width:400px;line-height:1.5;text-align:center}.Logs_empty-subtitle strong{color:var(--Logs-orange-accent);font-weight:700}.Logs_btn-clear-empty{background:var(--Logs-orange-accent);color:#fff;border:none;padding:10px 16px;border-radius:var(--Logs-border-radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.Logs_btn-clear-empty:hover{background:var(--Logs-orange-hover);transform:translateY(-1px)}.Logs_filter-status{display:flex;align-items:center;justify-content:center;margin-top:10px}.Logs_filter-active-indicator{display:inline-flex;align-items:center;gap:6px;background:#f9731633;color:var(--Logs-orange-accent);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid rgba(249,115,22,.3)}.Logs_total-original{color:var(--Logs-text-secondary);font-weight:400;font-size:13px;margin-left:8px}.Logs_styled-table{transition:opacity .3s ease}.Logs_filtering{opacity:.7}@media (max-width: 1200px){.Logs_stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.Logs_logs-layout{padding:16px}.Logs_header-section{flex-direction:column;gap:16px;align-items:flex-start}.Logs_main-title{font-size:1.5rem}.Logs_controls-grid{grid-template-columns:1fr;gap:16px}.Logs_stats-grid{grid-template-columns:1fr}.Logs_styled-table{font-size:13px}.Logs_styled-table th,.Logs_styled-table td{padding:12px 8px}.Logs_user-cell{min-width:150px}.Logs_description-cell{min-width:200px;max-width:250px}.Logs_filter-status{margin-top:16px;justify-content:flex-start}.Logs_filter-active-indicator{font-size:11px;padding:4px 8px}.Logs_total-original{display:block;margin-top:4px;margin-left:0}}@media (max-width: 480px){.Logs_search-bar-container{max-width:100%}.Logs_controls-wrapper{padding:16px}.Logs_stat-content{gap:12px}.Logs_stat-icon-wrapper{width:40px;height:40px}.Logs_stat-number{font-size:20px}.Logs__content{overflow-x:scroll}.Logs_pagination-controls{flex-direction:column;gap:12px}.Logs_pagination-pages{order:-1}}.Logs_btn-refresh:focus,.Logs_btn-clear-filters:focus,.Logs_btn-apply-filters:focus,.Logs_search-input:focus,.Logs_filter-select:focus,.Logs_filter-input:focus{outline:2px solid var(--Logs-orange-accent);outline-offset:2px}.Logs_loading .Logs_styled-table{position:relative;opacity:.6;pointer-events:none}.Logs_loading .Logs_styled-table:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:Logs_shimmer 1.5s infinite}@keyframes Logs_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel-perfil-admin .panel-icon{color:var(--perfil-primary-color)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.panel-perfil-admin .info-icon{color:var(--perfil-primary-color)!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-shrink:0!important}.panel-perfil-admin .form-label svg{color:var(--perfil-primary-color)!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.panel-perfil-admin .btn-primary svg,.panel-perfil-admin .btn-secondary svg,.panel-perfil-admin .edit-toggle-btn svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.panel-perfil-admin{--perfil-primary-color: #f97316;--perfil-bg-dark: #0f172a;--perfil-bg-light: #1e293b;--perfil-border: #334155;--perfil-text-primary: #ffffff;--perfil-text-secondary: #94a3b8;--perfil-text-muted: #64748b}.panel-perfil-admin.modern-card{background-color:var(--perfil-bg-light);border:1px solid var(--perfil-border);border-radius:8px;overflow:hidden;min-height:600px;box-shadow:0 2px 4px #0000001a}.panel-perfil-admin .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;margin-bottom:0;border-bottom:1px solid var(--perfil-border);background-color:var(--perfil-bg-dark)}.panel-perfil-admin .panel-title-section{display:flex;align-items:center;gap:1rem}.panel-perfil-admin .panel-icon{color:var(--perfil-primary-color);background-color:var(--perfil-bg-light);padding:.5rem;border-radius:6px;border:1px solid var(--perfil-border);min-width:24px;min-height:24px}.panel-perfil-admin .panel-title{font-size:1.4rem;font-weight:600;color:var(--perfil-text-primary);margin:0 0 .25rem;line-height:1.2}.panel-perfil-admin .panel-subtitle{font-size:.9rem;color:var(--perfil-text-secondary);margin:0;font-weight:400}.panel-perfil-admin .edit-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.panel-perfil-admin .edit-toggle-btn:hover{background-color:#4b5563;transform:translateY(-1px)}.panel-perfil-admin .edit-toggle-btn.editing{background-color:#dc2626;border-color:#ef4444;color:#fff}.panel-perfil-admin .edit-toggle-btn.editing:hover{background-color:#b91c1c}.panel-perfil-admin .panel-content{padding:0;overflow:hidden;width:100%}.panel-perfil-admin .profile-unified-container{padding:2rem;min-height:400px}.panel-perfil-admin .profile-unified-section{background-color:var(--perfil-bg-dark);border-radius:12px;border:1px solid var(--perfil-border);padding:2.5rem;display:flex;flex-direction:column;gap:2rem;transition:border-color .3s ease}.panel-perfil-admin .profile-unified-section:hover{border-color:var(--perfil-primary-color)}.panel-perfil-admin .profile-header-info{display:flex;align-items:center;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--perfil-border)}.panel-perfil-admin .profile-avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--perfil-primary-color);border-radius:12px;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #f973164d}.panel-perfil-admin .profile-basic-info{display:flex;flex-direction:column;gap:1rem;flex:1}.panel-perfil-admin .profile-name{font-size:1.8rem;font-weight:700;color:var(--perfil-text-primary);margin:0;line-height:1.2}.panel-perfil-admin .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;width:fit-content;box-shadow:0 2px 8px #0003}.panel-perfil-admin .status-badge.super-admin{background-color:#dc2626;color:#fff}.panel-perfil-admin .status-badge.admin{background-color:#2563eb;color:#fff}.panel-perfil-admin .profile-additional-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.panel-perfil-admin .info-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:var(--perfil-bg-light);border-radius:8px;border:1px solid var(--perfil-border);transition:all .3s ease}.panel-perfil-admin .info-item:hover{border-color:var(--perfil-primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}.panel-perfil-admin .info-icon{color:var(--perfil-primary-color);flex-shrink:0;background-color:#f973161a;padding:.5rem;border-radius:6px;min-width:20px;min-height:20px}.panel-perfil-admin .info-content{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.panel-perfil-admin .info-item label{font-size:.8rem;color:var(--perfil-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.panel-perfil-admin .info-item span{font-size:1rem;color:var(--perfil-text-primary);font-weight:500;line-height:1.4;word-wrap:break-word}.panel-perfil-admin .profile-edit-container{padding:2.5rem}.panel-perfil-admin .edit-form-header{margin-bottom:2.5rem;text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,transparent 100%);border-radius:12px;border:1px solid rgba(249,115,22,.2)}.panel-perfil-admin .edit-form-header h3{font-size:1.5rem;font-weight:700;color:var(--perfil-text-primary);margin:0 0 .5rem}.panel-perfil-admin .edit-form-header p{font-size:.95rem;color:var(--perfil-text-secondary);margin:0}.panel-perfil-admin .profile-edit-form{background-color:var(--perfil-bg-light);border-radius:8px;border:1px solid var(--perfil-border);padding:2rem}.panel-perfil-admin .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.panel-perfil-admin .form-group{display:flex;flex-direction:column;gap:.75rem}.panel-perfil-admin .form-label{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--perfil-text-primary);margin:0}.panel-perfil-admin .form-input{width:100%;padding:1rem 1.25rem;background-color:var(--perfil-bg-dark);border:2px solid var(--perfil-border);border-radius:10px;color:var(--perfil-text-primary);font-size:.95rem;transition:all .3s ease;box-sizing:border-box}.panel-perfil-admin .form-input:focus{outline:none;border-color:var(--perfil-primary-color);box-shadow:0 0 0 3px #f9731626;background-color:#0f172acc}.panel-perfil-admin .form-input::placeholder{color:var(--perfil-text-muted)}.panel-perfil-admin .form-actions{display:flex;gap:1.25rem;justify-content:flex-end;padding-top:2rem;border-top:2px solid var(--perfil-border)}.panel-perfil-admin .btn-primary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--perfil-primary-color) 0%,#ea580c 100%);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px;justify-content:center;box-shadow:0 4px 16px #f973164d}.panel-perfil-admin .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.panel-perfil-admin .btn-primary:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.panel-perfil-admin .btn-secondary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px;justify-content:center}.panel-perfil-admin .btn-secondary:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280;color:#f3f4f6;transform:translateY(-1px)}.panel-perfil-admin svg{min-width:16px;min-height:16px}.panel-perfil-admin .info-icon svg,.panel-perfil-admin .form-label svg{min-width:18px;min-height:18px}.panel-perfil-admin .panel-icon svg{min-width:24px;min-height:24px}.panel-perfil-admin .profile-avatar svg{min-width:48px;min-height:48px}@media (max-width: 1200px){.panel-perfil-admin .profile-additional-info,.panel-perfil-admin .form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.panel-perfil-admin .panel-header{padding:1.5rem 2rem 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.panel-perfil-admin .profile-unified-container,.panel-perfil-admin .profile-edit-container{padding:1.5rem}.panel-perfil-admin .profile-unified-section{padding:2rem}.panel-perfil-admin .profile-header-info{flex-direction:column;text-align:center;gap:1.5rem;padding-bottom:1.5rem}.panel-perfil-admin .profile-additional-info{grid-template-columns:1fr;gap:1rem}.panel-perfil-admin .form-grid{grid-template-columns:1fr}.panel-perfil-admin .info-item{padding:1rem}}@media (max-width: 480px){.panel-perfil-admin .panel-header{padding:1rem 1.5rem}.panel-perfil-admin .profile-unified-container,.panel-perfil-admin .profile-edit-container{padding:1rem}.panel-perfil-admin .profile-unified-section{padding:1.5rem;gap:1.5rem}.panel-perfil-admin .profile-header-info{gap:1rem;padding-bottom:1rem}.panel-perfil-admin .profile-name{font-size:1.5rem}.panel-perfil-admin .info-item{padding:1rem;gap:.75rem}.panel-perfil-admin .profile-avatar{width:70px;height:70px}.panel-perfil-admin .profile-avatar svg{width:40px;height:40px}}.panel-password-change .panel-icon.security{color:var(--password-primary-color)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.panel-password-change .form-label svg{color:var(--password-primary-color)!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.panel-password-change .btn-primary svg,.panel-password-change .btn-secondary svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.panel-password-change .password-toggle svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.panel-password-change .password-strength svg,.panel-password-change .validation-error svg,.panel-password-change .alert-icon{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.panel-password-change{--password-primary-color: #22c55e;--password-warning-color: #f59e0b;--password-error-color: #ef4444;--password-bg-dark: #0f172a;--password-bg-light: #1e293b;--password-border: #334155;--password-text-primary: #ffffff;--password-text-secondary: #94a3b8;--password-text-muted: #64748b}.panel-password-change.modern-card{background-color:var(--password-bg-light);border:1px solid var(--password-border);border-radius:8px;overflow:hidden}.panel-password-change .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;margin-bottom:0;border-bottom:1px solid var(--password-border);background-color:var(--password-bg-dark)}.panel-password-change .panel-title-section{display:flex;align-items:center;gap:1rem}.panel-password-change .panel-icon.security{color:var(--password-primary-color);background:#22c55e26;padding:.75rem;border-radius:12px;border:1px solid rgba(34,197,94,.25)}.panel-password-change .panel-title{font-size:1.5rem;font-weight:700;color:var(--password-text-primary);margin:0 0 .25rem;line-height:1.2}.panel-password-change .panel-subtitle{font-size:.9rem;color:var(--password-text-secondary);margin:0;font-weight:500}.panel-password-change .security-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#22c55e1a;color:var(--password-primary-color);border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 8px #22c55e1a}.panel-password-change .alert-container{margin:2rem 2.5rem 0;padding:1.25rem;border-radius:12px;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-password-change .alert-container.success{background-color:#22c55e1a;border-color:#22c55e;color:#bbf7d0}.panel-password-change .alert-container.error{background-color:#ef44441a;border-color:#ef4444;color:#fecaca}.panel-password-change .alert-content{display:flex;align-items:flex-start;gap:1rem}.panel-password-change .alert-icon{flex-shrink:0;margin-top:.125rem}.panel-password-change .alert-text h4{margin:0 0 .5rem;font-weight:600;font-size:1rem}.panel-password-change .alert-text p{margin:0;font-size:.9rem;opacity:.9;line-height:1.5}.panel-password-change .password-form{padding:2.5rem;display:flex;flex-direction:column;gap:2.5rem}.panel-password-change .password-fields{display:flex;flex-direction:column;gap:2rem}.panel-password-change .form-group{display:flex;flex-direction:column;gap:.75rem}.panel-password-change .form-label{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--password-text-primary);margin:0}.panel-password-change .password-input-wrapper{position:relative;display:flex;align-items:center}.panel-password-change .password-input{width:100%;padding:1rem 3.5rem 1rem 1.25rem;background-color:var(--password-bg-dark);border:2px solid var(--password-border);border-radius:10px;color:var(--password-text-primary);font-size:.95rem;transition:all .3s ease;box-sizing:border-box}.panel-password-change .password-input:focus{outline:none;border-color:var(--password-primary-color);box-shadow:0 0 0 3px #22c55e26;background-color:#0f172acc}.panel-password-change .password-input::placeholder{color:var(--password-text-muted)}.panel-password-change .password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--password-text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.panel-password-change .password-toggle-btn:hover{color:var(--password-primary-color);background-color:#22c55e1a}.panel-password-change .field-warning{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.875rem 1rem;background-color:#f59e0b1a;color:var(--password-warning-color);border-radius:8px;font-size:.875rem;border:1px solid rgba(245,158,11,.3);font-weight:500}.panel-password-change .field-error{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.875rem 1rem;background-color:#ef44441a;color:var(--password-error-color);border-radius:8px;font-size:.875rem;border:1px solid rgba(239,68,68,.3);font-weight:500}.panel-password-change .password-actions{display:flex;gap:1.25rem;justify-content:flex-end;padding-top:2rem;border-top:2px solid var(--password-border)}.panel-password-change .btn-primary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--password-primary-color) 0%,#16a34a 100%);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;justify-content:center;box-shadow:0 4px 16px #22c55e4d}.panel-password-change .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.panel-password-change .btn-primary:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.panel-password-change .btn-secondary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px;justify-content:center}.panel-password-change .btn-secondary:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280;color:#f3f4f6;transform:translateY(-1px)}.panel-password-change .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.panel-password-change .loading-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.panel-password-change .panel-header{padding:1.5rem 2rem 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.panel-password-change .security-badge{align-self:flex-start}.panel-password-change .password-form{padding:2rem}.panel-password-change .alert-container{margin:1.5rem 2rem 0}.panel-password-change .password-actions{flex-direction:column}.panel-password-change .btn-primary,.panel-password-change .btn-secondary{width:100%}}@media (max-width: 480px){.panel-password-change .panel-header{padding:1rem 1.5rem}.panel-password-change .password-form{padding:1.5rem;gap:2rem}.panel-password-change .alert-container{margin:1rem 1.5rem 0;padding:1rem}.panel-password-change .password-input{padding:.875rem 3rem .875rem 1rem}.panel-password-change .field-warning,.panel-password-change .field-error{padding:.75rem;font-size:.8rem}}.panel-session .panel-icon.logout{color:var(--session-danger-color)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.panel-session .btn-logout-primary svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.panel-session{--session-primary-color: #f97316;--session-danger-color: #dc2626;--session-success-color: #22c55e;--session-bg-dark: #0f172a;--session-bg-light: #1e293b;--session-border: #334155;--session-text-primary: #ffffff;--session-text-secondary: #94a3b8}.panel-session.modern-card{background-color:var(--session-bg-light);border:1px solid var(--session-border);border-radius:8px;overflow:hidden}.panel-session .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;margin-bottom:0;border-bottom:1px solid var(--session-border);background-color:var(--session-bg-dark)}.panel-session .panel-title-section{display:flex;align-items:center;gap:1rem}.panel-session .panel-icon.logout{color:var(--session-danger-color);background-color:var(--session-bg-light);padding:.5rem;border-radius:6px;border:1px solid var(--session-border)}.panel-session .panel-title{font-size:1.4rem;font-weight:600;color:var(--session-text-primary);margin:0 0 .25rem;line-height:1.2}.panel-session .panel-subtitle{font-size:.9rem;color:var(--session-text-secondary);margin:0;font-weight:400}.panel-session .session-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.panel-session .session-status{display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--session-bg-dark);border:1px solid var(--session-success-color);border-radius:8px}.panel-session .status-indicator.active{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem;color:var(--session-success-color)}.panel-session .status-dot{width:8px;height:8px;background-color:var(--session-success-color);border-radius:50%;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.panel-session .session-actions{display:flex;flex-direction:column;gap:.75rem}.panel-session .btn-logout-primary{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background-color:var(--session-danger-color);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.panel-session .btn-logout-primary:hover{background-color:#b91c1c;transform:translateY(-1px)}.panel-session .btn-logout-primary:active{transform:translateY(0)}.panel-session .btn-logout-primary span{position:relative;z-index:1}@media (max-width: 768px){.panel-session .panel-header{padding:1.25rem 1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}.panel-session .session-content{padding:1.5rem}.panel-session .session-status{padding:1rem}.panel-session .btn-logout-primary{padding:1rem;font-size:.9rem}}@media (max-width: 480px){.panel-session .panel-header{padding:1rem}.panel-session .session-content{padding:1rem;gap:1rem}.panel-session .session-status{padding:.75rem}.panel-session .status-indicator.active{font-size:.9rem;gap:.5rem}}.cuenta-tab-wrapper{--cuenta-primary-color: #f97316;--cuenta-bg-dark: #0f172a;--cuenta-bg-light: #1e293b;--cuenta-border: #334155;--cuenta-text-primary: #ffffff;--cuenta-text-secondary: #94a3b8;--cuenta-success: #22c55e}.cuenta-tab-wrapper{height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--cuenta-bg-dark);overflow:hidden}.cuenta-header{background-color:var(--cuenta-bg-dark);border-bottom:1px solid var(--cuenta-border);padding:2rem;margin-bottom:0;width:100%}.cuenta-layout-grid{flex:1;display:grid;grid-template-columns:1fr 400px;gap:3rem;padding:2.5rem 2rem;width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.cuenta-main-section{display:flex;flex-direction:column;overflow:hidden;min-width:0}.cuenta-panels-container{display:flex;flex-direction:column;gap:2.5rem;height:100%;overflow-y:auto;padding-right:.75rem;scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.3) transparent}.cuenta-panels-container::-webkit-scrollbar{width:6px}.cuenta-panels-container::-webkit-scrollbar-track{background:transparent}.cuenta-panels-container::-webkit-scrollbar-thumb{background-color:#f973164d;border-radius:3px}.cuenta-panels-container::-webkit-scrollbar-thumb:hover{background-color:#f9731680}.cuenta-panel-wrapper{flex-shrink:0}.cuenta-sidebar-section{display:flex;flex-direction:column;overflow:hidden}.cuenta-sidebar-sticky{position:sticky;top:0;display:flex;flex-direction:column;gap:2rem;height:fit-content;max-height:100vh;overflow-y:auto}@media (max-width: 1400px){.cuenta-layout-grid{grid-template-columns:1fr 360px;gap:2.5rem;padding:2rem 1.5rem}.cuenta-header{padding:2rem 1.5rem}}@media (max-width: 1200px){.cuenta-layout-grid{grid-template-columns:1fr 340px;gap:2rem}.cuenta-header-text h1.cuenta-title{font-size:1.7rem}.cuenta-header-text p.cuenta-subtitle{font-size:1rem}}@media (max-width: 1200px){.panel-section-header{flex-direction:column;align-items:flex-start;gap:1rem;text-align:left}.section-indicator{align-self:flex-start}}@media (max-width: 900px){.cuenta-header-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.cuenta-header-status{order:-1}.sidebar-header{text-align:center}}@media (max-width: 768px){.panel-section-header{padding:1rem;margin-bottom:1rem}.section-title{font-size:1.1rem}.section-indicator{width:35px;height:35px}.step-number{font-size:1rem}.sidebar-info-panel{margin-top:1rem}}@media (max-width: 480px){.cuenta-header{padding:1.5rem .75rem}.cuenta-header-content{gap:.75rem}.cuenta-header-text h1.cuenta-title{font-size:1.3rem}.cuenta-header-text p.cuenta-subtitle{font-size:.9rem}.cuenta-header-icon-container{width:50px;height:50px}.panel-section-header{gap:.75rem}.admin-badge{padding:.4rem .8rem}.admin-role{font-size:.8rem}.cuenta-header-text h1.cuenta-title{font-size:1.5rem}}@media (min-width: 1600px){.cuenta-layout-grid{grid-template-columns:1fr 420px;gap:3.5rem;padding:3rem 2.5rem}.cuenta-header{padding:3rem 2.5rem}}@media (min-width: 1920px){.cuenta-layout-grid{grid-template-columns:1fr 450px;gap:4rem;padding:3.5rem 3rem}.cuenta-header{padding:3.5rem 3rem}}.cuenta-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}.cuenta-header-icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--cuenta-primary-color);border-radius:12px;flex-shrink:0}.cuenta-header-icon{color:#fff;min-width:28px;min-height:28px}.cuenta-header-text{flex:1}.cuenta-header-status{display:flex;align-items:center;gap:1rem}.admin-badge{background-color:var(--cuenta-bg-light);border:1px solid var(--cuenta-border);border-radius:20px;padding:.5rem 1rem}.admin-role{font-size:.85rem;font-weight:600;color:var(--cuenta-primary-color);text-transform:uppercase;letter-spacing:.5px}.cuenta-panel-wrapper{margin-bottom:2rem}.sidebar-info-panel{background-color:var(--cuenta-bg-light);border:1px solid var(--cuenta-border);border-radius:8px;overflow:hidden;margin-top:2rem}.quick-info-content{padding:1.5rem}.info-stat{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.info-stat:last-child{margin-bottom:0}.stat-label{font-size:.8rem;color:var(--cuenta-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.9rem;color:var(--cuenta-text-primary);font-weight:600}@media (max-width: 900px){.cuenta-header-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.cuenta-header-status{order:-1}}@media (max-width: 768px){.sidebar-info-panel{margin-top:1rem}.cuenta-header-text h1.cuenta-title{font-size:1.5rem}}@media (max-width: 480px){.cuenta-header-icon-container{width:50px;height:50px}.admin-badge{padding:.4rem .8rem}.admin-role{font-size:.8rem}.cuenta-header-text h1.cuenta-title{font-size:1.3rem}.cuenta-header-text p.cuenta-subtitle{font-size:.9rem}}.cuenta-tab-wrapper .panel-icon{color:var(--cuenta-primary-color)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.cuenta-tab-wrapper .panel-icon.security{color:var(--cuenta-success)!important}.cuenta-tab-wrapper .info-icon{color:var(--cuenta-primary-color)!important;flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.cuenta-tab-wrapper .form-label svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;color:var(--cuenta-primary-color)!important}.cuenta-tab-wrapper .btn-primary svg,.cuenta-tab-wrapper .btn-secondary svg,.cuenta-tab-wrapper .btn-logout-primary svg,.cuenta-tab-wrapper .edit-toggle-btn svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.cuenta-tab-wrapper .password-toggle svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.cuenta-tab-wrapper .password-strength svg,.cuenta-tab-wrapper .validation-error svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.cuenta-tab-wrapper svg{min-width:16px;min-height:16px}.cuenta-tab-wrapper .cuenta-header-icon{min-width:28px;min-height:28px}:root{--color-primary: #0f172a;--color-secondary: #1e293b;--color-tertiary: #334155;--color-quaternary: #e2e8f0;--color-quinary: #f8fafc;--color-accent: #f97316;--color-bg-primary: #1e293b;--color-bg-secondary: #0f172a;--color-bg-tertiary: #334155;--color-success: #22c55e;--color-success-light: #B1F6BB;--color-success-text: #007712;--color-warning: #f59e0b;--color-warning-light: #ECFE48;--color-warning-text: #776D00;--color-danger: #ef4444;--color-danger-light: #F6B1B1;--color-danger-text: #821717;--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-text-lighter: #64748b;--color-white: #ffffff;--orange-accent: #f97316;--orange-hover: #ea580c;--orange-light: rgba(249, 115, 22, .1);--color-brand-yellow: rgba(254, 178, 72, 1);--color-brand-red: rgba(153, 27, 27, 1)}.gen-container{min-height:140vh;height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.gen-container,.gen-body,.gen-sidebar-stack,.gen-lib-panel,.gen-main{box-sizing:border-box}.gen-container{position:relative;width:100%;max-height:100vh}.gen-sidebar-stack{display:flex;flex-direction:column;height:100%}.gen-sidebar{flex-shrink:0}.gen-lib-panel{flex:1;min-height:0}.gen-main{display:flex;flex-direction:column;height:100%}.gen-report-header{flex-shrink:0}.report-canvas,.preview-container,.export-container{flex:1;min-height:0}@media (min-height: 900px){.gen-container{height:100vh}}@media (max-height: 700px){.gen-sidebar{max-height:30vh}}@media (max-height: 500px){.gen-container{min-height:100vh;height:auto}.gen-body{overflow-y:auto}}.gen-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary);padding:16px 24px;border-bottom:1px solid var(--color-bg-tertiary);box-shadow:0 2px 8px #0000001a}.gen-title{display:flex;align-items:center;gap:16px}.gen-title h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text)}.beta{font-size:.75rem;background:var(--orange-accent);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.component-count{font-size:.9rem;color:var(--color-text-light);background:var(--color-bg-tertiary);padding:4px 12px;border-radius:20px;font-weight:500}.gen-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-bg-tertiary)}.btn-secondary:hover:not(:disabled){background:var(--color-tertiary);transform:translateY(-1px)}.btn-primary{background:var(--orange-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-1px)}.btn-help{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-bg-tertiary);margin-top:16px;width:100%;justify-content:center}.btn-help:hover{background:var(--color-tertiary)}.gen-nav{display:flex;background:var(--color-bg-secondary);padding:0 24px;border-bottom:1px solid var(--color-bg-tertiary)}.gen-nav button{background:transparent;color:var(--color-text-light);padding:16px 20px;border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;border-bottom:3px solid transparent}.gen-nav button:hover{color:var(--color-text);background:var(--orange-light)}.gen-nav button.active{color:var(--orange-accent);background:var(--orange-light);border-bottom-color:var(--orange-accent)}.gen-body{flex:1;display:flex;min-height:0;height:100%;gap:16px;padding:16px;background:var(--color-bg-primary);overflow:hidden}.gen-sidebar-stack{display:flex;flex-direction:column;width:400px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:100%;min-height:0;gap:16px;overflow:hidden}.gen-sidebar{flex:0 0 auto;padding:20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-bg-tertiary);overflow-y:auto;max-height:35vh}.gen-sidebar h2{font-size:1.1rem;margin:0 0 20px;color:var(--color-text);display:flex;align-items:center;gap:8px}.section-icon{color:var(--orange-accent)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group select{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);color:var(--color-text);padding:10px 12px;border-radius:8px;font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px var(--orange-light)}.gen-lib-panel{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-bg-tertiary);overflow:hidden}.lib-header{flex:0 0 auto;padding:20px;border-bottom:1px solid var(--color-border)}.lib-header h3{font-size:1.1rem;margin:0 0 16px;color:var(--color-text);display:flex;align-items:center;gap:8px}.search-box{position:relative;display:flex;align-items:center;margin-top:12px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-light);font-size:.9rem}.search-input{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);color:var(--color-text);padding:10px 12px 10px 40px;border-radius:8px;font-size:.9rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 3px var(--orange-light)}.clear-search{position:absolute;right:8px;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.gen-tabs{display:flex;padding:0 24px;gap:4px;border-bottom:1px solid var(--color-bg-tertiary)}.gen-tabs button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--color-text-light);font-weight:500;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.gen-tabs button:hover{background:var(--orange-light);color:var(--color-text)}.gen-tabs button.active{background:var(--orange-accent);color:#fff}.gen-library-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px;min-height:0;height:100%}.scrollable{scrollbar-width:thin;scrollbar-color:var(--orange-accent) transparent}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.scrollable::-webkit-scrollbar-thumb{background:var(--orange-accent);border-radius:4px;transition:background .2s ease}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.component-list{display:flex;flex-direction:column;gap:12px}.category-section{display:flex;flex-direction:column;gap:8px}.section-divider{margin:16px 0 8px}.section-label{font-size:.85rem;font-weight:600;color:var(--orange-accent);text-transform:uppercase;letter-spacing:.5px}.component-card{display:flex;gap:12px;padding:16px;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:10px;cursor:grab;transition:all .2s ease;position:relative}.component-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--orange-accent)}.component-card:active{cursor:grabbing}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--orange-light);border-radius:8px;color:var(--orange-accent);font-size:1.2rem;flex-shrink:0}.card-icon.orange{background:var(--orange-accent);color:#fff}.card-content{flex:1;min-width:0}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.card-title-row strong{font-size:.95rem;color:var(--color-text);font-weight:600}.badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.badge.tablas{background:#22c55e33;color:#22c55e}.badge.kpis{background:#f9731633;color:var(--orange-accent)}.badge.reportes{background:#8b5cf633;color:#8b5cf6}.badge.contenido{background:#6b728033;color:#6b7280}.badge.texto{background:#a855f733;color:#a855f7}.badge.plantilla{background:var(--orange-accent);color:#fff}.card-content p{font-size:.85rem;color:var(--color-text-light);margin:4px 0;line-height:1.4}.card-content small{font-size:.8rem;color:var(--color-text-lighter);line-height:1.3}.add-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--orange-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease;opacity:0}.component-card:hover .add-btn{opacity:1}.add-btn:hover{background:var(--orange-hover);transform:scale(1.1)}.template-card{border-left:4px solid var(--orange-accent)}.template-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.template-tag{font-size:.75rem;background:var(--color-bg-terciary);color:var(--color-text-light);padding:2px 6px;border-radius:6px}.template-tag.more{background:var(--orange-light);color:var(--orange-accent);font-weight:500}.no-results{text-align:center;padding:40px 20px;color:var(--color-text-light)}.no-results svg{margin-bottom:16px;color:var(--color-text-lighter)}.no-results p{font-size:1rem;margin:0 0 8px;color:var(--color-text)}.no-results small{color:var(--color-text-lighter)}.gen-main{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;padding:20px;overflow:hidden;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-bg-tertiary)}.gen-report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-bg-tertiary)}.gen-report-header h2{font-size:1.4rem;color:var(--color-text);margin:0;font-weight:600}.report-meta{display:flex;align-items:center;gap:16px}.badge.range{background:var(--color-bg-tertiary);color:var(--color-text);padding:6px 12px;border-radius:20px;font-size:.85rem}.live-indicator{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-success);font-weight:500}.live-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dropzone{flex:1;border:2px dashed var(--color-bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--orange-light);transition:all .3s ease;position:relative}.dropzone:hover{border-color:var(--orange-accent);background:#f9731626}.dropzone.drag-over:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid var(--orange-accent);border-radius:12px;background:linear-gradient(45deg,transparent 30%,rgba(249,115,22,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dropzone-content{text-align:center;padding:40px}.drag-icon{font-size:3rem;margin-bottom:16px;display:block}.dropzone-content h3{font-size:1.2rem;color:var(--color-text);margin:0 0 8px;font-weight:600}.dropzone-content p{color:var(--color-text-light);margin:0 0 8px}.dropzone-content small{color:var(--color-text-lighter);font-size:.85rem}.report-canvas{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px}.report-component{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:10px;overflow:hidden;transition:all .2s ease}.report-component:hover{box-shadow:0 2px 8px #0000001a}.component-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-bg-tertiary)}.component-info{display:flex;align-items:center;gap:12px}.component-icon{color:var(--orange-accent);font-size:1.1rem}.component-name{font-weight:600;color:var(--color-text);font-size:.95rem}.component-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase}.component-badge.gráficos{background:#3b82f633;color:#3b82f6}.component-badge.tablas{background:#22c55e33;color:#22c55e}.component-badge.kpis{background:#f9731633;color:var(--orange-accent)}.component-badge.texto{background:#a855f733;color:#a855f7}.component-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;background:transparent;border:1px solid var(--color-bg-tertiary);color:var(--color-text-light);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.85rem}.action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.action-btn.danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.component-preview{padding:24px;min-height:120px}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-light);gap:8px}.add-component-zone{border:2px dashed var(--color-bg-terciary);border-radius:10px;padding:20px;text-align:center;color:var(--color-text-lighter);background:var(--orange-light);transition:all .3s ease}.add-component-zone:hover{border-color:var(--orange-accent);color:var(--orange-accent)}.preview-container{flex:1;min-height:0;height:100%;overflow-y:auto}.empty-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-light);gap:16px}.preview-icon{font-size:3rem;color:var(--color-text-lighter);margin-bottom:16px}.empty-preview h3{font-size:1.3rem;color:var(--color-text);margin:0}.empty-preview p{color:var(--color-text-light);margin:0 0 16px;max-width:400px}.preview-content{padding:24px 0;height:100%;min-height:0}.preview-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-bg-terciary)}.preview-header h1{font-size:2rem;color:var(--color-text);margin:0 0 16px;font-weight:700}.preview-meta{display:flex;justify-content:center;gap:24px;color:var(--color-text-light);font-size:.9rem}.preview-components{display:flex;flex-direction:column;gap:24px}.preview-component{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:10px;padding:24px}.preview-component h3{display:flex;align-items:center;gap:12px;font-size:1.1rem;color:var(--color-text);margin:0 0 16px;font-weight:600}.preview-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:var(--orange-light);border-radius:8px;color:var(--color-text-light);gap:12px}.export-container{display:grid;grid-template-columns:2fr 1fr;gap:24px;height:100%;min-height:0;overflow-y:auto}.export-panel{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:10px;padding:24px}.export-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;color:var(--color-text);margin:0 0 24px;font-weight:600}.export-title-icon{color:var(--orange-accent)}.export-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.export-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:10px;transition:all .2s ease}.export-option:hover{border-color:var(--orange-accent)}.export-option-info{flex:1}.export-option-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.export-icon{font-size:1.2rem;color:var(--orange-accent)}.export-option-header strong{font-size:1rem;color:var(--color-text);font-weight:600}.export-option p{color:var(--color-text-light);margin:0 0 4px;font-size:.9rem}.export-option small{color:var(--color-text-lighter);font-size:.8rem}.btn-export{background:var(--orange-accent);color:#fff;margin-left:16px}.btn-export:hover{background:var(--orange-hover)}.secure-share{text-align:center;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:10px}.btn-share{background:var(--color-success);color:#fff;margin-bottom:8px}.btn-share:hover{background:#16a34a}.secure-share small{color:var(--color-text-lighter);font-size:.8rem}.export-config{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:10px;padding:24px;height:fit-content}.export-config h3{font-size:1.1rem;color:var(--color-text);margin:0 0 20px;font-weight:600}.export-summary{margin-top:24px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:8px}.export-summary h4{font-size:.95rem;color:var(--color-text);margin:0 0 12px;font-weight:600}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.summary-item strong{color:var(--color-text)}.summary-item:not(strong){color:var(--color-text-light)}.gen-main::-webkit-scrollbar{width:8px}.gen-main::-webkit-scrollbar-track{background:var(--color-bg-terciary);border-radius:4px}.gen-main::-webkit-scrollbar-thumb{background:var(--blue-accent);border-radius:4px;transition:background .2s ease}.gen-main::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.gen-library-content::-webkit-scrollbar,.report-canvas::-webkit-scrollbar,.preview-container::-webkit-scrollbar{width:8px}.gen-library-content::-webkit-scrollbar-track,.report-canvas::-webkit-scrollbar-track,.preview-container::-webkit-scrollbar-track{background:var(--color-bg-terciary);border-radius:4px}.gen-library-content::-webkit-scrollbar-thumb,.report-canvas::-webkit-scrollbar-thumb,.preview-container::-webkit-scrollbar-thumb{background:var(--orange-accent);border-radius:4px;transition:background .2s ease}.gen-library-content::-webkit-scrollbar-thumb:hover,.report-canvas::-webkit-scrollbar-thumb:hover,.preview-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.gen-main,.gen-library-content,.report-canvas,.preview-container{scroll-behavior:smooth}.gen-main,.gen-library-content,.report-canvas,.preview-container{scrollbar-width:thin;scrollbar-color:var(--orange-accent) var(--color-bg-terciary)}.gen-sidebar{flex-shrink:0;height:auto;overflow-y:auto}.gen-sidebar::-webkit-scrollbar{width:6px}.gen-sidebar::-webkit-scrollbar-track{background:var(--color-bg-terciary);border-radius:3px}.gen-sidebar::-webkit-scrollbar-thumb{background:var(--green-accent);border-radius:3px}.dropzone{height:100%;min-height:300px;overflow-y:auto}@keyframes dragRipple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.drag-ripple{position:absolute;top:50%;left:50%;width:20px;height:20px;background:radial-gradient(circle,var(--orange-accent) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:dragRipple .6s ease-out;pointer-events:none;z-index:1}.gen-container.dragging .component-card{transform:scale(.95);opacity:.7;transition:all .3s ease}.dropzone.drag-over{background:linear-gradient(135deg,#f973160d,#f973161a);border-color:var(--orange-accent);transform:scale(1.02);box-shadow:0 0 30px #f9731633,inset 0 0 50px #f973160d}.report-canvas.drag-over{background:linear-gradient(135deg,#f9731605,#f973160d);border:2px dashed var(--orange-accent);border-radius:12px}.ai-preview{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border-radius:8px;min-height:120px}.ai-header{display:flex;align-items:center;gap:8px}.ai-badge{background:#fff3;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.ai-content h4{margin:0 0 8px;font-size:.9rem}.ai-metrics{display:flex;flex-direction:column;gap:8px}.ai-metric{display:flex;align-items:center;gap:8px;font-size:.8rem}.confidence-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#22c55e);border-radius:2px;transition:width .3s ease}.ai-predictions{display:flex;flex-direction:column;gap:4px}.prediction-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.prediction-dot{width:6px;height:6px;border-radius:50%}.prediction-dot.positive{background:#22c55e}.prediction-dot.negative{background:#ef4444}.temporal-preview{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-radius:8px;min-height:120px}.temporal-content h4{margin:0 0 12px;font-size:.9rem}.timeline-mini{display:flex;align-items:center;gap:8px}.timeline-point{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease}.timeline-point.active{background:#fbbf24;transform:scale(1.3);box-shadow:0 0 8px #fbbf2499}.timeline-line{flex:1;height:2px;background:#ffffff4d;border-radius:1px}.text-preview{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-radius:8px;min-height:120px}.text-content h4{margin:0 0 12px;font-size:.9rem}.text-lines{display:flex;flex-direction:column;gap:6px}.text-line{height:3px;background:#fff6;border-radius:2px;width:100%}.text-line.short{width:60%}.text-line.medium{width:80%}.text-line.long{width:95%}.component-settings{display:flex;flex-direction:column;gap:2px;margin-top:8px}.setting-item{font-size:.7rem;opacity:.8;color:var(--color-text-light)}.interactive-template{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden}.interactive-template:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026,0 0 0 1px var(--orange-accent);border-color:var(--orange-accent)}.interactive-template:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1),transparent);transition:left .6s ease;pointer-events:none}.interactive-template:hover:before{left:100%}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-actions{display:flex;gap:4px;opacity:0;transition:opacity .3s ease}.interactive-template:hover .template-actions{opacity:1}.template-btn{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--color-text-light);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.template-btn:hover{background:var(--color-bg-terciary);color:var(--color-text);transform:scale(1.1)}.preview-btn:hover{background:var(--color-info);color:#fff}.info-btn:hover{background:var(--color-warning);color:#fff}.template-description{margin:8px 0;color:var(--color-text-light);line-height:1.4;font-size:.9rem}.template-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 0 8px;padding:8px;background:var(--color-bg-terciary);border-radius:6px;border:1px solid var(--color-border)}.preview-component-mini{width:20px;height:20px;background:var(--component-color, #6b7280);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;transition:all .2s ease;cursor:pointer}.preview-component-mini:hover{transform:scale(1.2);z-index:1;box-shadow:0 2px 8px #0003}.more-indicator{background:var(--color-text-light)!important;font-size:8px;font-weight:600}.template-footer{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.btn-template-apply{flex:2;background:linear-gradient(135deg,var(--orange-accent) 0%,#ea580c 100%);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.btn-template-apply:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f9731666;background:linear-gradient(135deg,#ea580c,#dc2626)}.btn-template-custom{flex:1;background:var(--color-bg-terciary);color:var(--color-text);border:1px solid var(--color-border);padding:10px 12px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem}.btn-template-custom:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff;transform:translateY(-2px)}.template-controls{margin-bottom:16px;padding:16px;background:var(--color-bg-terciary);border-radius:8px;border:1px solid var(--color-border)}.template-filters{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--color-text-light)}.filter-select{padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text);font-size:.85rem;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--orange-accent);box-shadow:0 0 0 2px #f973161a}.template-stats{display:flex;gap:8px;align-items:center}.stat-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;font-size:.75rem}.stat-pill.favorites{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.stat-number{font-weight:600;color:var(--orange-accent)}.stat-text{color:var(--color-text-light)}.interactive-template.favorited{border-color:#ffc107;box-shadow:0 0 0 1px #ffc10733}.interactive-template.favorited:before{background:linear-gradient(90deg,transparent,rgba(255,193,7,.1),transparent)}.favorite-btn{font-size:16px;color:#ccc;transition:all .2s ease}.favorite-btn.active{color:#ffc107;transform:scale(1.2)}.favorite-btn:hover{color:#ffc107;transform:scale(1.1)}.usage-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:600;font-size:.7rem;padding:2px 6px;border-radius:8px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ff6b3580}to{box-shadow:0 0 15px #ff6b35cc}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:var(--color-bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.template-customizer{width:600px}.template-preview-modal{width:700px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-terciary)}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.2rem;color:var(--color-text)}.modal-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-terciary)}.customizer-info{margin-bottom:20px;padding:16px;background:var(--orange-light);border-radius:8px;border-left:4px solid var(--orange-accent)}.customizer-stats{margin-top:8px;font-size:.9rem;color:var(--color-text-light)}.customizer-components{display:flex;flex-direction:column;gap:8px}.customizer-component{padding:12px;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--color-bg-terciary)}.customizer-component:hover{border-color:var(--orange-accent);background:var(--color-bg-secondary)}.customizer-component.selected{border-color:var(--orange-accent);background:var(--orange-light);box-shadow:0 0 0 1px #f973164d}.customizer-component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.component-info{display:flex;align-items:center;gap:8px}.component-icon{font-size:1.2rem}.selection-indicator{font-size:1.2rem;font-weight:700;color:var(--orange-accent)}.component-description{margin:0;font-size:.85rem;color:var(--color-text-light);line-height:1.4}.preview-template-info{margin-bottom:24px}.preview-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.meta-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-terciary);border-radius:8px;border:1px solid var(--color-border)}.meta-card svg{color:var(--orange-accent);font-size:1.2rem}.meta-card div{display:flex;flex-direction:column;gap:2px}.meta-card strong{font-size:.8rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.meta-card span{font-size:.95rem;color:var(--color-text);font-weight:500}.preview-description{padding:16px;background:var(--orange-light);border-radius:8px;border-left:4px solid var(--orange-accent);margin:0;line-height:1.5;color:var(--color-text)}.preview-components-grid h4{margin:0 0 16px;color:var(--color-text);font-size:1.1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.preview-component-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-bg-terciary);border:1px solid var(--color-border);border-radius:8px;text-align:center;transition:all .2s ease}.preview-component-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--orange-accent)}.preview-component-card svg{font-size:1.5rem}.preview-component-card span{font-weight:500;color:var(--color-text);font-size:.9rem}.preview-component-card small{color:var(--color-text-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.btn-outline{background:transparent;color:var(--orange-accent);border:1px solid var(--orange-accent)}.btn-outline:hover{background:var(--orange-accent);color:#fff}@media (max-width: 768px){.modal-content{width:95vw;margin:20px}.template-filters{flex-direction:column;gap:12px}.filter-group{min-width:auto}.preview-meta{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.template-btn.loading:after{content:"";width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:4px}@keyframes spin{to{transform:rotate(360deg)}}.report-templates{padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;height:100%;overflow-y:auto;max-height:calc(100vh - 120px)}.templates-header{margin-bottom:32px;border-bottom:2px solid #f1f5f9;padding-bottom:24px}.header-content h3{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-icon{color:#667eea!important;-webkit-text-fill-color:#667eea!important}.header-description{color:#64748b;font-size:16px;margin:0;font-weight:400;line-height:1.5}.templates-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.filter-group,.search-group{display:flex;flex-direction:column;gap:8px}.filter-group label,.search-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#475569;font-size:14px}.filter-icon{color:#64748b;font-size:12px}.filter-select,.search-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;background:#fff;transition:all .2s ease;outline:none}.filter-select:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#94a3b8}.category-pills{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.category-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:25px;background:#fff;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;outline:none}.category-pill:hover{border-color:var(--category-color, #667eea);color:var(--category-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-pill.active{background:var(--category-color, #667eea);border-color:var(--category-color, #667eea);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.pill-icon{font-size:14px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px;margin-top:24px}.template-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s ease;overflow:hidden;position:relative;cursor:pointer}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#667eea}.template-card.professional{background:linear-gradient(135deg,#fff,#f8fafc)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.template-icon{width:48px;height:48px;background:var(--icon-color, #667eea);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #00000026}.template-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.usage-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.difficulty-badge{color:#fff;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #0003}.template-content{padding:20px}.template-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.3}.template-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px;font-weight:400}.template-metrics{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.metric{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.metric-icon{color:#667eea;font-size:14px}.template-benefits{margin-bottom:20px}.template-benefits h5{font-size:14px;font-weight:700;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.template-benefits ul{list-style:none;padding:0;margin:0}.template-benefits li{color:#64748b;font-size:13px;position:relative;padding:6px 0 6px 20px;line-height:1.4}.template-benefits li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:14px}.components-preview{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.preview-label{font-size:13px;font-weight:600;color:#475569;display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.3px}.components-mini{display:flex;gap:8px;flex-wrap:wrap}.component-mini{width:32px;height:32px;background:#667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;position:relative;transition:all .2s ease}.component-mini:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.component-mini.more{background:#94a3b8;font-size:10px;font-weight:700}.template-insights{margin-bottom:20px}.template-insights h5{font-size:14px;font-weight:700;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.insight-icon{color:#d97706;font-size:14px;flex-shrink:0}.insight-item span{font-size:13px;color:#92400e;font-weight:500;line-height:1.4}.template-footer{padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:16px}.template-meta{flex:1}.best-for{font-size:12px;color:#64748b;line-height:1.4}.template-actions{display:flex;gap:8px;align-items:center}.btn-template-preview,.btn-template-info{width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;outline:none}.btn-template-preview:hover,.btn-template-info:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.btn-template-apply{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 12px #667eea4d}.btn-template-apply:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-template-apply:active{transform:translateY(0)}.no-templates{text-align:center;padding:60px 40px;color:#64748b}.no-templates-icon{font-size:48px;color:#cbd5e1;margin-bottom:20px}.no-templates h3{font-size:24px;font-weight:600;color:#475569;margin:0 0 12px}.no-templates p{font-size:16px;margin:0;line-height:1.5}.report-templates::-webkit-scrollbar{width:8px}.report-templates::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.report-templates::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.report-templates::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width: 1200px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}}@media (max-width: 900px){.templates-filters,.templates-grid{grid-template-columns:1fr;gap:16px}.category-pills{gap:8px}.category-pill{padding:10px 16px;font-size:13px}}@media (max-width: 600px){.report-templates{padding:16px}.templates-header{margin-bottom:24px;padding-bottom:16px}.header-content h3{font-size:24px}.template-card-header,.template-content{padding:16px}.template-footer{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.template-actions{width:100%;justify-content:flex-end}}@keyframes templateCardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-card{animation:templateCardAppear .5s ease-out}.template-card:hover .template-icon{transform:scale(1.05);box-shadow:0 6px 16px #0003}.template-card:hover .btn-template-apply{box-shadow:0 12px 24px #667eea80}.category-pill:focus,.filter-select:focus,.search-input:focus,.btn-template-apply:focus,.btn-template-preview:focus,.btn-template-info:focus{outline:2px solid #667eea;outline-offset:2px}.component-mini[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:10;margin-bottom:8px}.component-mini[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;margin-bottom:2px;z-index:10}.gestion-comentarios-page{padding:20px;max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px;background-color:#10182b;min-height:100vh}.page-header{margin-bottom:25px}.page-header h1{color:#f97316;font-size:2rem;margin-bottom:10px;font-weight:700}.page-content{width:100%;flex:1}.comentarios-experiencias-panel{display:flex;flex-direction:column;background-color:#10182b;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000004d;border:1px solid #1e293b;min-height:500px;width:100%;max-width:100%}.pendientes-alert-banner{display:flex;align-items:center;gap:10px;background-color:#ff9500;color:#fff;padding:10px 15px;border-radius:4px;margin-bottom:15px;box-shadow:0 2px 8px #ff950066}.pendientes-alert-banner svg{flex-shrink:0}.pendientes-alert-banner .alert-content{display:flex;flex-direction:column}.pendientes-alert-banner .alert-content strong{font-size:1rem;font-weight:600}.pendientes-alert-banner .alert-content span{font-size:.9rem;opacity:.9}.panel-filtros{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px;background-color:#0f172a;border-radius:8px;border:1px solid #1e293b;border-left:#f97316 3px solid}.filtro-grupo{display:flex;flex-direction:column;gap:8px}.filtro-grupo>span{color:#94a3b8;font-size:.85rem;font-weight:600}.filtro-botones{display:flex;gap:6px}.filtro-botones button{background-color:transparent;border:1px solid #334155;color:#cbd5e1;padding:8px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filtro-botones button:hover{background-color:#475569;border-color:#64748b}.filtro-botones button.active{background-color:#f97316;color:#fff;border-color:#f97316;font-weight:600}.ordenacion-select{padding:8px 12px;background-color:#334155;color:#cbd5e1;border:1px solid #475569;border-radius:6px;font-size:.9rem;cursor:pointer;min-width:180px}.ordenacion-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 1px #f97316}.btn-refrescar{background-color:#f97316;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.9rem}.btn-refrescar:hover:not(:disabled){background-color:#e05d00;transform:translateY(-1px)}.btn-refrescar:disabled{background-color:#64748b;cursor:not-allowed;transform:none}.panel-contenido{flex:1;overflow-y:auto}.panel-cargando,.panel-error,.panel-vacio{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;color:#94a3b8;font-style:italic;text-align:center}.panel-error{color:#ef4444}.panel-items{display:flex;flex-direction:column;gap:20px}.panel-item{background-color:#0f172a;border-radius:8px;padding:16px;border:1px solid #1e293b;transition:all .2s ease}.panel-item:hover{box-shadow:0 0 0 1px #f9731633;border-color:#334155}.panel-item.pendiente-item{border-left:3px solid #f59e0b;background-color:#f59e0b0d}.panel-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;flex-wrap:wrap;gap:10px}.panel-item-tipo{display:flex;align-items:center;gap:6px;color:#94a3b8;font-weight:500}.panel-item-id{color:#64748b;font-size:.85rem}.panel-item-valoracion{display:flex;align-items:center;gap:4px;color:#f97316;font-weight:600}.panel-item-estado{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.estado-aprobado{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.estado-pendiente{background-color:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.estado-rechazado{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.panel-item-titulo{font-weight:600;color:#f8fafc;font-size:1.1rem;margin-bottom:10px}.panel-item-contenido{color:#e2e8f0;font-style:italic;margin:12px 0;line-height:1.5;white-space:pre-wrap;border-left:3px solid #475569;background-color:#030712;border-radius:4px;padding:12px;font-size:.95rem}.panel-item-producto{display:flex;align-items:center;gap:6px;color:#94a3b8;margin-bottom:12px;font-size:.9rem}.panel-item-usuario{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem;margin-bottom:15px}.panel-item-acciones{display:flex;gap:10px;margin-top:12px}.btn-aprobar,.btn-rechazar,.btn-eliminar{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-aprobar{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.btn-aprobar:hover{background-color:#22c55e4d}.btn-rechazar{background-color:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-rechazar:hover{background-color:#f59e0b4d}.btn-eliminar{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);margin-left:auto}.btn-eliminar:hover{background-color:#ef444440}.panel-paginacion{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px;padding-top:15px;border-top:1px solid #334155}.btn-pagina{background-color:#334155;color:#cbd5e1;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-pagina:hover:not(:disabled){background-color:#475569}.btn-pagina:disabled{background-color:#1e293b;color:#64748b;cursor:not-allowed}.pagina-info{color:#94a3b8}@media (max-width: 768px){.panel-filtros{flex-direction:column;gap:15px}.btn-refrescar{margin-left:0}.panel-item-header{flex-direction:column;align-items:flex-start}.panel-item-acciones{flex-wrap:wrap}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.container{display:flex;width:100%;height:100vh;position:relative}.sidebar-container{flex-shrink:0;z-index:1000}.content-container{flex:1;margin-left:280px;min-height:100vh;background-color:#1e293b;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;position:relative}@media (min-width: 769px){.sidebar--collapsed~.content-container,.content-container.sidebar-collapsed{margin-left:80px}}@media (max-width: 768px){.content-container{margin-left:0;width:100%}.container{flex-direction:column}.sidebar-container{position:absolute;top:0;left:0;z-index:1000}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--favicon-size: 48px}link[rel=icon]{width:var(--favicon-size);height:var(--favicon-size)}head{--tab-favicon-size: 24px}head title{font-weight:700}:root{font-family:Inter Fallback,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1e293b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1e293b}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}