@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--border-radius-6: 6px;--border-radius-8: 8px;--border-radius-10: 10px;--border-radius-12: 12px;--border-radius: 8px;--clr-white: #ffffff;--clr-black: #000000;--gray-color: #6b7280;--gray-hover: #4b5563;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--clr-primary: #1eaf19;--clr-primary-hover: #09a004;--clr-primary-active: #1eaf19;--clr-primary-blue: #3b82f6;--clr-primary-red: #ef4444;--clr-primary-purple: #8b5cf6;--clr-primary-orange: #f97316;--clr-bgdark-gradient: #222222;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--yellow-900: #713f12;--clr-jet: #302924;--clr-recivido: #2a12fd;--clr-empacado: #ec7e00;--dashboard-text-light: #6b7280;--dashboard-bg-light: #f9fafb;--dashboard-bg-card: #ffffff;--dashboard-border-color: #e5e7eb;--dashboard-border-radius: 12px;--dashboard-border-radius-lg: 16px;--dashboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--dashboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-default: all .3s ease-in-out;--clr-sidebar-transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition: all .2s ease;--font-family-main: "Poppins", sans-serif;--color-green: #10b981;--color-green-light: #d1fae5;--color-blue: #3b82f6;--color-blue-light: #dbeafe;--color-purple: #8b5cf6;--color-purple-light: #ede9fe;--color-orange: #f59e0b;--color-orange-light: #fef3c7}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-family-main)!important}html,body{min-height:100vh;height:100vh;font-family:var(--font-family-main);overflow-x:hidden}ul{list-style-type:none}a{color:unset;text-decoration:none;color:var(--clr-white)}button{background-color:transparent;border:none;cursor:pointer}.img-fit-cover img{width:100%;height:100%;object-fit:cover}.text-white{color:var(--clr-white)}.text-silver-v1{color:var(-clr-primary-hover)}.text-scarlet{color:var(--clr-scarlet)}.text-green{color:var(--clr-green)}.bg-jet{background:var(--clr-jet)}.text-sm{font-size:14px}.app{display:flex;min-height:100vh}.lg-value{font-size:24px;font-weight:600}.grid-common{background-color:var(--clr-white);box-shadow:0 0 4px 2px #0000001f}.grid-c-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.grid-c-title-text{font-weight:400}.grid-c-title-icon{position:relative;background:none;border:none;cursor:pointer}.grid-c-title-icon img{width:24px}.grid-c-title-icon .tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1000;width:70px}.grid-c-title-icon .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.grid-c-title-icon:hover .tooltip{opacity:1}.select__control{border-radius:var(--factura-border-radius)!important;border:2px solid #cccccc83!important;min-height:45px!important;height:53px!important;min-width:150px!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease}.select__placeholder{color:var(--gray-700)!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.select__single-value{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:90%!important}.select__control--is-focused{border-color:#0cb40c!important;box-shadow:0 0 0 1px #0cb40c!important}.select__control:hover{border-color:#0cb40c!important}.select__option{padding:8px 12px;cursor:pointer}.select__option:hover:not(.select__option--is-selected){background-color:#0db30d1a!important;color:var(--gray-700)!important}.select__option--is-selected,.select__option--is-selected:hover,.select__option--is-selected.select__option--is-focused{background-color:#0cb40c!important;color:#fff!important}.user-filter-select,.select__control{position:relative!important;z-index:1!important}.pqr-filter-item .select__control{min-height:45px!important;min-width:200px!important;border:2px solid var(--pqr-gray-200)!important;border-radius:var(--pqr-border-radius)!important;box-shadow:none!important;padding:0 0 0 8px!important}.pqr-filter-item .select__control:hover{border-color:var(--pqr-primary-color)!important}.pqr-filter-item .select__control--is-focused{border-color:var(--pqr-primary-color)!important;box-shadow:0 0 0 3px var(--pqr-primary-light)!important}.pqr-filter-item .select__placeholder,.pqr-filter-item{color:#333!important;font-size:.875rem!important;font-weight:500!important}.pqr-filter-item .select__input-container{font-size:.875rem!important;font-weight:500!important}.pqr-filter-item .select__value-container{padding:6px 0!important}.pqr-date-picker-trigger{min-height:45px!important;padding:8px 12px!important;height:53px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border:2px solid var(--pqr-gray-200)!important;border-radius:var(--pqr-border-radius)!important;background:#ffffff!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:var(--pqr-transition)!important;white-space:nowrap!important;min-width:180px!important;color:#333!important;box-sizing:border-box!important}.pqr-date-picker-trigger:hover{border-color:var(--pqr-primary-color)!important}.pqr-date-picker-trigger:focus{outline:none!important;border-color:var(--pqr-primary-color)!important;box-shadow:0 0 0 3px var(--pqr-primary-light)!important}.pqr-date-picker-trigger.active{border-color:var(--pqr-primary-color)!important;color:var(--pqr-primary-color)!important;background:var(--pqr-primary-light)!important}.search-separator{width:1px!important;height:20px!important;background-color:#ccc!important;margin-bottom:9px;margin-top:9px;flex-shrink:0!important}.search-input{width:100%!important;max-width:100%!important;padding:12px 16px!important;border:2px solid var(--pqr-gray-200)!important;border-radius:var(--pqr-border-radius)!important;font-size:.875rem!important;font-weight:500!important;color:#333!important;background:#ffffff!important;transition:var(--pqr-transition)!important;box-sizing:border-box!important;height:30px!important}.search-input:focus{outline:none!important;border-color:var(--pqr-primary-color)!important;box-shadow:0 0 0 3px var(--pqr-primary-light)!important}.search-input::placeholder{color:#333!important;font-size:.875rem!important;font-weight:500!important}.search-box{position:relative!important;display:flex!important;align-items:center!important;background:#ffffff!important;border:2px solid var(--pqr-gray-200)!important;border-radius:var(--pqr-border-radius)!important;transition:var(--pqr-transition)!important;min-height:48px!important;padding-right:18.5px!important}.search-box:focus-within{border-color:var(--pqr-primary-color)!important;box-shadow:0 0 0 3px var(--pqr-primary-light)!important}.search-box .search-input{border:none!important;box-shadow:none!important;flex:1!important;padding:12px 16px!important;min-height:auto!important}.search-box .search-input:focus{border:none!important;box-shadow:none!important}.search-icon{color:#333!important;pointer-events:none!important;flex-shrink:0!important}.pqr-filter-item svg{color:#333!important;flex-shrink:0!important}@media (max-width: 768px){.pqr-date-picker-trigger{min-width:160px!important;font-size:.8rem!important;min-height:45px!important}.search-box{min-height:42px!important}.search-input{min-height:42px!important;font-size:16px!important}.pqr-filter-item .select__control{min-height:42px!important}}@media screen and (max-width: 768px){.search-input{width:100%;font-size:.78rem;font-weight:500;color:var(--gray-700);background:#ffffff}}@media screen and (max-width: 1400px){.grid-common{padding:16px}body{font-size:14px!important}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:var(--clr-bgdark-gradient);box-shadow:var(--clr-sidebar-shadow);z-index:1000;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,width .4s cubic-bezier(.25,.46,.45,.94);transform:translate(0);overflow-y:auto;overflow-x:hidden;will-change:transform}.sidebar-placeholder{width:260px;height:100vh;flex-shrink:0;transition:width .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.sidebar-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px;overflow-y:auto;opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.user-info{display:flex;align-items:center;gap:16px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0003}.info-name{color:var(--clr-white);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.navigation{padding:0 16px 24px;flex:1}.dropdown-container{margin-bottom:8px;width:100%}.dropdown-toggle-content .nav-link-icon,.dropdown-toggle-content svg,.nav-link-icon,.nav-link svg{width:18px;height:18px;flex-shrink:0;color:currentColor;display:inline-flex;align-items:center;justify-content:center;line-height:0}.dropdown-arrow{width:14px;height:14px;flex-shrink:0;color:#fff!important;transition:transform .3s ease;display:inline-flex;align-items:center;justify-content:center}.dropdown-toggle{width:100%;height:44px;background:none;border:none;color:var(--clr-white);display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;transition:var(--clr-sidebar-transition);border-radius:var(--border-radius-8);font-family:inherit}.dropdown-toggle:hover{background:var(--clr-primary-hover)}.dropdown-toggle.active{background:var(--clr-primary-active)}.dropdown-toggle-content{display:flex;align-items:center;gap:12px}.dropdown-toggle-content svg,.nav-list svg{color:inherit;stroke:currentColor;fill:none}.dropdown-toggle-text{color:var(--clr-white);font-weight:600;font-size:14px}.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;margin-left:16px;margin-bottom:8px;border-radius:var(--border-radius-8);backdrop-filter:blur(10px)}.dropdown-menu.open{max-height:300px;opacity:1}.nav-list{list-style:none;padding:8px 0;margin:0;background:transparent}.nav-item{margin-bottom:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;height:44px;text-decoration:none;border-radius:var(--border-radius-8);transition:var(--clr-sidebar-transition);font-size:14px;font-weight:600;color:var(--clr-white)}.nav-link:hover{background:var(--clr-primary-hover);color:var(--clr-white)}.nav-link.active{background:var(--clr-primary-active);color:var(--clr-white);font-weight:600}.nav-link-icon{width:18px;height:18px;flex-shrink:0;color:currentColor;display:inline-flex;align-items:center;justify-content:center}.nav-link-text{font-size:14px;font-weight:600}.extra-links{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.extra-links .nav-item{margin-bottom:2px}.extra-links .nav-link{padding:10px 16px;height:44px;font-size:14px;font-weight:600}.sidebar-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--clr-white);cursor:pointer;font-size:24px;z-index:1001;display:none}@media screen and (min-width: 851px){.sidebar.sidebar-change{transform:translate(-100%);animation:sidebarSlideOutDesktop .4s cubic-bezier(.25,.46,.45,.94)}.sidebar:not(.sidebar-change){animation:sidebarSlideInDesktop .4s cubic-bezier(.25,.46,.45,.94)}.sidebar-placeholder.sidebar-change{width:0px}.sidebar:not(.sidebar-change) .dropdown-container:nth-child(2){animation-delay:.25s}.sidebar.sidebar-change .sidebar-inner{opacity:0;transform:translate(-20px);transition:opacity .2s ease,transform .2s ease}.sidebar:not(.sidebar-change) .sidebar-inner{opacity:1;transform:translate(0);transition:opacity .3s ease .1s,transform .3s ease .1s}}@media screen and (max-width: 850px){.sidebar{position:absolute;top:0;left:0;height:100vh;width:280px;box-shadow:none;z-index:1000;transform:translate(-100%);overflow-y:auto;overflow-x:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.sidebar.sidebar-change{transform:translate(0)}.sidebar.sidebar-change:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:-1;backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease-out;opacity:1}.sidebar-placeholder{width:0;display:none}.sidebar-inner{position:relative;width:100%;height:100%;padding:0 20px;overflow-y:auto;opacity:0;transform:translate(-20px);transition:opacity .3s ease .1s,transform .3s ease .1s}.sidebar.sidebar-change .sidebar-inner{opacity:1;transform:translate(0)}.sidebar-close-btn{opacity:0;transform:scale(.8);transition:opacity .3s ease .25s,transform .3s ease .25s;display:block}.sidebar.sidebar-change .sidebar-close-btn{opacity:1;transform:scale(1)}.user-info{padding:20px}.user-avatar{width:44px;height:44px}.info-name{font-size:13px}.dropdown-toggle{height:44px;padding:0 16px}.dropdown-toggle-text{font-size:14px;font-weight:600}.dropdown-toggle-content .nav-link-icon,.nav-link-icon,.nav-link svg{width:18px;height:18px}.dropdown-arrow{width:14px;height:14px}.dropdown-menu{margin-left:24px;position:relative;left:auto;top:auto;width:auto;border:none;box-shadow:none;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,transform .3s ease;transform:translateY(-10px)}.dropdown-menu.open{transform:translateY(0);animation:dropdownSlideIn .4s ease-out}.nav-link,.extra-links .nav-link{padding:10px 16px;height:44px;font-size:14px;font-weight:600}}@media screen and (max-width: 480px){.sidebar{width:100%;max-width:280px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);box-shadow:none}.dropdown-menu{margin-left:14px}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes sidebarBounceIn{0%{transform:translate(-100%)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes sidebarSlideInDesktop{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOutDesktop{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-15px) scaleY(.8)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-menu{transform-origin:top}.dropdown-menu.open{animation:dropdownOpen .3s ease-out}@keyframes dropdownOpen{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.resize-animation-stopper *{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}@media (hover: none) and (pointer: coarse){.nav-link:active,.dropdown-toggle:active{background:var(--clr-primary-active)}}@media screen and (max-height: 500px) and (orientation: landscape) and (max-width: 850px){.sidebar{width:240px;box-shadow:none}.user-info{padding:12px 16px;flex-direction:row;gap:10px}.user-avatar{width:32px;height:32px}.info-name{font-size:11px}.navigation{padding:0 12px 16px}.dropdown-toggle{height:36px;padding:0 12px}.dropdown-toggle-text{font-size:13px}.nav-link,.extra-links .nav-link{padding:8px 12px;height:36px;font-size:13px}.dropdown-toggle-content .nav-link-icon,.nav-link-icon,.nav-link svg{width:16px;height:16px}.dropdown-arrow{width:12px;height:12px}}.main-content-top{display:flex;justify-content:space-between;align-items:center;position:sticky;padding:20px;background-color:var(--clr-white);border-bottom:1px solid var(--clr-light-gray);top:0;box-shadow:2px 2px 3px #0000001f;z-index:100;min-width:0}.content-top-left{display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:0}.sidebar-toggler{background-color:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;filter:invert(100%);flex-shrink:0}.sidebar-toggler:hover{background-color:var(--clr-light-gray)}.sidebar-toggler img{width:24px;height:24px;filter:invert(100%)}.content-top-title{font-size:1.5rem;font-weight:600;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.content-top-btns{display:flex;align-items:center;gap:15px;margin-left:20px;flex-shrink:1;min-width:0}.profile-container{color:#000;display:flex;justify-content:flex-end;align-items:center;height:35px;width:100%;box-sizing:border-box;position:relative}.user-profile-wrapper{position:relative;display:flex;align-items:center}.user-img-top{width:52px;height:52px;padding:2px;margin-left:10px;border-radius:50%;object-fit:cover;transition:border-color .2s ease}.user-img-top:hover{border-color:#0db30d}.user-greeting{font-size:.8rem;font-weight:500;color:#000;margin:0 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;cursor:pointer}.profile-dropdown{position:absolute;top:100%;right:0;background-color:var(--clr-white);border:1px solid rgba(121,121,121,.644);border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:200px;margin-top:8px;z-index:1000;animation:fadeInDown .2s ease;display:flex;flex-direction:column;gap:.75rem;padding:8px}.dropdown-item.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:-0rem;cursor:default;border-bottom:1px solid rgba(121,121,121,.473);margin-bottom:0;padding:10px}.user-name{font-weight:600;font-size:15px}.top-user-name{font-size:13px;color:#666}.dropdown-item.logout{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-size:14px;color:#d9534f;border-radius:8px;transition:background-color .2s ease,color .2s ease}.dropdown-item.logout:hover{background-color:#f5f5f5;color:#b52b27}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.content-top-title{font-size:1rem;font-weight:500;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.content-top-left{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}}.main-content{background-color:#cccccc1a;height:100%;width:100%;flex:1;transition:filter .3s ease,transform .3s ease;position:relative;margin-bottom:20px;max-width:100vw}.main-content-body{padding-left:20px;padding-right:20px}@media screen and (max-width: 850px){.main-content{padding:0;transition:filter .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)}.main-content.sidebar-open{filter:blur(3px);pointer-events:none}.main-content.sidebar-open .main-content-body{filter:blur(4px);transform:translate(10px)}}@media screen and (max-width: 480px){.main-content.sidebar-open{filter:blur(4px)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.pqr-date-picker-container{position:relative;display:inline-block}.pqr-date-picker-trigger-wrapper{display:flex;align-items:center;gap:4px}.pqr-date-picker-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:var(--pqr-gray-200);color:var(--pqr-gray-500);cursor:pointer;transition:var(--pqr-transition)}.pqr-date-picker-clear:hover{background:var(--pqr-danger-color);color:#fff;transform:scale(1.1)}.pqr-date-picker-dropdown{position:absolute;z-index:10;background:#ffffff;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius-lg);box-shadow:var(--pqr-shadow-xl);width:320px;animation:pqrDatePickerSlideDown .2s ease-out}.pqr-date-picker-dropdown--left{left:0}.pqr-date-picker-dropdown--right{right:0}.pqr-date-picker-dropdown--center{left:50%;transform:translate(-50%)}@keyframes pqrDatePickerSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pqrDatePickerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pqr-date-picker-dropdown--center.pqr-date-picker-dropdown--bottom{animation:pqrDatePickerSlideDownCenter .2s ease-out}.pqr-date-picker-dropdown--center.pqr-date-picker-dropdown--top{animation:pqrDatePickerSlideUpCenter .2s ease-out}@keyframes pqrDatePickerSlideDownCenter{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pqrDatePickerSlideUpCenter{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pqr-date-picker-header{padding:16px;border-bottom:1px solid var(--pqr-gray-200)}.pqr-date-picker-mode-tabs{display:flex;gap:4px;background:var(--pqr-gray-100);border-radius:var(--pqr-border-radius);padding:4px}.pqr-date-picker-tab{flex:1;padding:8px 12px;border:none;border-radius:calc(var(--pqr-border-radius) - 2px);background:transparent;color:var(--pqr-gray-600);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--pqr-transition);font-family:Poppins,sans-serif}.pqr-date-picker-tab:hover{color:var(--pqr-primary-color)}.pqr-date-picker-tab.active{background:#ffffff;color:var(--pqr-primary-color);box-shadow:var(--pqr-shadow-sm)}.pqr-date-picker-content{padding:16px}.pqr-date-picker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.picker-section-hour{display:flex;justify-content:space-between;gap:16px}.picker-section-hour .pqr-hour-range-section{flex:1}.pqr-date-picker-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background:#ffffff;color:var(--pqr-gray-600);cursor:pointer;transition:var(--pqr-transition)}.pqr-content-btns{display:flex;justify-content:space-around;margin-top:5px}.pqr-date-picker-nav-btn:hover:not(:disabled){border-color:var(--pqr-primary-color);color:var(--pqr-primary-color);background:var(--pqr-primary-light);transform:translateY(-1px)}.pqr-date-picker-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pqr-date-picker-nav-title{font-weight:600;color:var(--pqr-gray-800);font-size:1rem;font-family:Poppins,sans-serif}.pqr-date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.pqr-date-picker-weekday{padding:8px 4px;text-align:center;font-size:.75rem;font-weight:600;color:var(--pqr-gray-500);font-family:Poppins,sans-serif}.pqr-date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.pqr-date-picker-day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid transparent;border-radius:var(--pqr-border-radius);background:transparent;color:var(--pqr-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--pqr-transition);font-family:Poppins,sans-serif}.pqr-date-picker-day:not(.empty):hover{border-color:var(--pqr-primary-color);color:var(--pqr-primary-color);background:var(--pqr-primary-light);transform:translateY(-1px)}.pqr-date-picker-day.selected{background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;border-color:var(--pqr-primary-color);box-shadow:var(--pqr-shadow-md)}.pqr-date-picker-day.empty{cursor:default}.pqr-date-picker-year-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pqr-date-picker-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pqr-date-picker-month{padding:12px 8px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background:#ffffff;color:var(--pqr-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--pqr-transition);font-family:Poppins,sans-serif;text-align:center}.pqr-date-picker-month:hover{border-color:var(--pqr-primary-color);color:var(--pqr-primary-color);background:var(--pqr-primary-light);transform:translateY(-1px)}.pqr-date-picker-month.selected{background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;border-color:var(--pqr-primary-color);box-shadow:var(--pqr-shadow-md)}.pqr-date-picker-year-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:12px;min-height:40px}.pqr-date-picker-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 12px}.pqr-date-picker-year{padding:12px 8px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background:#ffffff;color:var(--pqr-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--pqr-transition);font-family:Poppins,sans-serif;text-align:center}.pqr-date-picker-year:hover{border-color:var(--pqr-primary-color);color:var(--pqr-primary-color);background:var(--pqr-primary-light);transform:translateY(-1px)}.pqr-date-picker-year.selected{background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;border-color:var(--pqr-primary-color);box-shadow:var(--pqr-shadow-md)}@media (max-width: 768px){.pqr-date-picker-dropdown{width:280px;max-width:calc(100vw - 40px)}.pqr-date-picker-trigger{min-width:160px;font-size:.8rem}.pqr-date-picker-content,.pqr-date-picker-header{padding:12px}.pqr-date-picker-day{width:32px;height:32px;font-size:.8rem}.pqr-date-picker-month,.pqr-date-picker-year{padding:10px 6px;font-size:.8rem}}@media (max-width: 480px){.pqr-date-picker-dropdown{width:260px;max-width:calc(100vw - 20px)}.pqr-date-picker-trigger{min-width:140px;height:42px;align-items:center;font-size:.75rem;gap:6px}.pqr-date-picker-day{width:30px;height:30px;font-size:.75rem}.pqr-date-picker-weekday{padding:6px 2px;font-size:.7rem}.pqr-date-picker-month,.pqr-date-picker-year{padding:8px 4px;font-size:.75rem}.pqr-date-picker-nav-title{font-size:.9rem}.pqr-date-picker-tab{padding:6px 8px;font-size:.75rem}}@media (max-width: 360px){.pqr-date-picker-dropdown{width:240px;max-width:calc(100vw - 16px)}.pqr-date-picker-month-grid,.pqr-date-picker-year-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pqr-date-picker-day{width:28px;height:28px;font-size:.7rem}.pqr-date-picker-days,.pqr-date-picker-weekdays{gap:2px}}@media (hover: none) and (pointer: coarse){.pqr-date-picker-day:not(.empty),.pqr-date-picker-month,.pqr-date-picker-year,.pqr-date-picker-nav-btn:not(:disabled),.pqr-date-picker-tab{min-height:44px}.pqr-date-picker-day:not(.empty):active,.pqr-date-picker-month:active,.pqr-date-picker-year:active{transform:scale(.95);transition:transform .1s ease}}@media (max-height: 600px){.pqr-date-picker-dropdown{max-height:80vh;overflow-y:auto}.pqr-date-picker-content,.pqr-date-picker-header{padding:8px}}@media (max-height: 500px) and (orientation: landscape){.pqr-date-picker-dropdown{width:400px;max-width:calc(100vw - 20px);max-height:90vh}.pqr-date-picker-days{gap:2px}.pqr-date-picker-day{width:32px;height:32px}.pqr-date-picker-month-grid,.pqr-date-picker-year-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.pqr-date-picker-dropdown{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:280px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);overflow-y:auto;z-index:10;margin:0;animation:pqrDatePickerFadeIn .2s ease-out!important}@keyframes pqrDatePickerFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pqr-date-picker-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;animation:overlayFadeIn .2s ease-out forwards}@keyframes overlayFadeIn{to{opacity:1}}.pqr-date-picker-dropdown--bottom,.pqr-date-picker-dropdown--top,.pqr-date-picker-dropdown--left,.pqr-date-picker-dropdown--right,.pqr-date-picker-dropdown--center{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;animation:pqrDatePickerFadeIn .2s ease-out!important}.pqr-date-picker-trigger{min-width:160px;font-size:.8rem;padding:8px 12px}.pqr-date-picker-content,.pqr-date-picker-header{padding:12px}.pqr-date-picker-day{width:32px;height:32px;font-size:.8rem}.pqr-date-picker-month,.pqr-date-picker-year{padding:10px 6px;font-size:.8rem}}@media (max-width: 480px){.pqr-date-picker-dropdown{width:260px;max-width:calc(100vw - 20px);max-height:calc(100vh - 60px)}.pqr-date-picker-trigger{min-width:140px;height:42px;align-items:center;font-size:.75rem;gap:6px}.pqr-date-picker-day{width:30px;height:30px;font-size:.75rem}.pqr-date-picker-weekday{padding:6px 2px;font-size:.7rem}.pqr-date-picker-month,.pqr-date-picker-year{padding:8px 4px;font-size:.75rem}.pqr-date-picker-nav-title{font-size:.9rem}.pqr-date-picker-tab{padding:6px 8px;font-size:.75rem}}@media (max-width: 360px){.pqr-date-picker-dropdown{width:240px;max-width:calc(100vw - 16px);max-height:calc(100vh - 40px)}.pqr-date-picker-month-grid,.pqr-date-picker-year-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pqr-date-picker-day{width:28px;height:28px;font-size:.7rem}.pqr-date-picker-days,.pqr-date-picker-weekdays{gap:2px}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 768px){.pqr-date-picker-dropdown{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:400px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto}}@media (min-width: 769px){.pqr-date-picker-dropdown{position:absolute;z-index:10;width:320px;animation:pqrDatePickerSlideDown .2s ease-out}.pqr-date-picker-dropdown--bottom{top:calc(100% + 4px);animation:pqrDatePickerSlideDown .2s ease-out}.pqr-date-picker-dropdown--top{animation:pqrDatePickerSlideUp .2s ease-out}.pqr-date-picker-dropdown--left{left:0}.pqr-date-picker-dropdown--right{right:0}.pqr-date-picker-dropdown--center{left:50%;transform:translate(-50%)}}.pqr-date-picker-time-header{text-align:center;padding:16px 0;border-bottom:1px solid var(--pqr-gray-200);margin-bottom:16px}.pqr-date-picker-hour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 4px}.pqr-date-picker-hour{display:flex;align-items:center;justify-content:center;padding:12px 8px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background:#ffffff;color:var(--pqr-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--pqr-transition);font-family:Poppins,sans-serif;text-align:center;min-height:44px}.pqr-date-picker-hour:hover{border-color:var(--pqr-primary-color);color:var(--pqr-primary-color);background:var(--pqr-primary-light);transform:translateY(-1px)}.pqr-date-picker-hour.selected{background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;border-color:var(--pqr-primary-color);box-shadow:var(--pqr-shadow-md)}.pqr-date-picker-hour:active{transform:translateY(0);box-shadow:var(--pqr-shadow-sm)}.pqr-date-picker-dropdown--hour{width:420px!important}@media (max-width: 768px){.pqr-date-picker-dropdown--hour{width:400px!important;max-width:calc(100vw - 40px)}.pqr-date-picker-hour-grid{grid-template-columns:repeat(3,1fr);gap:6px}.pqr-date-picker-hour{padding:10px 6px;font-size:.8rem;min-height:40px}.pqr-date-picker-time-header{padding:12px 0;margin-bottom:12px}}@media (max-width: 480px){.pqr-date-picker-dropdown--hour{width:300px!important;max-width:calc(100vw - 20px)}.pqr-date-picker-hour-grid{grid-template-columns:repeat(3,1fr);gap:4px}.pqr-date-picker-hour{padding:8px 4px;font-size:.75rem;min-height:36px}}@media (max-width: 360px){.pqr-date-picker-dropdown--hour{width:240px!important;max-width:calc(100vw - 16px)}.pqr-date-picker-hour-grid{grid-template-columns:repeat(2,1fr);gap:4px}.pqr-date-picker-hour{padding:8px 4px;font-size:.7rem;min-height:34px}}@media (hover: none) and (pointer: coarse){.pqr-date-picker-hour{min-height:44px}.pqr-date-picker-hour:active{transform:scale(.95);transition:transform .1s ease}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 768px){.pqr-date-picker-dropdown--hour{width:400px!important;max-width:calc(100vw - 20px)}.pqr-date-picker-hour-grid{grid-template-columns:repeat(6,1fr);gap:6px}.pqr-date-picker-hour{padding:6px 4px;font-size:.75rem;min-height:32px}}.pqr-date-picker-hour-range{display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:8px;width:100%;max-width:400px}.pqr-date-picker-time-header{display:flex;justify-content:space-between;align-items:center}.pqr-date-picker-nav-title{font-weight:600;font-size:14px}.pqr-content-btns button{background:none;border:none;cursor:pointer;padding:4px;margin-left:4px}.pqr-content-btns button:disabled{opacity:.3;cursor:default}.pqr-hour-range-section{display:flex;flex-direction:column;gap:8px}.pqr-hour-range-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#555}.pqr-date-picker-hour-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pqr-date-picker-hour{flex:1 0 20%;min-width:40px;padding:6px 8px;border:2px solid #dddddd65;border-radius:4px;cursor:pointer;font-size:13px;text-align:center;transition:all .2s}.pqr-date-picker-hour.selected{background-color:#3aa330;color:#fff;border-color:#09b803}.pqr-date-picker-hour.disabled{background-color:#e9ecef;color:#999;cursor:not-allowed}.pqr-hour-range-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.pqr-hour-range-apply{padding:8px 20px;background-color:var(--pqr-primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.pqr-hour-range-apply:disabled{opacity:.5;cursor:default}.pqr-hour-range-apply:hover:not(:disabled){background-color:var(--clr-primary-hover)}.pqr-hour-range-preview{font-size:12px;color:#555;text-align:center}.pqr-date-picker-container{position:relative;display:inline-block;max-width:100%;overflow:visible}@media (max-width: 768px){.pqr-date-picker-dropdown{max-width:min(calc(100vw - 40px),calc(100% + 200px));max-height:min(calc(100vh - 80px),calc(100% + 300px));left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0;position:fixed!important;z-index:9999}.pqr-date-picker-dropdown:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none}}@media (min-width: 769px){.pqr-date-picker-dropdown{max-width:calc(100vw - 20px);left:clamp(10px,var(--dropdown-left, 0px),calc(100vw - 330px));right:auto}.pqr-date-picker-dropdown--right{left:auto;right:clamp(10px,var(--dropdown-right, 0px),calc(100vw - 330px))}.pqr-date-picker-dropdown--center{left:50%;transform:translate(-50%);max-width:min(320px,calc(100vw - 40px))}}.pqr-date-picker-dropdown[data-in-scrollable=true]{position:absolute!important;z-index:1000}@media (max-width: 768px){.pqr-date-picker-dropdown[data-in-scrollable=true]{position:fixed!important;z-index:9999}}:root{--title-content-primary: #3b82f6;--title-content-success: #10b981;--title-content-purple: #8b5cf6;--title-content-orange: #f97316}.top-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:10px;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-12);padding:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.top-dashboard-header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--title-content-primary),var(--title-content-success),var(--title-content-purple),var(--title-content-orange));opacity:.8}.top-header-left{display:flex;align-items:center;justify-content:center}.top-header-content{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.top-header-text{display:flex;flex-direction:column;justify-content:center}.top-header-title{font-size:1.5rem;font-weight:700;margin:0 0 0 5px}.top-header-subtitle{font-size:.9rem;color:#6b7280;margin-left:5px}.top-header-icon{background:linear-gradient(135deg,#38b000 0%,#70e000 100%);color:#fff;border-radius:10px;margin:5px;display:flex;align-items:center;justify-content:center;width:45px;height:45px}.top-header-icon svg{width:24px;height:24px}@media screen and (max-width: 992px){.top-dashboard-header{flex-direction:column;gap:20px;text-align:left}.top-header-content{gap:10px}}@media screen and (max-width: 768px){.top-header-content{display:flex;flex-direction:row;align-items:left}.top-header-title{font-size:1.4rem;margin:0 0 0 5px;text-align:left}.top-header-subtitle{font-size:.8rem;margin-left:5px;text-align:left}.top-header-icon{width:30px;height:30px;border-radius:6px}.top-header-icon svg{width:20px;height:20px}}@media screen and (max-width: 480px){.top-header-content{display:flex;flex-direction:row;align-items:left}.top-dashboard-header{margin-bottom:16px}.top-header-title{font-size:1.3rem;margin:0 0 0 5px;text-align:left}.top-header-subtitle{font-size:.7rem;margin-left:5px;text-align:left;max-width:255px}.top-header-icon{width:35px;height:35px;border-radius:6px}.top-header-icon svg{width:20px;height:20px}}:root{--user-primary-color: #0db30d;--user-primary-hover: #0cb40c;--user-primary-light: rgba(59, 130, 246, .1);--user-success-color: #104bb9;--user-success-hover: #054496;--user-success-light: #10b9811a;--user-warning-color: #f59e0b;--user-danger-color: #ef4444;--user-danger-hover: #dc2626;--user-danger-light: rgba(239, 68, 44, .1);--user-warning-light: rgba(245, 158, 11, .1);--user-gray-50: #f9fafb;--user-gray-100: #f3f4f6;--user-gray-200: #e5e7eb;--user-gray-300: #d1d5db;--user-gray-400: #9ca3af;--user-gray-500: #6b7280;--user-gray-600: #4b5563;--user-gray-700: #374151;--user-gray-800: #1f2937;--user-gray-900: #111827;--user-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--user-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--user-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--user-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--user-border-radius: 12px;--user-border-radius-lg: 16px;--user-transition: all .2s ease}.history-search-box{display:flex;background-color:#fff;padding:20px;margin-bottom:10px;border-radius:12px;gap:10px;box-shadow:0 2px 8px #00000014}.history-header{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:0 0 20px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #e9ecef;margin-left:10px;margin-right:10px;z-index:1000}.grid-c-title-text{font-size:1.8rem;font-weight:600;color:var(--clr-dark, #333);margin:0 0 0 10px;flex:1}.history-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--user-gray-400);pointer-events:none}.products-history-container{max-width:100%;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:8px}.product-history-card{background:#ffffff;border-radius:var(--user-border-radius);border:1px solid #e9ecef;overflow:hidden}.product-compact-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid var(--user-gray-200);border-radius:var(--user-border-radius);background-color:#fff;transition:border-radius .3s ease,background-color .3s ease,border-color .3s ease;will-change:border-radius;min-height:60px}.product-compact-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.product-compact-header:hover{border-color:var(--user-primary-hover);background-color:var(--user-gray-100)}.product-basic-info{display:flex;align-items:center;gap:12px;flex:1}.product-id-badge{display:flex;align-items:center;gap:4px;background:var(--user-success-light);color:var(--user-primary-color);padding:4px 8px;border-radius:6px;font-family:var(--font-family-main);font-size:14px;font-weight:700;border:1px solid #0db30d5b}.product-name-compact{font-size:15px;font-weight:600;color:#333;flex:1}.product-type-info{display:flex;align-items:center;gap:6px;margin-right:12px}.type-label-compact{font-size:14px;font-weight:500;color:#666}.expand-indicator{color:#666;transition:transform .5s ease}.product-compact-header:hover .expand-indicator{color:var(--user-primary-color)}.product-details-expanded{max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;border:1px solid var(--user-gray-200);border-top:none;border-bottom-left-radius:var(--user-border-radius);border-bottom-right-radius:var(--user-border-radius);background:#f8f9fa;border-width:0;transition:max-height .3s ease,opacity .28s ease,transform .3s ease,border-width 0ms linear .3s}.product-details-expanded.open{max-height:1000px;opacity:1;transform:translateY(0);border-width:1px;transition:max-height .3s ease,opacity .28s ease,transform .3s ease,border-width 0ms}.modifications-header{padding:12px 16px;border-bottom:1px solid #dee2e6;background:#ffffff}.modifications-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.modifications-list{padding:0;background:#ffffff}.modification-item{padding:12px 16px;transition:background-color .2s ease}.modification-item:hover{background-color:#f8f9fa}.modification-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:50%}.modification-body{align-items:flex-end;flex-wrap:wrap;gap:8px}.modification-type{display:flex;flex-direction:column;align-items:left;gap:6px}.type-icon{padding:4px;border-radius:7px}.type-icon.edition{color:#007bff;background:rgba(0,123,255,.1);width:22px;height:22px}.type-label{font-weight:600;font-size:14px;color:#333;align-items:center}.modification-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.modification-date,.modification-user{display:flex;align-items:center;gap:4px;font-size:13px;color:#495057}.modification-description{margin:0;color:#495057;line-height:1.4;font-size:13px}.modification-divider{height:1px;background:#e9ecef;margin:12px 0 0}.no-results{text-align:center;padding:60px 20px;color:#6c757d}.no-results-icon{margin-bottom:16px;opacity:.5}.no-results h3{margin:0 0 8px;font-size:1.2rem;color:#495057}.no-results p{margin:0;font-size:14px}.btn-volver-arriba{position:fixed;bottom:30px;right:30px;padding:12px;border-radius:50%;border:2px solid var(--user-primary-color);background-color:#fff;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.btn-volver-arriba:hover{background-color:var(--user-primary-color);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-volver-arriba:hover svg{color:#fff}.btn-volver-arriba:active{transform:scale(.95) translateY(-2px)}.modification-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.modification-left{display:flex;flex-direction:column;gap:4px}.modification-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}@media screen and (max-width: 768px){.historial-header{flex-direction:column;gap:15px;align-items:flex-start}.grid-c-title-text{font-size:1.5rem}.historial-filters-section{margin-left:10px;margin-right:10px;padding:15px}.historial-search-input{font-size:.8rem}.product-compact-header{flex-direction:row;align-items:flex-start;gap:8px;padding:12px}.product-basic-info{width:100%}.product-type-info{margin-right:0;align-self:center}.expand-indicator{align-self:center;margin-top:8px}.modification-header{flex-direction:column;align-items:flex-start}.modification-meta{align-items:flex-start;flex-direction:row;gap:12px}.btn-volver-arriba{bottom:20px;right:20px;width:45px;height:45px}.modification-row{flex-direction:column;align-items:flex-start;margin-left:12px}.modification-right{align-items:flex-start}.modification-description{margin-top:5px}}@media screen and (max-width: 420px){.products-history-container{padding:0 10px}.historial-header{margin-left:10px;margin-right:10px;padding:0 0 15px;margin-bottom:15px}.historial-filters-section{margin-left:5px;margin-right:5px;padding:12px}.grid-c-title-text{font-size:1.3rem}.product-compact-header{padding:10px 12px;min-height:45px}.product-id-badge{font-size:11px;padding:3px 6px}.product-name-compact{font-size:13px}.type-label-compact{font-size:11px}.modifications-header,.modification-item{padding:10px 12px}.btn-volver-arriba{bottom:15px;right:15px;width:40px;height:40px}.modification-row{flex-direction:column;margin-left:8px}.modification-right{align-items:flex-start}.modification-description{margin-top:5px}.history-header{gap:8px;padding:0 0 10px;flex-wrap:wrap;margin-bottom:10px;margin-left:0;margin-right:0;flex-direction:column}}.search-container{position:relative;display:flex;align-items:center;flex:1;max-width:610px}.box-search-input{width:100%;padding:12px 60px 12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .2s ease;background-color:#fff}.box-search-input:focus-visible{outline:none}.box-search-input::placeholder{color:#6b7280;opacity:1;transition:color .2s ease}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:8px 12px;border:none;border-radius:8px;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.clear-button-inside{position:absolute;right:48px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s ease;z-index:2}.clear-button-inside:hover{background-color:#0000000d}.box-clear-icon{color:#6b7280;transition:color .2s ease,transform .2s ease}.box-search-icon{color:#6b7280;transition:all .2s ease}.search-container.focused .box-search-input{border-color:#1eaf19}.search-container.focused .search-button{background-color:#1eaf19}.search-container.focused .box-search-icon{color:#fff}.search-container.focused .box-clear-icon{color:#1eaf19}.search-container.focused .clear-button-inside:hover{background-color:#1eaf191a}.search-button:hover{background-color:#1eaf19}.search-button:hover .box-search-icon{color:#fff}.search-container.focused .search-button:hover{background-color:#17a013}@media (max-width: 640px){.search-container{max-width:100%}}@media (max-width: 480px){.search-container{max-width:100%}.box-search-input{font-size:14px;padding:10px 52px 10px 12px}.search-button{padding:6px 10px;right:4px}.clear-button-inside{right:54px;padding:5px}}@media (min-width: 481px) and (max-width: 768px){.search-container{max-width:100%}}.cards-dashboard-wrapper{--cards-dashboard-primary: #3b82f6;--cards-dashboard-primary-hover: #2563eb;--cards-dashboard-primary-light: rgba(59, 130, 246, .1);--cards-dashboard-success: #10b981;--cards-dashboard-success-light: rgba(43, 88, 29, .1);--cards-dashboard-warning: #f59e0b;--cards-dashboard-warning-light: rgba(245, 158, 11, .1);--cards-dashboard-danger: #ef4444;--cards-dashboard-danger-light: rgba(231, 35, 35, .1);--cards-dashboard-info: #06b6d4;--cards-dashboard-info-light: rgba(6, 182, 212, .1);--cards-dashboard-purple: #8b5cf6;--cards-dashboard-purple-light: rgba(139, 92, 246, .1);--cards-dashboard-orange: #f97316;--cards-dashboard-orange-light: rgba(249, 115, 22, .1);--cards-dashboard-white: #ffffff;--cards-dashboard-gray-50: #f9fafb;--cards-dashboard-gray-100: #f3f4f6;--cards-dashboard-gray-200: #e5e7eb;--cards-dashboard-gray-300: #d1d5db;--cards-dashboard-gray-400: #9ca3af;--cards-dashboard-gray-500: #6b7280;--cards-dashboard-gray-600: #4b5563;--cards-dashboard-gray-700: #374151;--cards-dashboard-gray-800: #1f2937;--cards-dashboard-gray-900: #111827;--cards-dashboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--cards-dashboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--cards-dashboard-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--cards-dashboard-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--cards-dashboard-border-radius: 12px;--cards-dashboard-border-radius-lg: 16px;--cards-dashboard-transition: all .3s ease}.cards-dashboard-wrapper{background:var(--cards-dashboard-white);border:1px solid var(--cards-dashboard-gray-200);border-radius:var(--cards-dashboard-border-radius-lg);padding:24px;box-shadow:var(--cards-dashboard-shadow-sm);font-family:var(--font-family-main)}.cards-dashboard-wrapper{position:relative}.cards-dashboard-wrapper.loading .cards-dashboard-stat-value{background:linear-gradient(90deg,var(--cards-dashboard-gray-200) 25%,var(--cards-dashboard-gray-100) 50%,var(--cards-dashboard-gray-200) 75%);background-size:200% 100%;animation:cards-dashboard-loading 1.5s infinite;border-radius:4px;color:transparent}.cards-dashboard-wrapper button,.cards-dashboard-wrapper .cards-dashboard-stat-card,.cards-dashboard-wrapper .cards-dashboard-activity-item,.cards-dashboard-wrapper .cards-dashboard-alert{transition:var(--cards-dashboard-transition)}.cards-dashboard-wrapper [role=button]:focus-visible,.cards-dashboard-wrapper button:focus-visible{outline:3px solid var(--cards-dashboard-primary);outline-offset:2px;border-radius:var(--cards-dashboard-border-radius)}.cards-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--cards-dashboard-gray-200)}.cards-dashboard-title-section{display:flex;align-items:center;gap:12px}.cards-dashboard-title{font-size:1.5rem;font-weight:700;color:var(--cards-dashboard-gray-900);margin:0}.cards-dashboard-view-all-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0ad403,var(--clr-primary));color:var(--cards-dashboard-white);border:none;padding:12px 20px;border-radius:var(--cards-dashboard-border-radius);font-weight:600;font-size:14px;cursor:pointer;transition:var(--cards-dashboard-transition);box-shadow:var(--cards-dashboard-shadow-md)}.cards-dashboard-view-all-btn:hover{transform:translateY(-1.5px);box-shadow:var(--cards-dashboard-shadow-lg)}.cards-dashboard-content{display:flex;flex-direction:column;gap:24px}.cards-dashboard-stat-card{background:var(--cards-dashboard-white);border:1px solid var(--cards-dashboard-gray-200);border-radius:var(--cards-dashboard-border-radius);padding:20px;transition:var(--cards-dashboard-transition);position:relative;overflow:hidden}.cards-dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cards-dashboard-primary)}.cards-dashboard-stat-card.cards-dashboard-stat-blue:before{background:var(--cards-dashboard-primary)}.cards-dashboard-stat-card.cards-dashboard-stat-green:before{background:var(--cards-dashboard-success)}.cards-dashboard-stat-card.cards-dashboard-stat-purple:before{background:var(--cards-dashboard-purple)}.cards-dashboard-stat-card.cards-dashboard-stat-orange:before{background:var(--cards-dashboard-orange)}.cards-dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:var(--cards-dashboard-shadow-lg)}.cards-dashboard-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.cards-dashboard-stat-icon{padding:8px;border-radius:var(--cards-dashboard-border-radius);background:var(--cards-dashboard-gray-100);color:var(--cards-dashboard-gray-600)}.cards-dashboard-stat-blue .cards-dashboard-stat-icon{background:var(--cards-dashboard-primary-light);color:var(--cards-dashboard-primary)}.cards-dashboard-stat-green .cards-dashboard-stat-icon{background:var(--cards-dashboard-success-light);color:var(--cards-dashboard-success)}.cards-dashboard-stat-purple .cards-dashboard-stat-icon{background:var(--cards-dashboard-purple-light);color:var(--cards-dashboard-purple)}.cards-dashboard-stat-orange .cards-dashboard-stat-icon{background:var(--cards-dashboard-orange-light);color:var(--cards-dashboard-orange)}.cards-dashboard-stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:20px}.cards-dashboard-stat-trend.up{background:var(--cards-dashboard-success-light);color:var(--cards-dashboard-success)}.cards-dashboard-stat-trend.down{background:var(--cards-dashboard-danger-light);color:var(--cards-dashboard-danger)}.cards-dashboard-stat-value{font-size:2rem;font-weight:700;color:var(--cards-dashboard-gray-900);margin:0 0 4px;line-height:1}.cards-dashboard-stat-title{font-size:14px;color:var(--cards-dashboard-gray-600);margin:0;font-weight:500}.cards-dashboard-two-column{display:grid;grid-template-columns:6fr 4fr;gap:24px}.cards-dashboard-activity-list{background:#ffffff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.cards-dashboard-activity-list::-webkit-scrollbar{width:6px}.cards-dashboard-activity-list::-webkit-scrollbar-track{background:#f8fafc}.cards-dashboard-activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cards-dashboard-activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tabla-pedidos{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#374151}.tabla-pedidos thead{background:#f8fafc;position:sticky;top:0;z-index:10}.tabla-pedidos th{padding:16px 20px;text-align:center;font-weight:600;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.tabla-pedidos td{padding:16px 20px;border-bottom:1px solid #f3f4f6;text-align:center}.fila-pedido{cursor:pointer;transition:all .15s ease-in-out;background:#ffffff}.fila-pedido:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.fila-pedido:last-child td{border-bottom:none}.estado-tag{display:table-cell;width:100%;height:100%;padding:8px 10px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.estado-pendiente{background:#fef3c7;color:#92400e}.estado-procesando{background:#dbeafe;color:#1e40af}.estado-completado{background:#d1fae5;color:#065f46}.estado-cancelado{background:#fee2e2;color:#991b1b}.estado-enviado{background:#e0e7ff;color:#3730a3}.estado-entregado{background:#d1fae5;color:#047857}.loading-text,.end-text{text-align:center;padding:20px;margin:0;font-size:14px;color:#6b7280;font-style:italic}.loading-text{color:#3b82f6}.end-text{color:#9ca3af}.tabla-pedidos td:first-child{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#4b5563}.fila-pedido.estado-pendiente:hover{background:#ffebeb}.fila-pedido.estado-procesando:hover{background:#eff6ff}.fila-pedido.estado-completado:hover{background:#f0fdf4}.fila-pedido.estado-cancelado:hover{background:#fef2f2}.fila-pedido.estado-enviado:hover{background:#eef2ff}.fila-pedido.estado-entregado:hover{background:#ecfdf5}.fila-pedido.estado-vacio:hover{background:#c90b0b1c}.cards-dashboard-activity-list{scroll-behavior:smooth}.fila-pedido:focus{outline:2px solid #3b82f6;outline-offset:-2px}.tabla-pedidos td:last-child{font-weight:600;color:#dd1a01}.add-button{background:linear-gradient(135deg,#0ad403,var(--clr-primary));color:#fff;border:none;border-radius:50%;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cards-dashboard-transition);box-shadow:var(--cards-dashboard-shadow-md)}.add-button:hover{transform:translateY(-1.5px);box-shadow:var(--cards-dashboard-shadow-lg)}.add-button:active{transform:scale(.95)}.cards-dashboard-activity-section,.cards-dashboard-actions-section{background:var(--cards-dashboard-white);border:1px solid var(--cards-dashboard-gray-200);border-radius:var(--cards-dashboard-border-radius);padding:20px;box-shadow:var(--cards-dashboard-shadow-sm)}.cards-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.cards-dashboard-section-title{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:600;color:var(--cards-dashboard-gray-900);margin:0}.cards-dashboard-view-more{background:none;border:none;border-bottom:1px solid var(--cards-dashboard-primary);color:var(--cards-dashboard-primary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--cards-dashboard-transition)}.cards-dashboard-view-more:hover{color:var(--cards-dashboard-primary-hover);text-decoration:none}.cards-dashboard-activity-list{display:flex;flex-direction:column;gap:16px}.cards-dashboard-activity-item{padding:16px;background:var(--cards-dashboard-danger-light);border-radius:var(--cards-dashboard-border-radius);border:1px solid var(--cards-dashboard-gray-200);box-shadow:0 2px 4px #0000000a;transition:background .3s ease,box-shadow .3s ease;cursor:pointer}.cards-dashboard-activity-item:hover{border:1px solid var(--cards-dashboard-danger);box-shadow:0 4px 8px #00000014}.cards-dashboard-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.factura-id{font-weight:600;font-size:15px;color:var(--cards-dashboard-gray-900)}.estado-pendiente{background-color:#fff3cd;color:#856404}.estado-aprobado{background-color:#d4edda;color:#155724}.estado-rechazado{background-color:#f8d7da;color:#721c24}.cards-dashboard-activity-body p{margin:4px 0;font-size:14px;color:var(--cards-dashboard-gray-700);line-height:1.5}.cards-dashboard-quick-actions{display:flex;flex-direction:column;gap:12px}.cards-dashboard-quick-action{display:flex;align-items:center;gap:12px;padding:16px;background:var(--cards-dashboard-gray-50);border:1px solid var(--cards-dashboard-gray-200);border-radius:var(--cards-dashboard-border-radius);cursor:pointer;transition:var(--cards-dashboard-transition);text-align:left;width:100%}.cards-dashboard-quick-action:hover{background:var(--cards-dashboard-white);box-shadow:var(--cards-dashboard-shadow-md);transform:translateY(-2px)}.cards-dashboard-action-icon{padding:8px;border-radius:var(--cards-dashboard-border-radius);background:var(--cards-dashboard-primary-light);color:var(--cards-dashboard-primary)}.cards-dashboard-action-blue .cards-dashboard-action-icon{background:var(--cards-dashboard-primary-light);color:var(--cards-dashboard-primary)}.cards-dashboard-action-green .cards-dashboard-action-icon{background:var(--cards-dashboard-success-light);color:var(--cards-dashboard-success)}.cards-dashboard-action-purple .cards-dashboard-action-icon{background:var(--cards-dashboard-purple-light);color:var(--cards-dashboard-purple)}.cards-dashboard-action-content{flex:1}.cards-dashboard-action-title{font-size:14px;font-weight:600;color:var(--cards-dashboard-gray-900);margin:0 0 4px}.cards-dashboard-action-description{font-size:12px;color:var(--cards-dashboard-gray-600);margin:0;line-height:1.3}.cards-dashboard-alerts-section{background:var(--cards-dashboard-white);border-radius:var(--cards-dashboard-border-radius);padding:20px;box-shadow:var(--cards-dashboard-shadow-sm);margin-bottom:10px}.cards-dashboard-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.cards-dashboard-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 8px #0000000d}.cards-dashboard-alert-left{display:flex;align-items:center;gap:12px;flex:1}.cards-dashboard-alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:16px;background:currentColor;color:#fff}.cards-dashboard-alert-danger .cards-dashboard-alert-icon{background:var(--cards-dashboard-danger)}.cards-dashboard-alert-info .cards-dashboard-alert-icon{background:var(--cards-dashboard-info)}.cards-dashboard-alert-warning .cards-dashboard-alert-icon{background:var(--cards-dashboard-warning)}.cards-dashboard-alert-warning{background:var(--cards-dashboard-warning-light);border-left-color:var(--cards-dashboard-warning);color:var(--cards-dashboard-warning)}.cards-dashboard-alert-info{background:var(--cards-dashboard-info-light);border-left-color:var(--cards-dashboard-info);color:var(--cards-dashboard-info)}.cards-dashboard-alert-danger{background:var(--cards-dashboard-danger-light);border-left-color:var(--cards-dashboard-danger);color:var(--cards-dashboard-danger)}.cards-dashboard-alert:hover{transform:translateY(-2px);box-shadow:var(--cards-dashboard-shadow-md)}.cards-dashboard-alert-content{flex:1}.cards-dashboard-alert-content h5{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--cards-dashboard-gray-900)}.cards-dashboard-alert-content p{font-size:12px;margin:0 0 10px;color:var(--cards-dashboard-gray-700)}.cards-dashboard-alert-action{border:none;padding:7px 16px;border-radius:18px;font-size:12.5px;font-weight:600;cursor:pointer;color:#fff;box-shadow:0 2px 5px #0000001a;transition:all .2s ease;margin-top:auto;align-self:center}.cards-dashboard-alert-action:hover{transform:translateY(-2px);box-shadow:0 4px 10px #3b82f666;filter:brightness(1.05)}.cards-dashboard-alert-danger .cards-dashboard-alert-action{background:var(--cards-dashboard-danger);box-shadow:0 2px 5px #ef444466}.cards-dashboard-alert-info .cards-dashboard-alert-action{background:var(--cards-dashboard-info);box-shadow:0 2px 5px #06b6d466}.cards-dashboard-alert-warning .cards-dashboard-alert-action{background:var(--cards-dashboard-warning);box-shadow:0 2px 5px #f59e0b66}.cards-dashboard-alert-action:hover{transform:translateY(-1px);filter:brightness(1.05)}.button-spinner{width:20px;height:20px;border:2px solid var(--cards-dashboard-gray-300);border-top:2px solid var(--cards-dashboard-primary);border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.cards-dashboard-quick-action.downloading{pointer-events:none;opacity:.8}.cards-dashboard-quick-action.downloading .cards-dashboard-action-icon{background:var(--cards-dashboard-primary-light);color:var(--cards-dashboard-primary)}.cards-dashboard-quick-action.download-complete{pointer-events:none;background:var(--cards-dashboard-success-light);border-color:var(--cards-dashboard-success)}.cards-dashboard-quick-action.download-complete .cards-dashboard-action-icon{background:var(--cards-dashboard-success);color:#fff}.cards-dashboard-quick-action.download-complete .cards-dashboard-action-title{color:var(--cards-dashboard-success)}.cards-dashboard-view-all-btn:focus-visible,.cards-dashboard-quick-action:focus-visible,.cards-dashboard-alert-action:focus-visible{outline:2px solid var(--cards-dashboard-primary);outline-offset:2px}.cards-dashboard-loading{animation:cards-dashboard-pulse 2s infinite}.cards-dashboard-slide-in{animation:cards-dashboard-slideIn .5s ease-out}.cards-dashboard-stat-card.cards-dashboard-stat-critical:before{background:var(--cards-dashboard-danger)}.cards-dashboard-stat-card.cards-dashboard-stat-excellent:before{background:linear-gradient(90deg,var(--cards-dashboard-success),var(--cards-dashboard-info))}.cards-dashboard-stat-card:hover .cards-dashboard-stat-icon{transform:scale(1.1) rotate(5deg)}.cards-dashboard-activity-item:hover .cards-dashboard-activity-indicator{transform:scale(1.3);box-shadow:0 0 0 4px #3b82f633}.cards-dashboard-activity-indicator.pulse{animation:cards-dashboard-pulse 2s infinite}.cards-dashboard-activity-indicator.critical{background:var(--cards-dashboard-danger);box-shadow:0 0 0 4px var(--cards-dashboard-danger-light)}.cards-dashboard-tooltip{position:relative}.cards-dashboard-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--cards-dashboard-gray-800);color:var(--cards-dashboard-white);padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.cards-dashboard-tooltip:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){.cards-dashboard-wrapper *,.cards-dashboard-wrapper *:before,.cards-dashboard-wrapper *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.cards-dashboard-wrapper{border:2px solid var(--cards-dashboard-gray-800)}.cards-dashboard-stat-card,.cards-dashboard-activity-section,.cards-dashboard-actions-section,.cards-dashboard-alerts-section{border:2px solid var(--cards-dashboard-gray-600)}}@keyframes cards-dashboard-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes cards-dashboard-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cards-dashboard-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width: 1024px){.cards-dashboard-two-column{grid-template-columns:1fr;gap:20px}.cards-dashboard-alerts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tabla-pedidos{font-size:12.5px}.tabla-pedidos th,.tabla-pedidos td{padding:10px 12px}.tabla-pedidos th{font-size:11.5px}.estado-tag{padding:3px 6px;font-size:10.5px}.cards-dashboard-wrapper{padding:16px}.cards-dashboard-header{flex-direction:column;gap:16px;align-items:stretch}.cards-dashboard-view-all-btn{justify-content:center}.cards-dashboard-content{gap:20px}.cards-dashboard-stat-card{padding:16px}.cards-dashboard-stat-value{font-size:1.75rem}.cards-dashboard-activity-section,.cards-dashboard-actions-section,.cards-dashboard-alerts-section{padding:16px}}@media screen and (max-width: 480px){.cards-dashboard-wrapper{padding:12px}.cards-dashboard-title{font-size:1.25rem}.cards-dashboard-view-all-btn{padding:10px 16px;font-size:13px}.cards-dashboard-stat-card{padding:12px}.cards-dashboard-stat-value{font-size:1.5rem}.cards-dashboard-section-title{font-size:1rem}.cards-dashboard-quick-action,.cards-dashboard-alert{padding:12px}.tabla-pedidos th,.tabla-pedidos td{padding:8px}}@media (max-width: 420px){.tabla-pedidos th,.tabla-pedidos td{padding:8px 6px;font-size:9px}.loading-text,.end-text{font-size:12px}}.main-content-home{font-family:var(--font-family-main)}.header-title-section{display:flex;align-items:center;gap:16px}.dashboard-title{font-size:2rem;font-weight:700;color:var(--home-gray-900);margin:0 0 4px;line-height:1.2}.dashboard-subtitle{font-size:1rem;color:var(--home-gray-600);margin:0;font-weight:500}.header-stats{display:flex;gap:24px}.quick-stat{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff;border:1px solid var(--home-gray-200);border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-sm)}.stat-icon{padding:4px;border-radius:6px}.stat-icon.success{background:var(--home-success-light);color:var(--home-success-color)}.stat-icon.warning{background:var(--home-warning-light);color:var(--home-warning-color)}.stat-value{font-size:1.125rem;font-weight:700;color:var(--home-gray-900)}.stat-label{font-size:.875rem;color:var(--home-gray-600);font-weight:500}.main-content-holder{display:grid;gap:24px}.content-grid-two{display:grid;grid-template-columns:1fr}.grid-common{background:linear-gradient(135deg,#ffffff 0%,var(--home-gray-50) 100%);border:1px solid var(--home-gray-200);border-radius:var(--home-border-radius-lg);padding:24px;box-shadow:var(--home-shadow-sm);transition:var(--home-transition)}.grid-common:hover{box-shadow:var(--home-shadow-md)}.grid-c-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--home-gray-200)}.grid-c-title-text{font-size:1.25rem;font-weight:600;color:var(--home-gray-900);margin:0}.title-icon{color:var(--primary-color)}.quick-stats-card{height:fit-content}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--home-gray-50);border-radius:var(--home-border-radius);transition:var(--home-transition)}.stat-item:hover{background:var(--home-gray-100);transform:translateY(-1px)}.stat-icon-wrapper{padding:8px;border-radius:var(--home-border-radius);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-wrapper.primary{background:linear-gradient(135deg,var(--primary-color),var(--home-primary-hover))}.stat-icon-wrapper.success{background:linear-gradient(135deg,var(--home-success-color),#059669)}.stat-icon-wrapper.info{background:linear-gradient(135deg,var(--home-info-color),#0891b2)}.stat-icon-wrapper.warning{background:linear-gradient(135deg,var(--home-warning-color),#d97706)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--home-gray-900);line-height:1}.stat-text{font-size:.75rem;color:var(--home-gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.features-section{width:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media screen and (max-width: 1200px){.content-grid-one,.main-content-holder{gap:20px}}@media screen and (max-width: 992px){.content-grid-one{grid-template-columns:1fr}.header-stats{justify-content:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media screen and (max-width: 768px){.dashboard-title{font-size:1.5rem}.header-stats{flex-direction:column;gap:12px;width:100%}.quick-stat{justify-content:center}.grid-common{padding:20px}.features-grid{grid-template-columns:1fr}}@media screen and (max-width: 480px){.dashboard-title{font-size:1.25rem}.grid-common{padding:16px}.grid-c-title-text{font-size:1.125rem}.stat-item{padding:12px}.stat-number{font-size:1.25rem}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:none}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.pedido-modal{background:#fff;width:600px;height:80vh;display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.pedido-edit-body{flex:1;overflow-y:auto;padding:16px}.save-button{display:inline-flex;align-items:center;gap:6px;background:#4f46e5;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px}.save-button:disabled{opacity:.7;cursor:not-allowed}.close-button-modal{background:none;border:none;cursor:pointer;color:#666;font-size:20px;line-height:1;transition:color .2s ease,transform .2s ease;width:20px;height:20px}.close-button-modal:hover{color:#333}.pedido-modal h2{font-size:1.4em;color:#333;padding:10px;position:relative}.pedido-modal label{display:block;margin:12px 0 6px;font-weight:600;color:#555;font-size:.95em}.pedido-modal input[type=text],.pedido-modal input[type=number],.pedido-modal textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.pedido-modal textarea{resize:vertical;min-height:80px}.pedido-modal input:focus,.pedido-modal textarea:focus{outline:none;border-color:#049924}.pedido-modal button[type=submit]{background-color:#049924;color:#fff;padding:10px 20px;margin-top:20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}.pedido-edit-header,.pedido-edit-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--gray-100);padding:12px 16px;border-bottom:1px solid #ddd}.pedido-edit-footer{border-top:1px solid #ddd;border-bottom:none;text-align:right}.pedido-modal button[type=submit]:hover{background-color:#037a1d}.pedido-modal button[type=submit]:disabled{background-color:#a0d8a0;cursor:not-allowed}@media (max-width: 768px){.pedido-modal{width:100%;margin:10px}}.pedidos-container{display:flex}.filters-panel{width:270px;background-color:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column}.filters-header{padding:24px;border-bottom:1px solid var(--gray-200)}.filters-title{text-align:center;font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.filters-content{padding:16px;overflow-y:auto}.filters-list{display:flex;flex-direction:column;gap:8px}.filter-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid var(--gray-200);border-radius:var(--border-radius-12);background-color:#fff;cursor:pointer;transition:var(--transition);text-align:left}.filter-button:hover{background-color:var(--gray-50)}.filter-button.active{border-color:var(--clr-primary);background-color:#10b9810d}.filter-button.active.green{background-color:#10b9810d;border-color:var(--clr-primary);color:var(--clr-primary)}.filter-button.active.black{background-color:#6163620d;border-color:var(--clr-bgdark-gradient);color:var(--clr-bgdark-gradient)}.filter-button.active.green2{background-color:#10b9810d;border-color:var(--clr-primary2);color:var(--clr-primary)}.filter-button.active.blue{background-color:#3b82f60d;border-color:var(--clr-primary-blue);color:var(--clr-primary-blue)}.filter-button.active.red{background-color:#ef44440d;border-color:var(--clr-primary-red);color:var(--clr-primary-red)}.filter-button.active.yellow{background-color:#f59e0b0d;border-color:var(--yellow2-color);color:var(--yellow-color)}.filter-button.active.purple{background-color:#8b5cf60d;border-color:var(--clr-primary-purple);color:var(--clr-primary-purple)}.filter-button.active.orange{background-color:#f973160d;border-color:var(--clr-primary-orange);color:var(--clr-primary-orange)}.filter-button.active.orange2{background-color:#f973160d;border-color:var(--orange2-color);color:var(--clr-primary-orange)}.filter-button.active.orange3{background-color:#f973160d;border-color:var(--orange3-color);color:var(--clr-primary-orange)}.filter-button.active.redWine{background-color:#9c04040d;border-color:#7a2e38;color:#7a2e38}.filter-button.active.gray{background-color:#6b72800d;border-color:var(--gray-color);color:var(--gray-color)}.filter-button-content{display:flex;align-items:center;gap:12px}.filter-button-text{max-width:120px;font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{background-color:var(--gray-100);color:var(--gray-700);padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.filter-button.active .filter-badge{background-color:#ffffff80}.main-panel{width:100%;flex:1;display:flex;transition:var(--transition)}.pedidos-list-container{flex:1;transition:var(--transition);width:100%}.pedidos-header{padding:24px;border-bottom:1px solid var(--gray-200);background-color:#fff}.pedidos-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 4px}.pedidos-subtitle{color:var(--gray-600);margin:5px}.search-and-filter-controls{display:flex;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}.filter-modal-button{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);border:2px solid #e5e7eb;background:#ffffff;color:var(--gray-700);white-space:nowrap}.filter-modal-button:hover{border-color:#0db30d;color:#0db30d;background:rgba(16,185,129,.05)}.filter-modal-button:focus{outline:none;border-color:#0db30d;box-shadow:0 0 0 3px #10b9811a}.filter-modal-button:active{border-color:#0db30d;color:#0db30d;background:rgba(16,185,129,.1);transform:translateY(1px)}.filter-modal-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.pedidos-content{flex:1;overflow-y:auto;padding:16px;height:100%;max-height:100vh}.pedidos-grid{display:flex;flex-direction:column;gap:16px}.pedido-card{position:relative;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-12);padding:16px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.pedido-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pedido-card-content{display:flex;align-items:center}.pedido-card-left{display:flex;align-items:center;gap:12px}.pedido-deadline{position:absolute;top:6px;right:8px;display:flex;align-items:center;font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:8px;box-shadow:0 2px 4px #00000026;visibility:visible;z-index:10}.pedido-not-prepared{position:absolute;top:6px;right:8px;display:flex;align-items:center;font-size:.75rem;font-weight:600;color:#7a2e38;background:#7a2e381a;padding:6px 10px;border-radius:8px;box-shadow:0 2px 4px #00000026;visibility:visible;z-index:10}.pedido-corte{position:absolute;top:6px;right:8px;display:flex;align-items:center;font-size:.75rem;font-weight:600;color:#c3ad00;background:#f59e0b1a;padding:6px 10px;border-radius:8px;box-shadow:0 2px 4px #00000026;z-index:10}.pedido-card.pedido-alerta{border:1px solid #b85c6b;animation:bordeParpadeoSuave 3s infinite ease-in-out;position:relative;transition:border .3s ease}.pedido-card.pedido-alerta:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-12);pointer-events:none;z-index:1}@keyframes bordeParpadeoSuave{0%{border-color:#b85c6b;box-shadow:0 0 #7a2e381a}50%{border-color:#d89ca3;box-shadow:0 0 8px 2px #7a2e3833}to{border-color:#b85c6b;box-shadow:0 0 #7a2e381a}}.pedido-editing{margin-left:auto;display:flex;align-items:center;font-size:.75rem;font-weight:600;color:#d97706;background:rgba(255,193,7,.15);padding:6px 10px;border-radius:8px;box-shadow:0 2px 4px #8a531f26;z-index:10}.pedido-icon{padding:8px;border-radius:var(--border-radius-8);display:flex;align-items:center;justify-content:center}.pedido-icon.green{background-color:#10b9811a;color:var(--clr-primary)}.pedido-icon.blue{background-color:#3b82f61a;color:var(--clr-primary-blue)}.pedido-icon.red{background-color:#ef44441a;color:var(--clr-primary-red)}.pedido-icon.yellow{background-color:#f59e0b1a;color:var(--yellow-color)}.pedido-icon.purple{background-color:#8b5cf61a;color:var(--clr-primary-purple)}.pedido-icon.orange{background-color:#f973161a;color:var(--clr-primary-orange)}.pedido-icon.gray{background-color:#6b72801a;color:var(--gray-color)}.pedido-icon.redWine{background-color:#7a2e381a;color:#7a2e38}.pedido-icon.orange2{background-color:#fdc7141a;color:#fdc714}.pedido-icon.orange3{background-color:#cfa20c1a;color:#cfa20c}.pedido-icon.green2{background-color:#126b271a;color:#126b27}.pedido-info h3{font-weight:600;margin:0 0 4px}.pedido-info p{font-size:.875rem;color:var(--gray-600);margin:0}.pedido-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;border:none}.pedido-badge.green{background-color:#10b9811a;color:var(--clr-primary)}.pedido-badge.blue{background-color:#3b82f61a;color:var(--clr-primary-blue)}.pedido-badge.red{background-color:#ef44441a;color:var(--clr-primary-red)}.pedido-badge.yellow{background-color:#f59e0b1a;color:var(--yellow-color)}.pedido-badge.purple{background-color:#8b5cf61a;color:var(--clr-primary-purple)}.pedido-badge.orange{background-color:#f973161a;color:var(--clr-primary-orange)}.pedido-badge.gray{background-color:#6b72801a;color:var(--gray-color)}.details-panel{position:fixed;top:0;right:0;height:100vh;width:50%;max-width:600px;background-color:#fff;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;overflow-y:auto;z-index:1001;animation:slideIn .3s ease-out;box-shadow:-6px 0 12px #0003}.details-header{padding:24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;background-color:var(--gray-100)}.details-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.close-button{background:none;border:none;font-size:1.25rem;color:var(--gray-600);cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition)}.close-button:hover{background-color:var(--gray-100);color:var(--gray-900)}.details-content{flex:1;overflow-y:auto;padding:24px}.details-section{margin-bottom:24px}.details-section:last-child{margin-bottom:0}.edit-details-section{background-color:var(--gray-100);border-top:1px solid var(--gray-200);padding:24px}.section-title{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.section-content{background-color:var(--gray-50);border-radius:var(--border-radius-12);padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--gray-600)}.info-value{font-weight:500;color:var(--gray-900)}.info-value.price{font-weight:700;color:var(--clr-primary)}.client-info{display:flex;flex-direction:column}.client-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--gray-900)}.client-details{font-size:.875rem;color:var(--gray-600);line-height:1.5}.products-list{display:flex;flex-direction:column;gap:8px}.product-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--gray-50);border-radius:var(--border-radius-8)}.observations{background-color:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:var(--border-radius-12);padding:16px;color:#92400e;overflow:visible;white-space:normal;word-wrap:break-word}.actions-section{padding:16px;border-top:1px solid var(--gray-200);background-color:var(--gray-100)}.actions-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn{flex:1;padding:10px 16px;border-radius:var(--border-radius-8);font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-size:.875rem;margin:0 20px;min-width:180px}.btn-primary{background-color:var(--clr-primary);color:#fff}.btn-primary:hover{background-color:var(--clr-primary-hover)}.btn-secondary{background-color:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background-color:var(--gray-50)}@media (max-width: 1024px){.filters-panel{width:280px}.pedidos-list-container.with-details{width:45%}.details-panel{width:55%}}@media (max-width: 768px){.pedidos-container{flex-direction:column}.filters-panel{width:100%;height:auto;max-height:200px}.main-panel{flex-direction:column}.pedidos-list-container,.pedidos-list-container.with-details{width:100%}.details-panel{width:100%;height:100vh}.search-and-filter-controls{flex-direction:column;gap:12px}.filter-modal-button{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;padding:0;margin-top:5px;font-family:var(--font-family-main)}.pagination button{padding:6px 12px;margin:0 5px;border:1px solid #ccc;border-radius:5px;background-color:#f0f0f0;color:#333;cursor:pointer;font-size:1rem;transition:all .3s ease;outline:none}.pagination button:hover:not([disabled]){background-color:#00920c6c;border-color:#bbb;color:#000;filter:brightness(1.1);transition:all .3s ease}.pagination button:disabled{opacity:.6;cursor:not-allowed}.pagination button.active{background-color:#0be228;color:#fff;font-weight:700;cursor:default}.pagination button.active:hover{background-color:#007bff;color:#fff}.loading-message{text-align:center;padding:30px;font-size:1.2em;color:#333;background-color:#eaf7ff;border:1px solid #cceeff;border-radius:10px;margin:50px auto;max-width:300px;box-shadow:0 4px 8px #00000026;font-weight:500}.loading-message:after{content:"";animation:dots 1.5s infinite linear}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width: 440px){.pedido-info h3{font-size:10px;margin:0 0 4px}.pedido-info h3{font-size:.875rem;margin:0}.pedido-deadline,.pedido-not-prepared,.pedido-corte,.pedido-editing{font-size:.65rem;padding:4px 6px;gap:3px}.pedido-deadline svg,.pedido-not-prepared svg,.pedido-corte svg,.pedido-editing svg{width:12px;height:12px}}.pedidos-grid{display:flex;flex-direction:column;gap:16px;min-height:min-content}.pedido-card{flex-shrink:0;min-width:0;overflow:hidden}.pedido-card-content{overflow:hidden;width:100%;box-sizing:border-box;min-height:102px}.pedido-card-left{display:flex;align-items:center;gap:12px;min-width:0}.pedido-info{flex:1;min-width:0;overflow:hidden}.pedidos-button-search{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;border-radius:100%}.pedidos-button-search:hover{background-color:#22222210}.no-pedidos-message{text-align:center;padding:40px 20px;color:#666;font-size:1rem}@media (max-width: 768px){.pedidos-content{padding:16px;height:calc(100vh - 120px)}.pedidos-grid{gap:12px}.pedido-card{padding:12px}.pedido-info h3{font-size:.95rem}.pedido-info p{font-size:.85rem;white-space:normal}.filter-button-text{max-width:250px}}@media (max-width: 480px){.pedidos-content{padding:12px;height:calc(100vh - 100px)}.pedido-card-left{gap:8px}.pedido-info h3{font-size:.9rem}.pedido-info p{font-size:.8rem}.pedido-icon{flex-shrink:0}.filter-button-text{max-width:200px}}.filters-toggle-button{display:none;padding:12px 16px;background:none;border:none;color:var(--gray-700);cursor:pointer;width:100%;text-align:center;border-top:1px solid var(--gray-200);transition:var(--transition);font-weight:500;align-items:center;justify-content:center}.filters-toggle-button:hover{background-color:var(--gray-50);color:var(--gray-900)}@media (max-width: 768px){.filters-toggle-button{display:flex}.filters-content{max-height:100px;overflow:hidden;transition:max-height .4s ease-in-out;position:relative}.filters-content.expanded{max-height:600px}.filters-content:not(.expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95));pointer-events:none;z-index:1}.filters-list{padding-bottom:8px}.filters-panel{width:100%;max-height:none;position:relative}}.field-row{display:flex;justify-content:space-between;margin-bottom:8px}.field-label{color:#4b5563}.field-value{text-align:right;color:#222;max-width:60%;word-wrap:break-word}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-modal-content{background:#ffffff;border-radius:var(--border-radius-12);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-300);flex-shrink:0;background-color:var(--gray-100)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.modal-body{padding:24px;flex-grow:1;overflow-y:auto}.filter-modal-content .filters-list{padding:0}@media screen and (max-width: 480px){.filter-modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:16px}.modal-header h3{font-size:1rem;font-weight:600}.close-button{padding:4px}}.additional-filters{display:flex;flex-direction:column;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-weight:500;font-size:.875rem;color:var(--gray-700);margin-bottom:4px}.filter-select,.filter-input{padding:10px 12px;border:2px solid var(--gray-200);border-radius:var(--border-radius-8);font-size:.875rem;color:var(--gray-700);background:#ffffff;transition:var(--transition);font-family:inherit}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #10b9811a}.filter-select{cursor:pointer}.date-range-inputs{display:flex;justify-content:space-between;gap:12px}.date-input{flex:1}.filter-actions{display:flex;gap:12px;margin-top:10px;padding:20px;border-top:1px solid var(--gray-300);z-index:10;background-color:var(--gray-100)}.filter-actions .btn{flex:1;font-weight:700;border-radius:var(--border-radius-8);cursor:pointer;transition:var(--transition);border:none;font-size:.875rem;display:flex;justify-content:center;align-items:center;text-align:center}.fullscreen-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#049924;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-actions .btn-secondary{background-color:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.filter-actions .btn-secondary:hover{background-color:var(--gray-50)}.date-separator{display:flex;align-items:center;font-size:.875rem;color:var(--gray-500);margin:0 8px;white-space:nowrap}.active-filters-indicator{padding:12px;background-color:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius-8);margin-top:8px}.active-filters-badge{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--clr-primary);font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.filter-modal-content{max-width:650px;max-height:85vh;min-width:500px}@media (max-width: 768px){.date-range-inputs{flex-direction:column;gap:8px}.filter-actions{flex-direction:column}.filter-modal-content{max-width:95%;margin:10px}}@media (max-width: 480px){.modal-header,.modal-body{padding:16px}.additional-filters{gap:16px}.filter-group{gap:6px}.filter-label{font-size:.8rem}.filter-select,.filter-input{padding:8px 10px;font-size:.8rem}.filter-modal-content{min-width:unset;width:100%;max-width:95%;margin:0 auto}}.pedido-modal .select-container{margin-bottom:16px}.pedido-modal .select-container .select__control{transition:all .2s ease}.pedido-modal .select-container .select__control:hover{border-color:#049924}.pedido-modal .select-container .select__option{transition:all .2s ease}.pedido-modal .select-container .select__single-value{display:flex!important;align-items:center;gap:8px}.tooltip-wrapper{position:relative;display:inline-block;width:100%}.tooltip-target{cursor:default;transition:color .2s ease}.tooltip-target:hover{color:var(--clr-primary)}.custom-tooltip{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%) translateY(-100%)}.tooltip-content{background:#1f2937;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.1);word-wrap:break-word;text-align:center;white-space:normal}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937}@media (max-width: 768px){.custom-tooltip{max-width:90vw}.tooltip-content{font-size:12px;padding:6px 10px}.tooltip-arrow{border-left-width:5px;border-right-width:5px;border-top-width:5px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100svh;width:100%;background-image:url(/assets/bbblurry-ee45ddd4.svg);background-size:cover;background-repeat:no-repeat}.auth-content-wrapper{display:flex;border-radius:12px;background-color:#fff;background-size:cover;overflow:hidden;width:400px;height:520px;transition:transform .3s ease,box-shadow .3s ease}.right-image-panel{flex:1;min-width:400px}.right-image-content{width:100%;height:100%;object-fit:cover;display:block}.backLink{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;font-size:.9em;font-weight:500;color:#4caf50;text-decoration:none;padding:8px 15px;border-radius:20px;transition:all .3s ease;z-index:3}.backLink:hover{background-color:#4caf501a;color:#45a049;transform:translateY(-1px)}.form_main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.heading{font-size:1.8em;color:#2e2e2e;font-weight:500;margin:5px 0 20px;z-index:2;transition:color .3s ease}.subheading{font-size:.95em;color:#666;text-align:center;margin-bottom:25px;line-height:1.5;z-index:2;white-space:pre-line}.inputContainer{width:100%;position:relative;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:5px}.inputIcon{position:absolute;left:8px;width:18px;height:18px;opacity:.7;transition:opacity .3s ease;z-index:3}.inputField{width:100%;height:30px;background-color:transparent!important;border:none;margin:12px 0;color:#000;font-size:.95em;font-weight:500;box-sizing:border-box;padding-left:35px;transition:all .3s ease;position:relative}.inputField:focus{outline:none;transform:translateY(-2px)}.inputContainer:after{content:"";position:absolute;bottom:0;left:40px;right:0;height:2px;background-color:#5dac6477;transition:all .3s ease}.inputContainer:focus-within:after{background-color:#37c72a;height:2px}.inputField::placeholder{color:#787878;font-size:.9em;font-weight:400;transition:color .3s ease}.inputField:focus::placeholder{color:#37c72a}.inputField:-webkit-autofill,.inputField:-webkit-autofill:hover,.inputField:-webkit-autofill:focus,.inputField:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:black!important;transition:background-color 5000s ease-in-out 0s}#button{z-index:2;position:relative;width:100%;border:none;background:linear-gradient(135deg,#58dd5d,#23c72c);height:45px;color:#fff;font-size:.95em;font-weight:600;letter-spacing:.5px;margin:25px 0 15px;cursor:pointer;border-radius:6px;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}#button:hover:not(:disabled){background:linear-gradient(135deg,#40c046,#23a027);transform:translate(-2px);box-shadow:0 2px 8px #0006}#button:active{transform:translateY(0)}#button:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgotLink{z-index:2;font-size:.9em;font-weight:500;color:#4caf50;text-decoration:none;padding:8px 15px;border-radius:20px;transition:all .3s ease;margin-top:5px}.forgotLink:hover{background-color:#4caf501a;color:#45a049;transform:translateY(-1px)}.error-container{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;margin-top:10px;z-index:2}.error_message{z-index:2;background-color:#f443361a;color:#d32f2f;padding:12px 18px;border-radius:6px;font-size:.85em;font-weight:500;border:1px solid rgba(244,67,54,.2);width:100%;text-align:center;animation:slideIn .3s ease;margin:0}.success_message{z-index:2;background-color:#4caf501a;color:#2e7d32;padding:7px 18px;border-radius:6px;font-size:.85em;font-weight:500;border:1px solid rgba(76,175,80,.2);width:100%;text-align:center;animation:slideIn .3s ease;margin:0}.email-sent-container{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;padding:20px 0}.success-icon{margin-bottom:20px;animation:scaleIn .5s ease}.email-sent-message{font-size:.95em;color:#666;line-height:1.6;margin-bottom:25px;z-index:2}.secondary-button{z-index:2;position:relative;width:100%;border:2px solid #4caf50;background:transparent;height:45px;color:#4caf50;font-size:.95em;font-weight:600;letter-spacing:.5px;cursor:pointer;border-radius:6px;transition:all .3s ease}.secondary-button:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.form_main>*{animation:fadeInUp .4s ease-out forwards;opacity:0;transform:translateY(10px)}.form_main>*:nth-child(1){animation-delay:.1s}.form_main>*:nth-child(2){animation-delay:.2s}.form_main>*:nth-child(3){animation-delay:.3s}.form_main>*:nth-child(4){animation-delay:.4s}.form_main>*:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.inputContainer{width:70%;position:relative;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:5px}#button{width:70%}.auth-content-wrapper{background-color:#fff;width:80%;height:70%}}@media (max-width: 480px){.form_main{width:100%;padding:60px 25px}.inputContainer,#button{width:100%}.heading{font-size:1.9em}.inputField{font-size:.9em;height:28px}#button{height:45px;font-size:.95em}.auth-content-wrapper{background-color:#fff;height:60%}}:root{--factura-primary-color: #0db30d;--factura-primary-hover: #0cb40c;--factura-primary-light: rgba(13, 179, 13, .1);--factura-success-color: #16a34a;--factura-success-hover: #15803d;--factura-danger-color: #ef4444;--factura-danger-hover: #dc2626;--factura-danger-light: rgba(239, 68, 68, .1);--factura-info-color: #60a5fa;--factura-info-light: rgba(96, 165, 250, .12);--factura-gray-50: #f9fafb;--factura-gray-100: #f3f4f6;--factura-gray-200: #e5e7eb;--factura-gray-300: #d1d5db;--factura-gray-400: #9ca3af;--factura-gray-500: #6b7280;--factura-gray-600: #4b5563;--factura-gray-700: #374151;--factura-gray-800: #1f2937;--factura-gray-900: #111827;--factura-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--factura-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--factura-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--factura-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--factura-border-radius: 12px;--factura-border-radius-lg: 16px;--factura-transition: all .5s ease}.factura-main-container{display:flex;padding:20px;gap:20px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden;min-height:100vh;font-family:Poppins,sans-serif}.factura-search-container{display:flex;background-color:#fff;padding:20px;margin-bottom:10px;border-radius:12px;gap:10px;box-shadow:0 2px 8px #00000014}.factura-form-section{flex:1;background-color:#fff;border-radius:var(--factura-border-radius);padding:20px;box-shadow:var(--factura-shadow-md);overflow:hidden;min-width:0;box-sizing:border-box;width:100%;max-width:100%}.factura-header{display:flex;margin-bottom:25px}.factura-form-title{font-size:24px;font-weight:600;color:var(--factura-gray-900);margin:0}.factura-submit-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--factura-primary-color),var(--factura-primary-hover));color:#fff;padding:12px 20px;border:none;border-radius:var(--factura-border-radius);cursor:pointer;font-weight:600;font-size:14px;transition:var(--factura-transition);white-space:nowrap;box-shadow:var(--factura-shadow-md)}.factura-submit-btn:hover{transform:translateY(-1px);box-shadow:var(--factura-shadow-lg)}.factura-filters-section{display:flex;gap:20px;align-items:center;margin-bottom:24px;width:100%;max-width:100%;flex-wrap:nowrap;min-width:0}.factura-search-box{position:relative;flex:2;max-width:400px;min-width:200px}.factura-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--factura-gray-400);pointer-events:none}.factura-search-input{width:100%;max-width:100%;padding:12px 16px 12px 44px;border:2px solid var(--factura-gray-200);border-radius:var(--factura-border-radius);font-size:.875rem;font-weight:500;color:var(--factura-gray-700);background:#ffffff;transition:var(--factura-transition);font-family:Poppins,sans-serif;box-sizing:border-box}.factura-search-input:focus{outline:none;border-color:var(--factura-primary-color);box-shadow:0 0 0 3px var(--factura-primary-light)}.factura-filters-group{display:flex;gap:16px;align-items:center;flex-shrink:0}.factura-filter-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.factura-filter-select{padding:10px 16px;border:2px solid var(--factura-gray-200);border-radius:var(--factura-border-radius);font-size:.875rem;font-weight:500;color:var(--factura-gray-700);background:#ffffff;cursor:pointer;transition:var(--factura-transition);min-width:150px;max-width:200px;font-family:Poppins,sans-serif;box-sizing:border-box}.factura-filter-select:focus{outline:none;border-color:var(--factura-primary-color);box-shadow:0 0 0 3px var(--factura-primary-light)}.factura-list{display:flex;flex-direction:column;border-radius:var(--factura-border-radius);border:1px solid var(--factura-gray-200);overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:var(--factura-shadow-sm);width:100%;max-width:100%;box-sizing:border-box;max-height:84vh}.factura-list-header{display:flex;background-color:var(--factura-gray-50);padding:15px;font-size:14px;font-weight:600;color:var(--factura-primary-color);border-bottom:1px solid var(--factura-gray-200);width:100%;max-width:100%;box-sizing:border-box;position:sticky;top:0}.factura-list-item{display:flex;padding:10px;align-items:center;border-bottom:1px solid var(--factura-gray-200);transition:var(--factura-transition);font-size:13px;min-height:100px;box-sizing:border-box;width:100%;max-width:100%}.factura-list-item:last-child{border-bottom:none}.factura-list-item:hover{background-color:var(--factura-gray-50)}.factura-list-col{flex:1;padding:0 8px;color:var(--factura-gray-900);display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.factura-status-icon{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;font-family:Poppins,sans-serif;font-weight:600;font-size:13px}.factura-status-text{font-family:Poppins,sans-serif;font-weight:600;font-size:13px}.factura-list-item.bajado .factura-status-text,.factura-list-item.bajado{color:var(--factura-success-color);background-color:#f0fdf4;border-left:4px solid var(--factura-success-color)}.factura-list-item.no-bajado .factura-status-text,.factura-list-item.no-bajado{color:var(--factura-danger-color);background-color:#fef2f2;border-left:4px solid var(--factura-danger-color)}.factura-list-item.info .factura-status-text,.factura-list-item.info{color:var(--factura-info-color);background-color:var(--factura-info-light);border-left:4px solid var(--factura-info-color)}.factura-actions{display:flex;gap:6px;justify-content:center;align-items:center}.factura-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;cursor:pointer;transition:var(--factura-transition);min-width:32px;height:32px}.factura-view-btn{background-color:var(--factura-primary-light);color:var(--factura-primary-color)}.factura-view-btn:hover{background-color:#0db30d33;transform:translateY(-1px)}.factura-edit-btn{background-color:#fb923c1a;color:#f59e0b}.factura-edit-btn:hover{background-color:#fb923c33;transform:translateY(-1px)}.factura-empty-state{text-align:center;padding:40px 20px;color:var(--factura-gray-500);font-style:italic}.factura-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:facturaFadeIn .2s ease-out}@keyframes facturaFadeIn{0%{opacity:0}to{opacity:1}}.factura-modal-content{background:#ffffff;border-radius:20px;box-shadow:var(--factura-shadow-xl);max-width:800px;width:100%;max-height:90vh;animation:facturaSlideUp .3s ease-out;display:flex;flex-direction:column;box-sizing:border-box}@keyframes facturaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.factura-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--factura-gray-200);flex-shrink:0;position:sticky;top:0;background:var(--factura-gray-100);z-index:10;border-radius:20px 20px 0 0}.factura-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--factura-gray-900)}.factura-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--factura-gray-400);transition:var(--factura-transition)}.factura-modal-close:hover{background:var(--factura-gray-100);color:var(--factura-gray-600)}.factura-modal-body{padding:24px;flex-grow:1;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}.factura-form{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.factura-form-section{margin-bottom:0;padding:20px;border:1px solid var(--factura-gray-200);border-radius:var(--factura-border-radius);background-color:var(--factura-gray-50);width:100%;max-width:100%;box-sizing:border-box}.factura-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:100%}.factura-form-group{display:flex;flex-direction:column;gap:8px;margin-top:20px;width:100%;max-width:100%;box-sizing:border-box}.factura-form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--factura-gray-700);font-size:.875rem}.factura-form-input,.factura-form-select,.factura-form-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:15px 16px;border:2px solid var(--factura-gray-200);border-radius:var(--factura-border-radius);font-size:.875rem;font-weight:500;color:var(--factura-gray-700);background:#ffffff;transition:var(--factura-transition);font-family:Poppins,sans-serif}.factura-form-input:focus,.factura-form-select:focus,.factura-form-textarea:focus{outline:none;border-color:var(--factura-primary-color);box-shadow:0 0 0 3px var(--factura-primary-light)}.factura-form-textarea{resize:vertical;min-height:100px;line-height:1.5;font-family:Poppins,sans-serif!important}.factura-form-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid var(--factura-gray-200);background-color:var(--gray-100);position:sticky;bottom:0;border-radius:0 0 20px 20px}.factura-btn-primary,.factura-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--factura-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--factura-transition);border:2px solid transparent;text-decoration:none;justify-content:center;font-family:Poppins,sans-serif}.factura-btn-primary{background:linear-gradient(135deg,var(--factura-primary-color),var(--factura-primary-hover));color:#fff;box-shadow:var(--factura-shadow-md)}.factura-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--factura-shadow-lg)}.factura-btn-secondary{background:#ffffff;color:var(--factura-gray-700);border-color:var(--factura-gray-300)}.factura-btn-secondary:hover:not(:disabled){background:var(--factura-gray-50);border-color:var(--factura-gray-400);transform:translateY(-1px)}.factura-details{display:flex;flex-direction:column;gap:24px}.factura-detail-section{margin-bottom:24px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;background-color:#f9fafb;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;min-width:0}.factura-detail-section h4{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--pqr-primary-color);padding-bottom:8px;border-bottom:2px solid var(--pqr-primary-color)}.factura-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:100%}.factura-detail-item{width:100%;max-width:100%;box-sizing:border-box;padding:9px;border:1px solid #e5e7eb;border-radius:12px;font-size:.875rem;font-weight:500;display:flex;flex-direction:column;gap:4px;background:#fdfdfd}.factura-detail-item.factura-detail-full{grid-column:1 / -1}.factura-detail-label{font-size:12px;font-weight:600;color:var(--factura-gray-500);text-transform:uppercase;letter-spacing:.5px}.factura-detail-value{font-size:14px;color:var(--factura-gray-900);font-weight:500;line-height:1.4;word-break:break-word;display:flex;align-items:center}.factura-detail-value.status-resolved{color:var(--factura-success-color);font-weight:600}.factura-detail-value.status-pending{color:var(--factura-danger-hover);font-weight:600}.factura-detail-text{white-space:pre-wrap;line-height:1.6;margin-top:4px}@media (max-width: 1200px){.factura-form-grid,.factura-detail-grid{grid-template-columns:1fr;max-width:100%}.factura-form-input,.factura-form-select,.factura-form-textarea{max-width:100%;min-width:0}}@media (max-width: 1024px) and (min-width: 769px){.factura-filters-section{flex-wrap:wrap;gap:16px}.factura-search-box{flex:1;min-width:300px}.factura-filters-group{flex-wrap:wrap;gap:12px}.factura-filter-select{min-width:140px}.factura-list-header .factura-list-col:nth-child(4),.factura-list-item .factura-list-col:nth-child(4){display:none}}@media (max-width: 768px){.factura-main-container{flex-direction:column;padding:12px;gap:12px}.factura-filters-section{flex-direction:column;gap:8px;padding:12px;align-items:stretch}.factura-search-box{max-width:100%;width:100%}.factura-filters-group{width:100%;flex-direction:column;gap:8px;align-items:stretch}.factura-filter-item{width:100%;justify-content:flex-start}.factura-filter-select{min-width:unset;width:100%}.factura-sort-text{font-size:.875rem}.factura-form-section{padding:12px}.factura-form-title{font-size:20px}.factura-header{align-items:flex-start}.factura-submit-btn{align-self:stretch;justify-content:center}.factura-list{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;max-height:70vh;border-radius:var(--factura-border-radius)}.factura-list:after{display:none}.factura-list-header,.factura-list-item{flex-wrap:nowrap;min-width:unset;width:100%;padding:8px 6px;min-height:70px}.factura-list-header .factura-list-col:nth-child(2),.factura-list-header .factura-list-col:nth-child(3),.factura-list-header .factura-list-col:nth-child(4),.factura-list-header .factura-list-col:nth-child(5),.factura-list-item .factura-list-col:nth-child(2),.factura-list-item .factura-list-col:nth-child(3),.factura-list-item .factura-list-col:nth-child(4),.factura-list-item .factura-list-col:nth-child(5){display:none}.factura-list-col{flex:0 0 auto;padding:6px;white-space:normal;overflow:visible;text-overflow:unset;font-size:12px;word-wrap:break-word;line-height:1.3}.factura-list-col:nth-child(1){flex:1;min-width:0;max-width:calc(100% - 100px)}.factura-list-col:nth-child(6){flex:0 0 100px;min-width:100px}.factura-list-item.bajado{background-color:#f0fdf4!important;border-left:4px solid var(--factura-success-color)!important}.factura-list-item.no-bajado{background-color:#fef2f2!important;border-left:4px solid var(--factura-danger-color)!important}.factura-list-item.info{background-color:var(--factura-info-light)!important;border-left:4px solid var(--factura-info-color)!important}.factura-status-text{display:inline}.factura-status-icon svg{width:20px!important;height:20px!important}.factura-actions{gap:2px}.factura-action-btn{min-width:24px;height:24px;padding:3px}.factura-modal-content{max-width:calc(100vw - 20px);margin:10px}.factura-form-grid{grid-template-columns:1fr;max-width:100%;gap:16px}.factura-form-group{max-width:100%;min-width:0}.factura-form-input,.factura-form-select,.factura-form-textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}@media (max-width: 480px){.factura-filters-section{padding:10px;gap:8px}.factura-search-input{font-size:16px;padding:10px 14px 10px 40px}.factura-list-header,.factura-list-item{min-width:unset;width:100%;padding:6px 4px;min-height:65px}.factura-list-col:nth-child(1){flex:1;min-width:0;max-width:calc(100% - 90px)}.factura-list-col:nth-child(6){flex:0 0 90px;min-width:90px}.factura-detail-section{padding:12px}.factura-modal-header h3{font-size:1.125rem}}@media (min-width: 769px){.factura-status-text{display:inline}}.pharmacy-404-page *{box-sizing:border-box}.pharmacy-404-page{--p404-primary-green: #44d15c;--p404-secondary-green: #0d8511;--p404-gradient-bg: linear-gradient( 90deg, #44d15c 0%, rgba(13, 133, 17, .836) 40%, rgba(13, 133, 17, .836) 60%, #44d15c 100% );--p404-white: #ffffff;--p404-white-95: rgba(255, 255, 255, .95);--p404-white-90: rgba(255, 255, 255, .9);--p404-white-80: rgba(255, 255, 255, .8);--p404-white-70: rgba(255, 255, 255, .7);--p404-white-60: rgba(255, 255, 255, .6);--p404-white-30: rgba(255, 255, 255, .3);--p404-white-20: rgba(255, 255, 255, .2);--p404-white-10: rgba(255, 255, 255, .1);--p404-black-50: rgba(0, 0, 0, .5);--p404-black-30: rgba(0, 0, 0, .3);--p404-black-20: rgba(0, 0, 0, .2);--p404-black-10: rgba(0, 0, 0, .1);--p404-text-dark: #2d3748;--p404-text-medium: #4a5568;--p404-blue-primary: #667eea;--p404-blue-hover: #2563eb;--p404-pill-red: #ff6b6b;--p404-pill-red-dark: #ee5a52;--p404-pill-cyan: #4ecdc4;--p404-pill-cyan-dark: #44a08d;--p404-pill-yellow: #feca57;--p404-pill-pink: #ff9ff3;--p404-pill-blue: #48dbfb;--p404-pill-blue-dark: #0abde3;--p404-pill-green: #1dd1a1;--p404-pill-green-dark: #10ac84;--p404-pill-purple: #fd79a8;--p404-pill-purple-dark: #e84393;--p404-shadow-light: 0 4px 15px rgba(255, 107, 107, .4);--p404-shadow-cyan: 0 4px 15px rgba(78, 205, 196, .4);--p404-shadow-main: 0 20px 40px rgba(0, 0, 0, .1);--p404-shadow-button: 0 4px 15px rgba(10, 139, 10, .4);--p404-shadow-button-hover: 0 6px 20px rgba(102, 126, 234, .6);--p404-transition: all .3s ease;--p404-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.pharmacy-404-page.not-found-wrapper{width:100%;min-height:100vh;background:var(--p404-gradient-bg);display:flex;align-items:center;justify-content:center;font-family:var(--p404-font-family);position:relative;overflow:hidden;margin:0;padding:0}@keyframes pharmacy-404-page-fadein{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pharmacy-404-page .p404-container{width:100%;max-width:1200px;padding:2rem;text-align:center;position:relative;z-index:2}.pharmacy-404-page .p404-floating-pills{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.pharmacy-404-page .p404-pill{position:absolute;width:20px;height:40px;background:linear-gradient(to bottom,var(--p404-pill-red) 50%,var(--p404-pill-cyan) 50%);border-radius:20px;opacity:.3;animation:pharmacy-404-float 6s ease-in-out infinite}.pharmacy-404-page .p404-pill-1{top:10%;left:10%;animation-delay:0s}.pharmacy-404-page .p404-pill-2{top:20%;right:15%;animation-delay:1s;background:linear-gradient(to bottom,var(--p404-pill-yellow) 50%,var(--p404-pill-pink) 50%)}.pharmacy-404-page .p404-pill-3{bottom:30%;left:20%;animation-delay:2s;background:linear-gradient(to bottom,var(--p404-pill-blue) 50%,var(--p404-pill-blue-dark) 50%)}.pharmacy-404-page .p404-pill-4{bottom:20%;right:10%;animation-delay:3s;background:linear-gradient(to bottom,var(--p404-pill-green) 50%,var(--p404-pill-green-dark) 50%)}.pharmacy-404-page .p404-pill-5{top:50%;left:5%;animation-delay:4s;background:linear-gradient(to bottom,var(--p404-pill-purple) 50%,var(--p404-pill-purple-dark) 50%)}@keyframes pharmacy-404-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.pharmacy-404-page .p404-content{background:var(--p404-white-95);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 1.5rem;box-shadow:var(--p404-shadow-main);border:1px solid var(--p404-white-20)}.pharmacy-404-page .p404-error-code{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.pharmacy-404-page .p404-four{font-size:6rem;font-weight:900;color:var(--p404-text-dark);text-shadow:2px 2px 4px var(--p404-black-10);font-family:var(--p404-font-family);line-height:1;margin:0}.pharmacy-404-page .p404-pill-zero{position:relative;width:120px;height:180px;display:flex;flex-direction:column;align-items:center}.pharmacy-404-page .p404-pill-top{width:90px;height:80px;background:linear-gradient(135deg,var(--p404-pill-red),var(--p404-pill-red-dark));border-radius:60px 60px 0 0;position:relative;box-shadow:inset 0 -10px 20px var(--p404-black-10),0 2px 8px var(--p404-black-20);transform:translateY(5px);overflow:hidden}.pharmacy-404-page .p404-pill-gap{width:120px;height:20px;position:relative;display:flex;align-items:center;justify-content:center}.pharmacy-404-page .p404-powder-spill{width:80px;height:8px;background:radial-gradient(ellipse,var(--p404-white-90) 0%,var(--p404-white-60) 50%,transparent 100%);border-radius:50%;position:relative;animation:pharmacy-404-powder-float 3s ease-in-out infinite}.pharmacy-404-page .p404-powder-spill:before{content:"";position:absolute;width:4px;height:4px;background:var(--p404-white-80);border-radius:50%;top:-2px;left:20%;animation:pharmacy-404-particle-1 2s ease-in-out infinite}.pharmacy-404-page .p404-powder-spill:after{content:"";position:absolute;width:3px;height:3px;background:var(--p404-white-70);border-radius:50%;top:-1px;right:25%;animation:pharmacy-404-particle-2 2.5s ease-in-out infinite}@keyframes pharmacy-404-powder-float{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pharmacy-404-particle-1{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-3px) translate(2px);opacity:1}}@keyframes pharmacy-404-particle-2{0%,to{transform:translateY(0) translate(0);opacity:.7}50%{transform:translateY(-2px) translate(-1px);opacity:1}}.pharmacy-404-page .p404-pill-bottom{width:90px;height:80px;background:linear-gradient(135deg,var(--p404-pill-cyan),var(--p404-pill-cyan-dark));border-radius:0 0 60px 60px;position:relative;box-shadow:inset 0 10px 20px var(--p404-black-10),0 -2px 8px var(--p404-black-20);transform:translateY(-5px)}.pharmacy-404-page .p404-pill-powder{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:60px;height:15px;background:radial-gradient(ellipse,var(--p404-white-80) 0%,var(--p404-white-40) 70%,transparent 100%);border-radius:50%;opacity:.9}.pharmacy-404-page .p404-pill-top:before,.pharmacy-404-page .p404-pill-bottom:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:80px;height:2px;background:var(--p404-white-30)}.pharmacy-404-page .p404-pill-top:before{bottom:10px}.pharmacy-404-page .p404-pill-bottom:before{top:10px}.pharmacy-404-page .p404-title{font-size:2rem;font-weight:700;color:var(--p404-text-dark);margin:0 0 1rem;text-shadow:1px 1px 2px var(--p404-black-10);font-family:var(--p404-font-family);line-height:1.2}.pharmacy-404-page .p404-description{font-size:1.2rem;color:var(--p404-text-medium);margin:0 auto 2rem;line-height:1.6;max-width:500px;font-family:var(--p404-font-family)}.pharmacy-404-page .p404-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.pharmacy-404-page .p404-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3dc749,#12941c);color:var(--p404-white);padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--p404-transition);box-shadow:var(--p404-shadow-button);font-family:var(--p404-font-family);border:none;cursor:pointer}.pharmacy-404-page .p404-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--p404-shadow-button-hover);text-decoration:none;color:var(--p404-white)}.pharmacy-404-page .p404-btn-primary:focus{outline:2px solid var(--p404-white-50);outline-offset:2px}.pharmacy-404-page .p404-btn-primary:active{transform:translateY(0)}.pharmacy-404-page .p404-icon{width:20px;height:20px;stroke-width:2;flex-shrink:0}.pharmacy-404-page .p404-medical-icons{display:flex;justify-content:center;gap:2rem;opacity:.3}.pharmacy-404-page .p404-stethoscope,.pharmacy-404-page .p404-cross{width:40px;height:40px;color:var(--p404-blue-primary)}.pharmacy-404-page .p404-stethoscope svg,.pharmacy-404-page .p404-cross svg{width:100%;height:100%}@media screen and (max-width: 768px){.pharmacy-404-page .p404-container{padding:1.5rem}.pharmacy-404-page .p404-content{padding:1.5rem 1rem}.pharmacy-404-page .p404-four{font-size:3.5rem}.pharmacy-404-page .p404-pill-zero{width:80px;height:150px}.pharmacy-404-page .p404-pill-top,.pharmacy-404-page .p404-pill-bottom{width:65px;height:65px}.pharmacy-404-page .p404-pill-gap{width:80px;height:15px}.pharmacy-404-page .p404-powder-spill{width:60px;height:6px}.pharmacy-404-page .p404-pill-top{border-radius:40px 40px 0 0}.pharmacy-404-page .p404-pill-bottom{border-radius:0 0 40px 40px}.pharmacy-404-page .p404-title{font-size:1.75rem}.pharmacy-404-page .p404-description{font-size:1rem}.pharmacy-404-page .p404-actions{flex-direction:column;align-items:center}.pharmacy-404-page .p404-btn-primary{width:100%;max-width:300px}.pharmacy-404-page .p404-medical-icons{gap:1.5rem}.pharmacy-404-page .p404-stethoscope,.pharmacy-404-page .p404-cross{width:32px;height:32px}}@media screen and (max-width: 480px){.pharmacy-404-page .p404-container{padding:1rem}.pharmacy-404-page .p404-content{padding:1.5rem .75rem;border-radius:16px}.pharmacy-404-page .p404-error-code{gap:.5rem;margin-bottom:1rem}.pharmacy-404-page .p404-four{font-size:2.5rem}.pharmacy-404-page .p404-pill-zero{width:60px;height:110px}.pharmacy-404-page .p404-pill-top,.pharmacy-404-page .p404-pill-bottom{width:50px;height:45px}.pharmacy-404-page .p404-pill-gap{width:60px;height:12px}.pharmacy-404-page .p404-powder-spill{width:45px;height:5px}.pharmacy-404-page .p404-pill-top{border-radius:30px 30px 0 0}.pharmacy-404-page .p404-pill-bottom{border-radius:0 0 30px 30px}.pharmacy-404-page .p404-title{font-size:1.5rem;margin-bottom:.75rem}.pharmacy-404-page .p404-description{font-size:.9rem;margin-bottom:1.5rem}.pharmacy-404-page .p404-btn-primary{padding:.875rem 1.5rem;font-size:.9rem}.pharmacy-404-page .p404-icon{width:18px;height:18px}.pharmacy-404-page .p404-medical-icons{gap:1rem}.pharmacy-404-page .p404-stethoscope,.pharmacy-404-page .p404-cross{width:28px;height:28px}}@media screen and (max-width: 360px){.pharmacy-404-page .p404-container{padding:.75rem}.pharmacy-404-page .p404-content{padding:1.25rem .5rem}.pharmacy-404-page .p404-four{font-size:2rem}.pharmacy-404-page .p404-pill-zero{width:50px;height:90px}.pharmacy-404-page .p404-pill-top,.pharmacy-404-page .p404-pill-bottom{width:50px;height:35px}.pharmacy-404-page .p404-pill-gap{width:50px;height:10px}.pharmacy-404-page .p404-powder-spill{width:35px;height:4px}.pharmacy-404-page .p404-pill-top{border-radius:25px 25px 0 0}.pharmacy-404-page .p404-pill-bottom{border-radius:0 0 25px 25px}.pharmacy-404-page .p404-title{font-size:1.25rem}.pharmacy-404-page .p404-description{font-size:.8rem}.pharmacy-404-page .p404-btn-primary{padding:.75rem 1.25rem;font-size:.8rem}.pharmacy-404-page .p404-icon{width:16px;height:16px}}@media screen and (max-height: 500px) and (orientation: landscape){.pharmacy-404-page .p404-container,.pharmacy-404-page .p404-content{padding:1rem}.pharmacy-404-page .p404-four{font-size:2.5rem}.pharmacy-404-page .p404-pill-zero{width:60px;height:100px}.pharmacy-404-page .p404-title{font-size:1.25rem;margin-bottom:.5rem}.pharmacy-404-page .p404-description{font-size:.9rem;margin-bottom:1rem}.pharmacy-404-page .p404-medical-icons{display:none}}.pharmacy-404-page .p404-btn-primary:focus-visible{outline:3px solid var(--p404-white);outline-offset:2px}@media (prefers-reduced-motion: reduce){.pharmacy-404-page .p404-pill,.pharmacy-404-page .p404-powder-spill,.pharmacy-404-page .p404-powder-spill:before,.pharmacy-404-page .p404-powder-spill:after{animation:none}.pharmacy-404-page{animation:none}}@media (prefers-contrast: high){.pharmacy-404-page .p404-content,.pharmacy-404-page .p404-btn-primary{border:2px solid var(--p404-text-dark)}}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-inner-spin-button,input[type=password]::-webkit-clear-button,input[type=password]::-webkit-textfield-decoration-container{display:none!important}input::-ms-reveal{display:none!important}:root{--user-primary-color: #0db30d;--user-primary-hover: #0cb40c;--user-primary-light: rgba(59, 130, 246, .1);--user-success-color: #104bb9;--user-success-hover: #054496;--user-success-light: rgba(16, 185, 129, .1);--user-warning-color: #f59e0b;--user-warning-hover: #d97706;--user-purple-color: #8b18b5;--user-purple-hover: #5e0e7a;--user-dark-color: #383838;--user-dark-hover: #1c1c1c;--user-danger-color: #ef4444;--user-danger-hover: #dc2626;--user-danger-light: rgba(239, 68, 68, .1);--user-warning-light: rgba(245, 158, 11, .1);--user-gray-50: #f9fafb;--user-gray-100: #f3f4f6;--user-gray-200: #e5e7eb;--user-gray-300: #d1d5db;--user-gray-400: #9ca3af;--user-gray-500: #6b7280;--user-gray-600: #4b5563;--user-gray-700: #374151;--user-gray-800: #1f2937;--user-gray-900: #111827;--user-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--user-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--user-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--user-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--user-border-radius: 12px;--user-border-radius-lg: 16px;--user-transition: all .2s ease}.user-filters-section{display:flex;gap:20px;align-items:center;margin-bottom:16px;background:white;border:1px solid var(--user-gray-200);border-radius:var(--user-border-radius);padding:20px;box-shadow:0 2px 8px #00000014;width:100%;max-width:100%;flex-wrap:wrap;min-width:0}.user-filters-group{display:flex;gap:16px;align-items:center}.user-filter-item{display:flex;align-items:center;gap:8px}.user-filter-select{border-radius:4px;min-height:38px;z-index:50}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}.user-stat-card{background-color:#fff;border:1px solid var(--user-gray-200);border-radius:var(--user-border-radius);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.user-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.user-stat-icon{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:12px;width:50px;height:50px;font-size:24px}.user-stat-total{color:var(--user-primary-color);background:color-mix(in srgb,var(--user-primary-color) 20%,transparent)}.user-stat-warehouse{color:var(--user-success-color);background:color-mix(in srgb,var(--user-success-color) 20%,transparent)}.user-stat-sales{color:var(--user-danger-color);background:color-mix(in srgb,var(--user-danger-color) 20%,transparent)}.user-stat-admins{color:var(--user-warning-color);background:color-mix(in srgb,var(--user-warning-color) 20%,transparent)}.user-stat-developers{color:var(--user-purple-color);background:color-mix(in srgb,var(--user-purple-color) 20%,transparent)}.user-stat-conveyors{color:var(--user-dark-color);background:color-mix(in srgb,var(--user-dark-color) 20%,transparent)}.user-stat-content{display:flex;flex-direction:column-reverse}.user-stat-number{font-size:2rem;font-weight:700;color:var(--user-gray-900);line-height:1}.user-stat-label{font-size:.875rem;color:var(--user-gray-600);font-weight:500;margin-top:4px}.user-table-container{background:#ffffff;border:1px solid var(--user-gray-200);border-radius:var(--user-border-radius-lg);box-shadow:var(--user-shadow-sm);overflow:hidden}.user-table-header{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--user-gray-200);background:var(--user-gray-100)}.user-table-header h3{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:1.125rem;font-weight:600;color:var(--user-gray-900)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:24px;max-height:100vh;overflow-y:auto}.user-card{background:#ffffff;border:1px solid var(--user-gray-200);border-radius:var(--user-border-radius);padding:20px;transition:var(--user-transition);box-shadow:var(--user-shadow-sm);position:relative}.user-card:hover{transform:translateY(-2px);box-shadow:var(--user-shadow-md);border-color:var(--hover-border)}.user-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.user-avatar{flex-shrink:0}.user-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--user-gray-200)}.user-basic-info{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:600;color:var(--user-gray-900);margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{font-size:.875rem;color:var(--user-gray-500);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions{display:flex;gap:4px;flex-shrink:0}.user-action-btn{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:var(--user-transition);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.user-action-view{background:var(--user-primary-light);color:var(--user-primary-color)}.user-action-view:hover{background:rgba(59,130,246,.2)}.user-action-edit{background:rgba(245,158,11,.1);color:var(--user-warning-color)}.user-action-edit:hover{background:rgba(245,158,11,.2)}.user-action-delete{background:var(--user-danger-light);color:var(--user-danger-color)}.user-action-delete:hover{background:rgba(239,68,68,.2)}.user-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--user-gray-100)}.user-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-status-indicators{display:flex;gap:6px;align-items:center}.user-status-dot{width:8px;height:8px;border-radius:50%;background:var(--user-primary-color)}.user-card-menu-icon{display:none;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;color:var(--user-gray-600);transition:color .2s ease;border-radius:4px;padding:2px}.user-card-menu-icon:hover{color:var(--user-gray-900);background:var(--user-gray-100)}.user-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:var(--user-border-radius);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.user-card-overlay.active{opacity:1;visibility:visible}.user-card-overlay-actions{display:flex;gap:16px;align-items:center}.user-card-overlay .user-action-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.user-no-results{text-align:center;padding:80px 20px;color:var(--user-gray-500)}.user-no-results svg{margin-bottom:24px;opacity:.5}.user-no-results h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--user-gray-900)}.user-no-results p{margin:0 0 24px;font-size:.875rem;color:var(--user-gray-500)}.user-btn-primary,.user-btn-secondary,.user-btn-danger{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--user-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--user-transition);border:2px solid transparent;text-decoration:none;justify-content:center;font-family:var(--font-family-main)}.user-btn-primary{background:linear-gradient(135deg,var(--user-primary-color),var(--user-primary-hover));color:#fff;box-shadow:var(--user-shadow-md)}.user-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--user-shadow-lg)}.user-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.user-btn-primary span{font-size:.8rem;white-space:nowrap}.user-btn-secondary{background:#fff;color:var(--user-gray-700);border-color:var(--user-gray-300)}.user-btn-secondary:hover:not(:disabled){background:var(--user-gray-50);border-color:var(--user-gray-400);transform:translateY(-1px)}.user-btn-danger{background:linear-gradient(135deg,var(--user-danger-color),var(--user-danger-hover));color:#fff;box-shadow:var(--user-shadow-md)}.user-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--user-shadow-lg)}.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:userFadeIn .2s ease-out}@keyframes userFadeIn{0%{opacity:0}to{opacity:1}}.user-modal-content{background:#ffffff;border-radius:var(--user-border-radius-lg);box-shadow:var(--user-shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:userSlideUp .3s ease-out;display:flex;flex-direction:column}@keyframes userSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--user-gray-200);flex-shrink:0}.user-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--user-gray-900)}.user-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--user-gray-400);transition:var(--user-transition)}.user-modal-close:hover{background:var(--user-gray-100);color:var(--user-gray-600)}.user-modal-body{padding:24px;flex-grow:1;overflow-y:visible}.user-form{display:flex;flex-direction:column;gap:16px}.user-img-container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.user-img-mod{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0;transition:border-color .2s ease}.user-img-mod:hover{border-color:var(--user-primary-color)}.user-img-edit-btn{position:absolute;bottom:2px;right:calc(50% - 43px);width:30px;height:30px;background-color:var(--user-primary-color);border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.user-img-edit-btn:hover{background-color:var(--user-primary-hover);transform:scale(1.1)}.user-img-edit-btn:active{transform:scale(.95)}.user-img-edit-btn svg{color:#fff}.user-form-grid-custom{display:grid;grid-template-columns:1fr 1fr;gap:30px}.user-form-column-left,.user-form-column-right{display:flex;flex-direction:column;gap:20px}.user-form-group{display:flex;flex-direction:column;gap:8px}.user-form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--user-gray-700);font-size:.875rem}.user-form-input,.user-form-select{padding:12px 16px;border:2px solid var(--user-gray-200);border-radius:var(--user-border-radius);font-size:.875rem;font-weight:500;color:var(--user-gray-700);background:#ffffff;transition:var(--user-transition);font-family:var(--font-family-main)}.user-form-input:focus,.user-form-select:focus{outline:none;border-color:var(--user-primary-color);box-shadow:0 0 0 3px var(--user-primary-light)}.user-password-input{position:relative;width:100%}.password-input{width:100%;height:48px;font-size:16px;padding:10px 40px 10px 12px;box-sizing:border-box}.user-password-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;color:var(--clr-dark-gray);z-index:2;display:flex;align-items:center}.user-password-toggle:hover{color:var(--user-gray-600);background:var(--user-gray-100)}.user-form-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;margin-right:auto}.user-form-warning{display:inline-block;font-size:.8rem;color:var(--user-warning-color);background-color:var(--user-warning-light);border-radius:var(--user-border-radius-lg);height:40px;padding:0 12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-right:auto}.user-details{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%}.user-detail-section{width:100%;max-width:100%;overflow:hidden}.user-detail-section h4{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--user-gray-900);padding-bottom:8px;border-bottom:1px solid var(--user-gray-200)}.user-detail-grid{display:grid;gap:16px;width:100%;max-width:100%}.user-detail-item{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:12px;background:var(--user-gray-50);border-radius:var(--user-border-radius);min-width:0;width:100%}.user-detail-item svg{flex-shrink:0}.user-detail-label{font-weight:600;color:var(--user-gray-700);white-space:nowrap;flex-shrink:0}.user-detail-value{color:var(--user-gray-900);word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:100%}.user-delete-modal{max-width:500px}.user-delete-modal-header{text-align:center;padding:32px 24px 16px}.user-delete-icon{background:var(--user-danger-light);color:var(--user-danger-color);padding:16px;border-radius:50%;display:inline-flex;margin-bottom:16px}.user-delete-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--user-gray-900)}.user-delete-modal-body{padding:0 24px 24px;text-align:center}.user-delete-modal-body p{margin:0 0 8px;color:var(--user-gray-700)}.user-delete-warning{font-size:.875rem;color:var(--user-danger-color);font-weight:500}.user-delete-modal-actions{display:flex;gap:12px;padding:0 24px 24px}.user-delete-modal-actions .user-btn-secondary,.user-delete-modal-actions .user-btn-danger{flex:1}.container-botton{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%;gap:10px;border-top:1px solid var(--user-gray-200);padding-top:20px}.user-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:userSpin 1s ease-in-out infinite}@keyframes userSpin{to{transform:rotate(360deg)}}.user-actions-mobile{display:none}@media screen and (min-width: 1400px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media screen and (min-width: 1024px) and (max-width: 1399px){.user-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding:20px}}@media screen and (min-width: 768px) and (max-width: 1023px){.user-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:18px}.user-card{padding:18px;min-width:0;position:relative;cursor:pointer}.user-name{font-size:.95rem}.user-username{font-size:.85rem}.user-avatar img{width:44px;height:44px}.user-card-header .user-actions{display:none!important}.user-card-menu-icon{display:flex!important}.user-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border-radius:var(--user-border-radius);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.user-card-overlay-actions{display:flex;gap:20px;align-items:center}.user-card-overlay .user-action-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0003;border:none}.user-stat-card{padding:22px 18px;min-height:130px;display:flex;flex-direction:row;text-align:left;border-radius:14px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.user-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.user-stat-number{font-size:26px;font-weight:700;margin-bottom:6px;color:var(--user-gray-900)}.user-stat-label{font-size:14px;color:var(--user-gray-600);font-weight:500}.user-card-header,.user-card-footer{margin-bottom:0;margin-top:0}.user-card-overlay{position:absolute;top:auto!important;bottom:0;left:0;right:0;height:auto;min-height:60px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:0 0 var(--user-border-radius) var(--user-border-radius);border-top:1px solid var(--user-gray-200);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.user-card-overlay.active{opacity:1;visibility:visible}.user-card-overlay-actions{display:flex;gap:12px;align-items:center;padding:12px}.user-card-overlay .user-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;border:none}.user-detail-item{grid-template-columns:auto auto 1fr;gap:8px;padding:10px}.user-detail-label,.user-detail-value{font-size:.875rem}}@media (max-width: 1023px){.user-card-menu-icon{display:block}.user-actions{display:none}}@media screen and (min-width: 480px) and (max-width: 767px){.user-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px}.user-card{padding:16px;min-width:0}.user-name{font-size:.9rem}.user-username{font-size:.8rem}.user-avatar img{width:42px;height:42px}.user-action-btn{width:26px;height:26px;padding:5px}.user-role-badge{font-size:.7rem;padding:3px 7px}.user-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.user-stat-card{padding:20px 16px;min-height:120px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.user-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.user-stat-content{display:flex;flex-direction:column;align-items:center;width:100%}.user-stat-number{font-size:24px;font-weight:700;margin-bottom:4px;color:var(--user-gray-900)}.user-stat-label{font-size:13px;color:var(--user-gray-600);font-weight:500}.user-detail-item{grid-template-columns:auto minmax(80px,auto) 1fr;gap:6px;padding:10px}.user-detail-label,.user-detail-value{font-size:.8rem}}@media screen and (max-width: 1200px){.user-form-grid-custom{grid-template-columns:1fr}}@media screen and (min-width: 800px){.user-modal-content{max-height:none;overflow-y:visible}}@media screen and (max-width: 1024px){.user-card{width:100%}}@media (max-width: 1024px) and (min-width: 769px){.user-filters-section{flex-wrap:wrap;gap:16px}}@media screen and (max-width: 768px){.user-btn-primary{padding:15px 14px;border-radius:var(--user-border-radius);font-weight:600;font-size:.7rem}.user-management-header{flex-direction:row;gap:16px}.user-page-title{font-size:1.5rem}.user-filters-group{justify-content:left;flex-wrap:wrap}.user-stat-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;box-shadow:0 1px 4px #0000000d;min-height:120px;text-align:center}.user-stat-content{display:flex;flex-direction:column;align-items:center}.user-stat-number{font-size:22px;font-weight:700;margin-bottom:4px}.user-stat-label{font-size:12px;color:#666}.user-form-actions,.user-delete-modal-actions{flex-direction:column}.user-img-mod{width:60px;height:60px}.user-img-edit-btn{right:calc(50% - 36px);width:20px;height:20px}.user-img-edit-btn svg{width:12px;height:12px}.user-filters-section{flex-direction:column;gap:8px;padding:12px;align-items:stretch}.lucide-funnel{display:none}.user-stat-content{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.user-detail-item{grid-template-columns:auto minmax(70px,auto) 1fr;gap:6px;padding:8px;font-size:.875rem}.user-detail-label{font-size:.75rem;min-width:70px}.user-detail-value{font-size:.75rem;line-height:1.4}}@media screen and (max-width: 480px){.user-basic-info{display:flex;flex-direction:column;align-items:flex-start}.user-page-title{font-size:1rem}.container-botton{flex-direction:column}.container-botton>:nth-child(2){order:3}.container-botton>:nth-child(3){order:2}.user-page-subtitle{font-size:.6rem}.user-modal-content{margin:10px;max-height:calc(100vh - 20px)}.user-modal-header,.user-modal-body{padding:16px}.user-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--user-gray-900)}.user-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;color:var(--user-gray-400);transition:var(--user-transition)}.user-img-container{justify-content:center;align-items:center;margin-bottom:10px}.user-detail-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px}.user-detail-item svg{align-self:flex-start}.user-detail-label{font-weight:600;color:var(--user-gray-600);font-size:.7rem;width:100%}.user-detail-value{font-weight:400;color:var(--user-gray-900);font-size:.75rem;width:100%;word-break:break-all;line-height:1.5}.user-form-label{gap:4px;font-weight:400;color:var(--user-gray-700);font-size:.6rem}.user-filters-section{padding:10px;gap:8px}.user-filter-select,.user-filters-group,.user-filter-item,.search-box{width:100%;height:45px}.user-btn-primary{width:100%;height:45px;margin:0 auto}.user-stat-card{flex-direction:row;align-items:flex-start;padding:16px;min-height:50px}.user-stat-content{display:flex;flex-direction:column;align-items:flex-start}.user-stats-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:16px;margin-top:10px}.user-management-container{padding:12px}.user-grid{grid-template-columns:repeat(1,1fr);gap:12px;padding:12px}.user-card{padding:14px;min-width:0;display:flex;flex-direction:column;height:100%;min-height:100px}.user-card-header{gap:10px;margin-bottom:12px;display:flex;align-items:flex-start;flex-direction:row}.user-card:after{content:"";flex-grow:1}.user-avatar img{width:38px;height:38px}.user-name{font-size:.85rem;line-height:1.2;text-align:center;white-space:inherit}.user-username{font-size:.75rem;text-align:center}.user-card-footer{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:10px}.user-card-footer .user-actions-mobile{display:flex;justify-content:center;gap:8px}.user-action-btn{width:32px;height:32px;padding:6px;border-radius:8px}.user-role-badge{font-size:.65rem;padding:4px 8px;text-align:center;border-radius:12px}.user-stats-grid{gap:6px;margin-bottom:16px}.user-stat-card{padding:10px 8px;display:flex;flex-direction:row;align-items:center;text-align:center;border-radius:12px;box-shadow:0 2px 8px #00000014}.user-table-header{flex-direction:column-reverse;gap:15px;padding-bottom:5px}.user-stat-content{display:flex;flex-direction:row-reverse;align-items:center;width:100%}.user-stat-number{font-size:20px;font-weight:700;margin-bottom:2px;color:var(--user-gray-900)}.user-stat-label{font-size:12px;color:var(--user-gray-600);font-weight:500}}@media screen and (max-width: 360px){.user-name{font-size:.75rem}.user-username{font-size:.65rem}.user-detail-item{padding:8px}.user-detail-label{font-size:.65rem}.user-detail-value{font-size:.7rem}}.user-btn-primary:focus{outline:none}.user-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #3b82f62e}button::-moz-focus-inner{border:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{font-size:18px;font-weight:600;color:#333;margin:0}.transportadora-toggle-button{display:none;padding:12px 16px;background:none;border:none;color:#666;cursor:pointer;width:100%;text-align:center;border-top:1px solid #e0e0e0;transition:all .3s ease;font-weight:500}.transportadora-toggle-button:hover{background-color:#f8f8f8;color:#333}@media (max-width: 440px){.pedidos-list{max-height:120px;overflow:hidden;position:relative;transition:max-height .4s ease-in-out}.pedidos-list.expanded{max-height:600px}.transportadora-toggle-button{display:flex;align-items:center;justify-content:center}}.icon{cursor:pointer;color:#666}.icon:hover{color:#333}.content{display:flex;gap:20px;height:calc(100vh - 120px)}.pedidos-section,.detalles-transportadora{flex:1;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:15px;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.section-header h2{font-size:14px;font-weight:600;color:#333;margin:0}.section-icons{display:flex;gap:10px}.filter-section{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #e0e0e0;background-color:#f9f9f9;font-size:13px;color:#666}.filter-section .arrow{margin-left:auto;margin-right:10px}.expand-icon{color:#999}.pedidos-list{flex:1;overflow-y:auto}.pedido-item{border-bottom:1px solid #f0f0f0}.pedido-header{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease}.pedido-header:hover{background-color:#f8f8f8}.pedido-header.active{background-color:#e3f2fd;border-left:3px solid #2196f3}.pedido-name{flex:1;font-size:13px;color:#333;font-weight:500}.pedido-count{background-color:#e8e8e8;color:#666;padding:2px 8px;border-radius:12px;font-size:11px;margin-right:10px;min-width:20px;text-align:center}.pedido-header .arrow{color:#999;transition:transform .2s}.pedido-header.expanded .arrow{transform:rotate(90deg)}.estados-container{background-color:#f8f9fa;border-top:1px solid #e0e0e0;overflow:hidden;transition:all .3s ease-in-out}.estados-list{padding:8px 0}.estado-item{display:flex;align-items:center;padding:8px 40px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.estado-item:hover{background-color:#e9ecef}.estado-item.selected{background-color:#cfffcd;border-left-color:#38da07}.estado-icon{margin-right:8px;flex-shrink:0}.estado-name{flex:1;font-size:12px;color:#495057;font-weight:500}.estado-count{background-color:#09ff001a;color:#06bb00;padding:2px 6px;border-radius:8px;font-size:10px;min-width:16px;text-align:center;font-weight:600}@keyframes expandStates{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes collapseStates{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}.estados-container.expanding{animation:expandStates .3s ease-out forwards}.estados-container.collapsing{animation:collapseStates .3s ease-out forwards}.pedido-details{flex:1;display:flex;flex-direction:column;background-color:#f9f9f9;border-top:1px solid #e0e0e0;transition:all .3s ease-in-out;overflow-y:auto}.trs-details-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-size:12px;color:#666;font-weight:500;background-color:#f0f0f0;gap:15px}.span-transportadora{flex:0 0 auto}.search-box{display:flex;align-items:center;gap:8px;flex:0 0 auto}.dropdown-arrow{color:#999}.details-content{flex:1;padding:15px 20px;overflow-y:auto;transition:padding .3s ease-in-out}.detail-item{margin-bottom:15px;padding:15px;border-bottom:1px solid #e8e8e8;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .3s ease-in-out}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-id{font-size:16px;font-weight:600;color:#333}.detail-status{padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid currentColor;opacity:.9;transition:all .2s ease}.detail-status:hover{opacity:1;transform:scale(1.05)}.detail-client{display:flex;align-items:center;margin-bottom:8px}.client-icon{margin-right:8px;color:#000}.client-name{font-size:12px;color:#000;font-weight:500;text-transform:uppercase}.detail-value{font-size:14px;font-weight:600;color:#333;text-align:right}.no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}.no-selection p{margin:0;font-size:14px}.pedidos-list::-webkit-scrollbar{width:6px}.pedidos-list::-webkit-scrollbar-track{background:#f1f1f1}.pedidos-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.pedidos-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.details-content::-webkit-scrollbar{width:6px}.details-content::-webkit-scrollbar-track{background:#f1f1f1}.details-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.details-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.content{flex-direction:column;height:auto}.pedido-header,.details-content{padding:10px 15px}.detail-header-row{flex-direction:column;align-items:flex-start;gap:8px}.detail-status{align-self:flex-end}.estado-item{padding:8px 30px}}.pedido-details.detail-expanded-mode .details-content{padding:0;overflow-y:auto}.pedido-details.detail-expanded-mode .detail-item{margin-bottom:0;border-bottom:none;box-shadow:none;border-radius:0;padding:20px;height:100%;overflow-y:auto;background-color:#fff}.pedido-details.detail-expanded-mode .detail-item:last-child{margin-bottom:0}.pedido-details.detail-expanded-mode .detail-item:not(.expanded){display:none}.close-details-button{background:none;border:none;width:20px;height:20px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-details-button:hover{color:#333}.additional-details{margin-top:15px;padding-top:15px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;font-size:13px;color:#555}.detail-row{display:flex;align-items:flex-start;gap:8px}.detail-icon{color:#666;flex-shrink:0;margin-top:2px}.detail-row.notes{font-style:italic;color:#777;background-color:#fcf8e3;border-left:3px solid #f0ad4e;padding:8px 12px;border-radius:4px}@media (max-width: 768px){.span-transportadora{max-width:10ch;word-wrap:break-word;white-space:normal}}.inicio-container{min-height:100vh;background-color:#fff}.inicio-hero-section{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgb(255,255,255) 0%,rgba(5,150,105,.05) 50%,rgb(255,255,255) 100%);position:relative;overflow:hidden}.inicio-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgb(255,255,255) 0%,rgba(5,150,105,.05) 50%,rgb(255,255,255) 100%);pointer-events:none}.inicio-hero-content{text-align:center;padding:0 1rem;z-index:10;max-width:64rem;margin:0 auto}.inicio-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#d1fae5;color:#059669;border-radius:1rem;margin-bottom:1.5rem;font-size:2.25rem}.inicio-hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.1}.inicio-hero-highlight{color:var(--clr-primary);display:block}.inicio-hero-description{font-size:clamp(1.125rem,3vw,2rem);color:#6b7280;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.6}.inicio-hero-badges{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.inicio-badge-primary{padding:.75rem 1.5rem;background-color:var(--clr-primary);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:500;border:none}.inicio-badge-secondary{padding:.75rem 1.5rem;background-color:#fff;color:#6b7280;border-radius:9999px;font-size:.875rem;border:1px solid #e5e7eb}.inicio-content-section{background:linear-gradient(90deg,rgb(255,255,255) 0%,rgba(5,150,105,.05) 50%,rgb(255,255,255) 100%)}.inicio-company-section{margin-bottom:5rem;background:linear-gradient(90deg,rgb(255,255,255) 0%,rgba(5,150,105,.05) 50%,rgb(255,255,255) 100%)}.inicio-section-header{width:75%;margin:0 auto 4rem;text-align:center;display:flex;flex-direction:column;gap:10px;border:2px solid var(--clr-primary);border-radius:12px;padding:1rem}.inicio-section-title{font-weight:600;color:#111827}.inicio-section-description{font-size:1.125rem;color:#6b7280;max-width:64rem;margin:0 auto;line-height:1.6}.inicio-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.inicio-value-card{background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:2rem}.inicio-value-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.inicio-value-card-full{grid-column:1 / -1}.inicio-value-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:1rem;margin-bottom:1.5rem;font-size:2rem}.inicio-value-icon-mission{background-color:#d1fae5;color:#059669}.inicio-value-icon-vision{background-color:#e0f2fe;color:#0ea5e9}.inicio-value-icon-quality{background-color:#fef3c7;color:#f59e0b}.inicio-value-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#111827}.inicio-value-description{color:#6b7280;line-height:1.6}.inicio-role-icon-admin{background-color:#fef3c7;color:#f59e0b}.inicio-role-icon-bodega{background-color:#e0f2fe;color:#0ea5e9}.inicio-role-icon-ventas{background-color:#d1fae5;color:#059669}.inicio-role-icon-transportadora{background-color:#aaa8a142;color:#000}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0) translate(-50%)}40%,43%{transform:translateY(-30px) translate(-50%)}70%{transform:translateY(-15px) translate(-50%)}90%{transform:translateY(-4px) translate(-50%)}}@media (min-width: 640px){.inicio-hero-badges{flex-direction:row}}@media (max-width: 768px){.inicio-hero-section{padding:3rem 1rem}.inicio-values-grid{grid-template-columns:1fr;gap:1.5rem}.inicio-value-card{padding:1.5rem}.inicio-roles-grid{grid-template-columns:1fr;gap:1.5rem}.inicio-role-card{padding:1.5rem}.inicio-role-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.inicio-hero-section{padding:2rem .75rem}.inicio-values-grid{gap:1rem}.inicio-value-card{padding:1rem}.inicio-roles-grid{gap:1rem}.inicio-role-card{padding:1rem}.inicio-section-header{width:95%;margin-bottom:2rem}}.inicio-roles-title{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:2.5rem;color:#111827}.inicio-roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.inicio-role-card{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a;border:2px solid;transition:all .3s ease;position:relative}.inicio-role-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.inicio-role-card-admin{border-color:#facc15}.inicio-role-card-bodega{border-color:#2563eb}.inicio-role-card-ventas{border-color:#dc2626}.inicio-role-card-transportadora{border-color:#111827}.inicio-role-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.inicio-role-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:1rem;flex-shrink:0;font-size:2rem}.inicio-role-icon-admin{background-color:#fef9c3;color:#facc15}.inicio-role-icon-bodega{background-color:#dbeafe;color:#2563eb}.inicio-role-icon-ventas{background-color:#fee2e2;color:#dc2626}.inicio-role-icon-transportadora{background-color:#e5e7eb;color:#111827}.inicio-role-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#111827}.inicio-role-subtitle{font-size:.875rem;color:#6b7280}.inicio-role-features{display:flex;flex-direction:column;gap:.75rem}.inicio-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;transition:all .3s ease}.inicio-feature-item-admin:hover{background-color:#fef9c3;color:#facc15}.inicio-feature-item-bodega:hover{background-color:#dbeafe;color:#2563eb}.inicio-feature-item-ventas:hover{background-color:#fee2e2;color:#dc2626}.inicio-feature-item-transportadora:hover{background-color:#e5e7eb;color:#111827}.inicio-feature-icon{font-size:1rem;color:#6b7280;flex-shrink:0}.inicio-feature-content{display:flex;flex-direction:column;flex:1}.inicio-feature-title{font-weight:600;font-size:.875rem;color:#111827}.inicio-feature-description{font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.inicio-roles-grid{grid-template-columns:1fr;gap:1.5rem}.inicio-role-card{padding:1.5rem}.inicio-role-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.inicio-roles-grid{gap:1rem}.inicio-role-card{padding:1rem}}.section-main{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;width:100%;position:relative;transition:all .3s ease;min-height:400px;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.stat-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-green{background:rgba(34,197,94,.15);color:#16a34a}.stat-icon-blue{background:rgba(59,130,246,.15);color:#2563eb}.stat-icon-orange{background:rgba(249,115,22,.15);color:#ea580c}.stat-info{flex:1;min-width:0}.stat-label{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem;line-height:1.4}.stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1.2}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.period-buttons{display:inline-flex;align-items:center;gap:6px;padding:6px;margin:0 0 12px;background:var(--dashboard-bg-light);border:1px solid var(--dashboard-border-color);border-radius:10px;box-shadow:var(--dashboard-shadow-sm)}.period-buttons button{appearance:none;border:0;background:transparent;color:var(--gray-600);font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:var(--dashboard-transition);position:relative;line-height:1}.period-buttons button:hover{background:var(--dashboard-light-green);color:var(--dashboard-text-dark)}.period-buttons button.active{background:var(--clr-primary);color:#fff;box-shadow:0 2px 6px #10b98159;transform:translateY(-1px)}.period-buttons button.active:hover{background:var(--clr-primary-hover)}.period-buttons button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-green-light)}.period-buttons button[disabled]{opacity:.6;pointer-events:none}.role-toggle-btn{display:flex;align-items:center;gap:8px;padding:2px 16px;border:2px solid #e5e7eb;border-radius:.625rem;background:#ffffff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:180px;color:#333;font-family:inherit}.period-input{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px;background-color:#f9fafb;border:1px solid var(--dashboard-border-color);padding:15px;border-radius:10px;margin-bottom:15px}.period-input-child{display:flex;flex-direction:row;gap:10px}.role-toggle-btn:hover{border-color:#0db30d;color:#0db30d;background:rgba(16,185,129,.05)}.role-toggle-btn:focus{outline:none;border-color:#0db30d;box-shadow:0 0 0 3px #10b9811a}.role-toggle-btn:active{border-color:#0db30d;color:#0db30d;background:rgba(16,185,129,.1);transform:translateY(1px)}.role-toggle-btn{display:flex;align-items:center;gap:16px}.role-toggle-btn>*:nth-child(2){margin-left:auto}.role-toggle-btn:hover svg{transform:rotate(180deg)}.rows-graph .chart-container:nth-child(2){grid-area:chart2;height:560px}.rows-graph .stat-button{display:flex;align-items:center;justify-content:center}.rows-graph{grid-area:button;align-self:end}.capture-container{min-height:auto!important;overflow:visible!important}.capture-container .stat-button{margin-bottom:20px!important}.rows-graph .chart-container{display:flex;flex-direction:column}.fullscreen-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:white;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{border:6px solid rgba(0,0,0,.1);border-top:6px solid #049924;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-default{height:auto;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:16px;border:2px dashed #cbd5e1;position:relative;overflow:hidden;padding:20px}.back-default-overlay{position:absolute;top:20px;right:20px;left:20px;bottom:20px;border-radius:12px}.back-default-content{text-align:center;padding:20px}.back-default-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.back-default-h3{color:#01021a;font-size:1.5rem;font-weight:700;margin-bottom:10px}.back-default-p{color:#64748b;font-size:1rem;font-weight:500;margin-bottom:24px;line-height:1.5}.back-default-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600}.rows-graph .chart-container h2{font-size:clamp(.8rem,2vw,1.25rem);margin-bottom:12px}.graph-client{text-align:center;margin:20px}.back-icon{width:40px;height:40px;color:#fff}.dashboard-filter-button{width:30%;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--gray-200);border-radius:var(--border-radius-12);background-color:#fff;cursor:pointer;transition:var(--transition)}.filter-button:hover{background-color:var(--gray-100)}.dashboard-filter-button p{font-family:Poppins,sans-serif;font-weight:700;color:var(--clr-primary);font-size:1.2rem;text-align:center;margin:0}.chart-card:focus,.chart-card:focus-within{outline:none!important}.filter-dashboard{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px;background:#f9fafb;border:1px solid var(--dashboard-border-color);border-radius:10px;margin:15px 10px 10px}.pqr-date-picker-trigger,.pqr-date-picker-trigger-wrapper,.pqr-date-picker-container{min-width:0;flex-shrink:1}.pqr-date-picker-trigger{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}.pqr-date-picker-trigger span,.pqr-date-picker-trigger input,.pqr-date-picker-trigger .date-display{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.month-text-long{display:none}.month-text-short{display:inline}.summary-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.summary-stat-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;width:100%;border:1px solid rgba(229,231,235,.6);position:relative;transition:all .3s ease;margin-top:20px;min-height:400px}.summary-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--clr-primary-active),var(--clr-primary));border-radius:20px 20px 0 0}.summary-card-header{text-align:center;margin-bottom:32px}.summary-card-title{font-size:24px;font-weight:800;color:#111827;margin-bottom:8px}.summary-card-subtitle{font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.summary-section{background:rgba(16,185,129,.05);border-radius:16px;padding:24px;border:1px solid rgba(16,185,129,.1)}.summary-section-title{font-size:16px;font-weight:700;color:var(--clr-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(16,185,129,.1)}.summary-item:last-child{border-bottom:none}.summary-item-name{font-size:13px;font-weight:500;color:#374151;flex:1;margin-right:12px}.summary-item-value{font-size:14px;font-weight:700;color:var(--clr-primary)}.summary-total{background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-active));border-radius:16px;padding:24px;text-align:center;color:#fff;position:relative;overflow:hidden}.summary-total-label{font-size:16px;font-weight:600;margin-bottom:8px;opacity:.9}.summary-total-value{font-size:36px;font-weight:800;line-height:1}.summary-download-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--clr-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #10b91033}.summary-download-btn:hover{background:var(--clr-primary-hover);transform:translateY(-2px)}.chart-container>div:has(.recharts-responsive-container[height]){scrollbar-width:thin;scrollbar-color:#10b91eff #f1f1f1}.chart-container>div:has(.recharts-responsive-container[height])::-webkit-scrollbar{width:8px}.chart-container>div:has(.recharts-responsive-container[height])::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chart-container>div:has(.recharts-responsive-container[height])::-webkit-scrollbar-thumb{background:#10b91eff;border-radius:4px}.chart-container>div:has(.recharts-responsive-container[height])::-webkit-scrollbar-thumb:hover{background:#0a9919}@media (prefers-reduced-motion: reduce){.period-buttons button{transition:none}}@media (max-width: 1200px){.rows-graph{grid-template-columns:1fr;grid-template-areas:"chart1" "chart2" "stat" "button";gap:20px}}@media (min-width: 769px){.month-text-long{display:inline}.month-text-short{display:none}}@media (max-width: 768px){.rows-graph .chart-container:first-child{grid-area:chart1}.chart-card,.rows-graph{align-items:center}.filter-dashboard{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%}.filter-container{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.filter-button p{font-size:1rem}.user-filter-select,.filter-modal-button,.css-13cymwt-control{display:flex;justify-content:center;width:100%!important}.pqr-date-picker-container,.pqr-date-picker-trigger,.pqr-date-picker-trigger-wrapper{display:flex;width:100%}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.custom-tooltip{max-width:90vw}.tooltip-content{font-size:12px;padding:6px 10px}.tooltip-arrow{border-left-width:5px;border-right-width:5px;border-top-width:5px}}@media (max-width: 768px){.pqr-date-picker-trigger{padding:8px;font-size:13px;min-height:42px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}.pqr-date-picker-trigger>*,.pqr-date-picker-trigger span,.pqr-date-picker-trigger input{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-sections{grid-template-columns:1fr;gap:24px}.summary-stat-card{padding:24px;min-height:auto}.summary-card-title{font-size:20px}.summary-total-value{font-size:28px}}@media (max-width: 768px){.filter-dashboard{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:15px}.filter-container{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.user-filter-select,.filter-modal-button,.css-13cymwt-control{display:flex;justify-content:center;width:100%!important}.pqr-date-picker-container,.pqr-date-picker-trigger,.pqr-date-picker-trigger-wrapper{width:100%;flex:1}.filter-modal-button{width:100%!important;padding:12px 16px;font-size:16px;min-height:48px;gap:8px;display:flex;align-items:center;justify-content:center}.filter-modal-button svg{width:18px;height:18px}.pqr-date-picker-trigger{padding:8px 12px;font-size:14px;min-height:42px;width:100%}.user-filter-select .select__control{min-height:42px;font-size:14px;width:100%}.user-filter-select .select__value-container{padding:4px 12px}}@media (max-width: 768px){.filter-modal-button{padding:8px 12px;font-size:14px;min-height:40px;gap:8px}.filter-modal-button svg{width:16px;height:16px}.pqr-date-picker-trigger{padding:6px 10px;font-size:14px;min-width:40px;min-height:38px}.user-filter-select .select__control{min-height:38px;font-size:14px}.user-filter-select .select__value-container{padding:2px 8px}.section-main{min-height:auto;padding:1rem}.chart-container{min-height:300px;overflow:hidden}.chart-container .recharts-responsive-container{min-height:300px!important}.chart-container:first-of-type .recharts-responsive-container{height:400px!important}.chart-container:nth-of-type(2) .recharts-responsive-container{height:450px!important}.back-default{min-height:200px;padding:15px}}@media (max-width: 700px){.period-input,.period-input-child{flex-direction:column;align-items:stretch}.period-input>*,.period-input-child>*{width:100%}.role-toggle-btn{display:flex}.dash-span-label-rol{text-align:left}}@media (max-width: 480px){.pqr-date-picker-trigger{font-size:12px;padding:6px}}@media (max-width: 480px){.filter-button p{font-size:.9rem}.rows-graph .chart-container:first-child{grid-area:chart1;height:500px!important}.filter-dashboard{display:flex;justify-content:center;flex-direction:column}.back-stat-title{font-size:13px}.period-buttons{gap:4px;padding:4px}.period-buttons button{padding:6px 10px;font-size:.875rem}.back-default-overlay{right:20px;left:20px;border-radius:12px}.back-default-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.back-icon{width:30px;height:30px}.back-default-h3{color:#01021a;font-size:1rem;font-weight:600;margin-bottom:8px}.back-default-p{color:#64748b;font-size:.8rem;font-weight:500;margin-bottom:24px;line-height:1.5}.back-default-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600}.user-filter-select,.select__control{width:100%!important}.rows-graph .chart-container h2{font-size:clamp(.8rem,2vw,1.25rem);margin-bottom:12px}.graph-client{text-align:center;margin:20px 0 10px}}@media (max-width: 480px){.filter-dashboard{gap:12px}.pqr-date-picker-container,.pqr-date-picker-trigger,.pqr-date-picker-trigger-wrapper{max-width:100%}.filter-modal-button{padding:10px 14px;font-size:14px;min-height:44px}.pqr-date-picker-trigger{padding:6px 10px;font-size:13px;min-height:40px}.user-filter-select .select__control{min-height:40px;font-size:13px}.section-main{padding:.75rem;margin-bottom:.75rem}.chart-container{min-height:250px}.chart-container .recharts-responsive-container{min-height:250px!important;height:700px!important}.chart-container:nth-of-type(2) .recharts-responsive-container{height:400px!important}.graph-client{margin:10px 0;font-size:1rem}}:root{--pqr-primary-color: #0db30d;--pqr-primary-hover: #0cb40c;--pqr-primary-light: rgba(13, 179, 13, .1);--pqr-success-color: #16a34a;--pqr-success-hover: #15803d;--pqr-danger-color: #ef4444;--pqr-danger-hover: #dc2626;--pqr-danger-light: rgba(239, 68, 68, .1);--pqr-warning-color: #f97316;--pqr-warning-hover: #ea580c;--pqr-warning-light: rgba(249, 115, 22, .1);--pqr-gray-50: #f9fafb;--pqr-gray-100: #f3f4f6;--pqr-gray-200: #e5e7eb;--pqr-gray-300: #d1d5db;--pqr-gray-400: #9ca3af;--pqr-gray-500: #6b7280;--pqr-gray-600: #4b5563;--pqr-gray-700: #374151;--pqr-gray-800: #1f2937;--pqr-gray-900: #111827;--pqr-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--pqr-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--pqr-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--pqr-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--pqr-border-radius: 12px;--pqr-border-radius-lg: 16px;--pqr-transition: all .5s ease}.pqr-main-container{display:flex;padding:20px;gap:20px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden;min-height:100vh;font-family:Poppins,sans-serif}.pqr-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px;flex-direction:row-reverse}.pqr-form-title{font-size:24px;font-weight:600;color:var(--pqr-gray-900);margin:0}.pqr-submit-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;padding:15px 20px;border:none;border-radius:var(--pqr-border-radius);cursor:pointer;font-weight:600;font-size:14px;transition:var(--pqr-transition);white-space:nowrap;box-shadow:var(--pqr-shadow-md)}.pqr-submit-btn:hover{transform:translateY(-1px);box-shadow:var(--pqr-shadow-lg)}.pqr-filters-section{display:flex;gap:20px;align-items:center;flex:1;max-width:100%;flex-wrap:wrap}.pqr-user-filter-active{display:flex;align-items:center;gap:4px}.pqr-filter-back{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:var(--pqr-gray-200);color:var(--pqr-gray-500);cursor:pointer;transition:var(--pqr-transition)}.pqr-filter-back:hover{background:var(--pqr-danger-color);color:#fff;transform:scale(1.1)}.pqr-search-box{position:relative;flex:2;max-width:400px;min-width:200px}.pqr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--pqr-gray-400);pointer-events:none}.pqr-search-input{width:100%;max-width:100%;padding:12px 16px 12px 44px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);font-size:.875rem;font-weight:500;color:var(--pqr-gray-700);background:#ffffff;transition:var(--pqr-transition);font-family:Poppins,sans-serif;box-sizing:border-box}.pqr-search-input:focus{outline:none;border-color:var(--pqr-primary-color);box-shadow:0 0 0 3px var(--pqr-primary-light)}.pqr-filters-group{display:flex;gap:16px;align-items:center;flex-shrink:0}.pqr-filter-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.pqr-filter-select{padding:10px 16px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);font-size:.875rem;font-weight:500;color:var(--pqr-gray-700);background:#ffffff;cursor:pointer;transition:var(--pqr-transition);min-width:150px;max-width:200px;font-family:Poppins,sans-serif;box-sizing:border-box}.pqr-filter-select:focus{outline:none;border-color:var(--pqr-primary-color);box-shadow:0 0 0 3px var(--pqr-primary-light)}.pqr-list{display:flex;flex-direction:column;border-radius:var(--pqr-border-radius);border:1px solid var(--pqr-gray-200);overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:var(--pqr-shadow-sm);width:100%;max-width:100%;box-sizing:border-box;max-height:84vh}.pqr-list-header{display:flex;background-color:var(--pqr-gray-50);padding:15px;font-size:14px;font-weight:600;color:var(--pqr-primary-color);border-bottom:1px solid var(--pqr-gray-200);width:100%;max-width:100%;box-sizing:border-box;position:sticky;top:0;z-index:2}.pqr-list-item{display:flex;padding:10px;align-items:center;border-bottom:1px solid var(--pqr-gray-200);transition:var(--pqr-transition);font-size:13px;min-height:100px;box-sizing:border-box;width:100%;max-width:100%}.pqr-list-item:last-child{border-bottom:none}.pqr-list-item:hover{background-color:var(--pqr-gray-50)}.pqr-list-col{flex:1;padding:0 8px;color:var(--pqr-gray-900);display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.pqr-status-icon{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;font-family:Poppins,sans-serif;font-weight:600;font-size:13px}.pqr-status-text{font-family:Poppins,sans-serif;font-weight:600;font-size:13px}.pqr-list-item.resuelto .pqr-status-text{color:var(--pqr-success-color)}.pqr-list-item.pendiente .pqr-status-text{color:var(--pqr-warning-color)}.pqr-list-item.vencido .pqr-status-text{color:var(--pqr-danger-hover)}.pqr-list-item.resuelto{background-color:#f0fdf4;border-left:4px solid var(--pqr-success-color);width:100%;max-width:100%;box-sizing:border-box}.pqr-list-item.pendiente{background-color:#f973161a;border-left:4px solid var(--pqr-warning-color);width:100%;max-width:100%;box-sizing:border-box}.pqr-list-item.vencido{background-color:#fef2f2;border-left:4px solid var(--pqr-danger-color);width:100%;max-width:100%;box-sizing:border-box}.pqr-actions{display:flex;gap:6px;justify-content:center;align-items:center}.pqr-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;cursor:pointer;transition:var(--pqr-transition);min-width:32px;height:32px;width:100%;max-width:100%;box-sizing:border-box}.pqr-view-btn{background-color:var(--pqr-primary-light);color:var(--pqr-primary-color)}.pqr-view-btn:hover{background-color:#0db30d33;transform:translateY(-1px)}.pqr-edit-btn{background-color:#fb923c1a;color:#f59e0b}.pqr-edit-btn:hover{background-color:#fb923c33;transform:translateY(-1px)}.pqr-delete-btn{background-color:var(--pqr-danger-light);color:var(--pqr-danger-color)}.pqr-delete-btn:hover{background-color:#ef444433;transform:translateY(-1px)}.pqr-empty-state{text-align:center;padding:40px 20px;color:var(--pqr-gray-500);font-style:italic}.pqr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:pqrFadeIn .2s ease-out}@keyframes pqrFadeIn{0%{opacity:0}to{opacity:1}}.pqr-modal-content{background:#ffffff;box-shadow:var(--pqr-shadow-xl);max-width:800px;width:100%;max-height:90vh;animation:pqrSlideUp .3s ease-out;display:flex;flex-direction:column;box-sizing:border-box;border-radius:20px}@keyframes pqrSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pqr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--pqr-gray-200);flex-shrink:0;position:sticky;top:0;z-index:1000;background-color:var(--pqr-gray-100);border-radius:20px 20px 0 0}.pqr-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--pqr-gray-900)}.pqr-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--pqr-gray-400);transition:var(--pqr-transition)}.pqr-modal-close:hover{background:var(--pqr-gray-100);color:var(--pqr-gray-600)}.pqr-modal-body{padding:24px;flex-grow:1;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}.pqr-form{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.pqr-form-section{flex:1;margin-bottom:0;padding:20px;border:1px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background-color:var(--pqr-gray-50);width:100%;max-width:100%;box-sizing:border-box;box-shadow:var(--pqr-shadow-md);overflow:hidden;min-width:0}.pqr-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:100%}.pqr-form-group{display:flex;flex-direction:column;gap:8px;margin-top:20px;width:100%;max-width:100%;box-sizing:border-box}.pqr-form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--pqr-gray-700);font-size:.875rem}.pqr-form-input,.pqr-form-select,.pqr-form-textarea{width:100%;height:53px;max-width:100%;box-sizing:border-box;padding:12px 16px;border:2px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);font-size:.875rem;font-weight:500;color:var(--pqr-gray-700);background:#ffffff;transition:var(--pqr-transition)}.pqr-form-input:focus,.pqr-form-select:focus,.pqr-form-textarea:focus{outline:none;border-color:var(--pqr-primary-color);box-shadow:0 0 0 3px var(--pqr-primary-light)}.pqr-form-textarea{resize:vertical;min-height:100px;line-height:1.5;font-family:Poppins,sans-serif!important}.pqr-form-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:24px;border-top:1px solid var(--pqr-gray-200);background-color:var(--gray-100);position:sticky;bottom:0;z-index:10;border-radius:0 0 20px 20px}.pqr-btn-primary,.pqr-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--pqr-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--pqr-transition);border:2px solid transparent;text-decoration:none;justify-content:center;font-family:Poppins,sans-serif}.pqr-btn-primary{background:linear-gradient(135deg,var(--pqr-primary-color),var(--pqr-primary-hover));color:#fff;box-shadow:var(--pqr-shadow-md)}.pqr-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--pqr-shadow-lg)}.pqr-btn-secondary{background:#ffffff;color:var(--pqr-gray-700);border-color:var(--pqr-gray-300)}.pqr-btn-secondary:hover:not(:disabled){background:var(--pqr-gray-50);border-color:var(--pqr-gray-400);transform:translateY(-1px)}.pqr-details{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}.pqr-detail-section{margin-bottom:24px;padding:20px;border:1px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);background-color:var(--pqr-gray-50);width:100%;max-width:100%;box-sizing:border-box;box-shadow:var(--pqr-shadow-md);overflow:hidden;min-width:0}.pqr-detail-section h4{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--pqr-primary-color);padding-bottom:8px;border-bottom:2px solid var(--pqr-primary-color)}.pqr-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:100%}.pqr-detail-item{width:100%;max-width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--pqr-gray-200);border-radius:var(--pqr-border-radius);font-size:.875rem;font-weight:500;display:flex;flex-direction:column;gap:4px;background:#fdfdfd}.pqr-detail-item.pqr-detail-full{grid-column:1 / -1}.pqr-detail-label{font-size:12px;font-weight:600;color:var(--pqr-gray-500);text-transform:uppercase;letter-spacing:.5px}.pqr-detail-value{font-size:14px;color:var(--pqr-gray-900);font-weight:500;line-height:1.4;word-break:break-word;display:flex;align-items:center}.pqr-detail-value.status-resolved{color:var(--pqr-success-color);font-weight:600}.pqr-detail-value.status-pending{color:var(--pqr-danger-hover);font-weight:600}.pqr-detail-value.status-warning{color:var(--pqr-warning-color);font-weight:600}.pqr-detail-text{white-space:pre-wrap;line-height:1.6;margin-top:4px}.pqr-section-header{display:flex;flex-direction:row-reverse;justify-content:space-between;background-color:#fff;padding:20px;margin-bottom:10px;border-radius:12px;gap:10px;box-shadow:0 2px 8px #00000014}@media (max-width: 1230px){.pqr-form-grid,.pqr-detail-grid{grid-template-columns:1fr;max-width:100%}.pqr-form-input,.pqr-form-select,.pqr-form-textarea{max-width:100%;min-width:0}.pqr-header{flex-direction:row}.pqr-filters-section{width:100%;flex-wrap:wrap;flex:0 0 auto}.pqr-submit-btn{justify-content:center}.pqr-list-header .pqr-list-col:nth-child(2),.pqr-list-header .pqr-list-col:nth-child(4),.pqr-list-item .pqr-list-col:nth-child(2),.pqr-list-item .pqr-list-col:nth-child(4){display:none}}@media (max-width: 890px){.pqr-list-header .pqr-list-col:nth-child(2),.pqr-list-header .pqr-list-col:nth-child(4),.pqr-list-header .pqr-list-col:nth-child(6),.pqr-list-item .pqr-list-col:nth-child(2),.pqr-list-item .pqr-list-col:nth-child(4),.pqr-list-item .pqr-list-col:nth-child(6){display:none}}@media (max-width: 1024px) and (min-width: 769px){.pqr-filters-section{gap:16px}.pqr-search-box{flex:1;min-width:300px}.pqr-filters-group{flex-wrap:wrap;gap:12px}.pqr-filter-select{min-width:140px}}@media (max-width: 768px){.pqr-main-container{flex-direction:column;padding:12px;gap:12px}.pqr-filters-section{flex-direction:column;gap:8px;align-items:stretch}.pqr-search-box{max-width:100%;width:100%}.pqr-filters-group{width:100%;flex-direction:column;gap:8px;align-items:stretch}.pqr-filter-item{width:100%;justify-content:flex-start}.pqr-filter-select{min-width:unset;width:100%}.pqr-sort-text{font-size:.875rem}.pqr-form-section{padding:12px}.pqr-form-title{font-size:20px}.pqr-header{flex-direction:column;align-items:flex-start;margin-bottom:16px;gap:10px;padding-bottom:10px}.pqr-submit-btn{align-self:stretch;justify-content:center}.pqr-list{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;max-height:70vh;border-radius:var(--pqr-border-radius)}.pqr-list:after{display:none}.pqr-list-header,.pqr-list-item{flex-wrap:nowrap;min-width:unset;width:100%;padding:8px 6px;min-height:70px}.pqr-list-header .pqr-list-col:nth-child(2),.pqr-list-header .pqr-list-col:nth-child(3),.pqr-list-header .pqr-list-col:nth-child(4),.pqr-list-header .pqr-list-col:nth-child(5),.pqr-list-header .pqr-list-col:nth-child(6),.pqr-list-item .pqr-list-col:nth-child(2),.pqr-list-item .pqr-list-col:nth-child(3),.pqr-list-item .pqr-list-col:nth-child(4),.pqr-list-item .pqr-list-col:nth-child(5),.pqr-list-item .pqr-list-col:nth-child(6){display:none}.pqr-list-col{flex:0 0 auto;padding:6px;white-space:normal;overflow:visible;text-overflow:unset;font-size:12px;word-wrap:break-word;line-height:1.3}.pqr-list-col:nth-child(1){flex:1;min-width:0;max-width:calc(100% - 100px)}.pqr-list-col:nth-child(7){flex:0 0 100px;min-width:100px}.pqr-list-item.resuelto{background-color:#f0fdf4!important;border-left:4px solid var(--pqr-success-color)!important;width:100%!important;box-sizing:border-box!important;background-clip:padding-box!important}.pqr-list-item.pendiente{background-color:#f973161a!important;border-left:4px solid var(--pqr-warning-color)!important;width:100%!important;box-sizing:border-box!important;background-clip:padding-box!important}.pqr-list-item.vencido{background-color:#fef2f2!important;border-left:4px solid var(--pqr-danger-color)!important;width:100%!important;box-sizing:border-box!important;background-clip:padding-box!important}.pqr-status-text{display:inline}.pqr-status-icon svg{width:20px!important;height:20px!important}.pqr-actions{gap:2px}.pqr-action-btn{min-width:24px;height:24px;padding:3px}.pqr-modal-content{max-width:calc(100vw - 20px);margin:10px}.pqr-form-grid{grid-template-columns:1fr;max-width:100%;gap:16px}.pqr-form-group{max-width:100%;min-width:0}.pqr-form-input,.pqr-form-select,.pqr-form-textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}@media (max-width: 480px){.pqr-filters-section{width:-webkit-fill-available}.pqr-search-input{font-size:16px;padding:10px 14px 10px 40px}.pqr-list-header,.pqr-list-item{min-width:unset;width:100%;padding:6px 4px;min-height:65px}.pqr-list-col:nth-child(1){flex:1;min-width:0;max-width:calc(100% - 90px)}.pqr-list-col:nth-child(7){flex:0 0 90px;min-width:90px}.pqr-detail-section{padding:12px}.pqr-section-header{padding:12px;flex-direction:column;gap:10px}.pqr-modal-header h3{font-size:1.125rem}}@media (min-width: 769px){.pqr-status-text{display:inline}}.date-filter-wrapper{position:relative}.date-picker-container{position:relative;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:4px;background:white;padding:0;min-height:40px}.date-picker-input{flex:1;border:none!important;outline:none;background:transparent;padding:8px 12px}.date-picker-input .react-datepicker__input-container button,.date-picker-input button{display:none!important}.date-picker-icons{display:flex;align-items:center;padding-right:12px}.date-icon{color:#666;cursor:pointer}.chatbot-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#0db30d;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 25px #0db30d4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:100}.chatbot-fab:hover{background:#0cb40c;transform:scale(1.1);box-shadow:0 12px 35px #0db30d66}.chatbot-container{position:fixed;top:10px;bottom:100px;right:24px;width:500px;background:white;border-radius:8px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:999;border:1px solid #e5e7eb}.chatbot-header{background:linear-gradient(135deg,#0c980c 0%,#0cb40c 100%);color:#fff;padding:16px;display:flex;align-items:center}.chat-header-content{display:flex;align-items:center;gap:12px}.chatbot-header .bot-avatar{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.bot-avatar{width:32px;height:32px;background:linear-gradient(135deg,#0db30d 0%,#0cb40c 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.bot-avatar img{width:100%;height:100%;object-fit:cover}.bot-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#0db30d 0%,#0cb40c 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 25px #0db30d4d;overflow:hidden}.header-text h3{margin:0;font-size:16px;font-weight:600}.status{font-size:12px;opacity:.9}.back-btn{background:rgba(255,255,255,.2);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s ease}.back-btn:hover{background:rgba(255,255,255,.3)}.chatbot-content{flex:1;overflow-y:auto;padding:20px;background-color:#ece5dd}.welcome-screen{text-align:center}.welcome-screen h3{color:#0db30d;margin:0 0 8px;font-size:20px}.welcome-screen p{color:#6b7280;margin-bottom:24px}.categories-grid{display:flex;flex-direction:column;gap:16px}.categories-grid-compact{display:flex;flex-direction:column;gap:12px}.category-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:left}.category-card-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:left}.category-card h4{color:#0db30d;margin:0 0 12px;font-size:16px;font-weight:600}.category-card-compact h5{color:#0db30d;margin:0 0 8px;font-size:14px;font-weight:600}.questions-list{display:flex;flex-direction:column;gap:8px}.questions-list-compact{display:flex;flex-direction:column;gap:6px}.question-btn{background:white;border:1px solid #d1d5db;border-radius:8px;padding:12px;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease}.question-btn:hover{background:#ecfdf5;border-color:#0db30d;color:#0cb40c}.messages-container{display:flex;flex-direction:column;gap:16px;min-height:100%}.message{display:flex;align-items:flex-end;gap:12px;max-width:85%;min-height:48px;animation:fadeInUp .2s ease-out}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.chat-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#0db30d 0%,#0cb40c 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:#f5f5f5}.message-bubble{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;min-height:40px;display:flex;align-items:center}.message.user .message-bubble{background:linear-gradient(135deg,#0db30d 0%,#0cb40c 100%);color:#fff;border-bottom-right-radius:4px}.message.bot .message-bubble{background:linear-gradient(135deg,#f3f4f6 0%,#f1f3f4 100%);border-bottom-left-radius:4px}.message-bubble.typing{background:linear-gradient(135deg,#f3f4f6 0%,#f1f3f4 100%);padding:16px;min-width:40px}.typing-indicator{display:flex;gap:6px;align-items:center}.typing-indicator span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.quick-questions{background:#f9fafb;border-top:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.questions-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;margin-bottom:12px}.questions-header p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.toggle-questions-btn{background:rgba(13,179,13,.1);border:1px solid rgba(13,179,13,.2);border-radius:20px;padding:6px;cursor:pointer;color:#0db30d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.toggle-questions-btn:hover{background:rgba(13,179,13,.15);border-color:#0db30d4d;transform:translateY(-1px)}.questions-content{padding:0 20px 16px;transition:all .3s ease;overflow:auto}.questions-content.content-visible{max-height:250px;opacity:1;transform:translateY(0)}.questions-content.content-hidden{max-height:0;opacity:0;transform:translateY(-10px);padding-top:0;padding-bottom:0}.quick-questions.questions-visible{animation:slideUp .2s ease-out}.quick-questions.questions-hidden .questions-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-question-btn{background:white;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;text-align:left;cursor:pointer;font-size:12px;color:#374151;transition:all .2s ease;width:100%}.quick-question-btn:hover{background:#ecfdf5;border-color:#0db30d;color:#0cb40c;transform:translateY(-1px)}@media (max-width: 480px){.chatbot-container{width:calc(100vw - 32px);height:calc(100vh - 140px);right:16px}.chatbot-fab{right:16px;bottom:16px}}.chatbot-content::-webkit-scrollbar,.questions-content::-webkit-scrollbar{width:4px}.chatbot-content::-webkit-scrollbar-track,.questions-content::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-content::-webkit-scrollbar-thumb,.questions-content::-webkit-scrollbar-thumb{background:#0db30d;border-radius:2px}.chatbot-content::-webkit-scrollbar-thumb:hover,.questions-content::-webkit-scrollbar-thumb:hover{background:#0cb40c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-inventario{background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;overflow:hidden;width:100%;max-width:256px;display:flex;flex-direction:column;box-shadow:0 1px 4px #00000014;transition:transform .2s ease,box-shadow .2s ease;position:relative}.card-inventario:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.card-alerta{border:2px solid #fbbf24;background-color:#fffbeb}.alerta-caducidad{position:absolute;top:0;left:0;right:0;background-color:#fbbf24;color:#78350f;padding:.4rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:600;z-index:10}.image-container{width:100%;height:9rem;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.image-container:hover{opacity:.9}.image{width:3rem;fill:#9ca3af}.card-content{padding:1rem;display:flex;flex-direction:column;gap:.25rem}.card-title{font-size:1rem;font-weight:600;color:#111827}.card-date,.card-stock,.card-price{font-size:.875rem;color:#374151}.card-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.btn-crud{padding:.5rem;font-size:.8rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center}.btn-crud.view{background-color:#bbf7d0;color:#065f46}.btn-crud.view:hover{background-color:#86efac}.btn-crud.edit{background-color:#fef08a;color:#854d0e}.btn-crud.edit:hover{background-color:#fde047}.btn-crud.delete{background-color:#fecaca;color:#7f1d1d}.btn-crud.delete:hover{background-color:#fca5a5}@media (max-width: 480px){.card-inventario{max-width:100%}}:root{--inv-primary-color: var(--pqr-primary-color, #0db30d);--inv-primary-hover: var(--pqr-primary-hover, #0cb40c);--inv-primary-light: var(--pqr-primary-light, rgba(13, 179, 13, .1));--inv-success-color: var(--pqr-success-color, #16a34a);--inv-danger-color: var(--pqr-danger-color, #ef4444);--inv-danger-hover: var(--pqr-danger-hover, #dc2626);--inv-danger-light: var(--pqr-danger-light, rgba(239, 68, 68, .1));--inv-warning-color: var(--pqr-warning-color, #f97316);--inv-warning-light: var(--pqr-warning-light, rgba(249, 115, 22, .1));--inv-gray-50: var(--pqr-gray-50, #f9fafb);--inv-gray-100: var(--pqr-gray-100, #f3f4f6);--inv-gray-200: var(--pqr-gray-200, #e5e7eb);--inv-gray-300: var(--pqr-gray-300, #d1d5db);--inv-gray-400: var(--pqr-gray-400, #9ca3af);--inv-gray-500: var(--pqr-gray-500, #6b7280);--inv-gray-700: var(--pqr-gray-700, #374151);--inv-gray-900: var(--pqr-gray-900, #111827);--inv-shadow-sm: var(--pqr-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));--inv-shadow-md: var(--pqr-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));--inv-shadow-lg: var(--pqr-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));--inv-border-radius: var(--pqr-border-radius, 12px);--inv-transition: var(--pqr-transition, all .5s ease)}.inv-section-header{display:flex;flex-direction:row-reverse;justify-content:space-between;background-color:#fff;padding:20px;margin-bottom:10px;border-radius:var(--inv-border-radius);gap:10px;box-shadow:0 2px 8px #00000014}.inv-submit-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--inv-primary-color),var(--inv-primary-hover));color:#fff;padding:15px 20px;border:none;border-radius:var(--inv-border-radius);cursor:pointer;font-weight:600;font-size:14px;transition:var(--inv-transition);white-space:nowrap;box-shadow:var(--inv-shadow-md)}.inv-submit-btn:hover{transform:translateY(-1px);box-shadow:var(--inv-shadow-lg)}.inventario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:1rem;width:100%;justify-items:start}.inventario-lista{width:100%;overflow-x:auto;background:white;border-radius:var(--inv-border-radius);box-shadow:0 2px 8px #00000014;border:1px solid var(--inv-gray-200);-webkit-overflow-scrolling:touch;max-height:84vh;display:flex;flex-direction:column}.inv-list-header{display:flex;background-color:var(--inv-gray-50);padding:15px;font-size:14px;font-weight:600;color:var(--inv-primary-color);border-bottom:1px solid var(--inv-gray-200);width:100%;position:sticky;top:0;z-index:2;box-sizing:border-box}.inv-list-item{display:flex;padding:12px 15px;align-items:center;border-bottom:1px solid var(--inv-gray-200);transition:var(--inv-transition);font-size:13px;min-height:80px;box-sizing:border-box;width:100%}.inv-list-item:hover{background-color:var(--inv-gray-50)}.inv-list-item:last-child{border-bottom:none}.inv-list-col{flex:1;padding:0 8px;color:var(--inv-gray-900);display:flex;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box}.inv-list-col strong{font-weight:600}.inv-image-col{flex:0 0 auto;width:80px;padding:0}.inv-list-image{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid var(--inv-gray-200);transition:transform .2s ease}.inv-list-image:hover{transform:scale(1.05)}.inv-actions-col{flex:0 0 auto;width:auto;gap:8px;justify-content:flex-end;padding:0 8px}.inv-status-vencido{background-color:#fef2f2!important;border-left:4px solid var(--inv-danger-color)!important}.inv-status-vencido:hover{background-color:#fee2e2!important}.inv-status-proximo{background-color:var(--inv-warning-light)!important;border-left:4px solid var(--inv-warning-color)!important}.inv-status-proximo:hover{background-color:#f9731626!important}.inv-caducidad-vencido{background-color:#dc262626;color:var(--inv-danger-color);font-weight:600;padding:8px 12px;border-radius:6px}.inv-caducidad-proximo{color:var(--inv-warning-color);font-weight:600}.inv-caducidad-normal{color:var(--inv-gray-900)}.inv-status-badge{margin-left:8px;font-size:11px;font-weight:600;display:inline-block}.inv-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;cursor:pointer;transition:var(--inv-transition);min-width:32px;height:32px}.inv-view-btn{background-color:var(--inv-primary-light);color:var(--inv-primary-color)}.inv-view-btn:hover{background-color:#0db30d33;transform:translateY(-1px)}.inv-edit-btn{background-color:#fb923c1a;color:#f59e0b}.inv-edit-btn:hover{background-color:#fb923c33;transform:translateY(-1px)}.inv-delete-btn{background-color:var(--inv-danger-light);color:var(--inv-danger-color)}.inv-delete-btn:hover{background-color:#ef444433;transform:translateY(-1px)}.inv-empty-state{text-align:center;padding:40px 20px;color:var(--inv-gray-500);font-style:italic;width:100%}.inv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:invFadeIn .2s ease-out}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}.inv-modal-content{background:#ffffff;box-shadow:var(--inv-shadow-lg);max-width:800px;width:100%;max-height:90vh;animation:invSlideUp .3s ease-out;display:flex;flex-direction:column;box-sizing:border-box;border-radius:20px;overflow:hidden}.inv-modal-edit{max-width:800px}@keyframes invSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--inv-gray-200);flex-shrink:0;position:sticky;top:0;z-index:1000;background-color:var(--inv-gray-100);border-radius:20px 20px 0 0}.inv-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--inv-gray-900)}.inv-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--inv-gray-400);transition:var(--inv-transition);display:flex;align-items:center;justify-content:center}.inv-modal-close:hover{background:var(--inv-gray-100);color:var(--inv-gray-600)}.inv-modal-body{padding:24px;flex-grow:1;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}.inv-image-carousel{position:relative;width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden;background-color:var(--inv-gray-100);aspect-ratio:16/9;max-height:400px}@keyframes invFadeInOut{0%{opacity:0}to{opacity:1}}.inv-carousel-image{width:100%;height:100%;object-fit:cover;display:block;animation:invFadeInOut .5s ease-in-out}.inv-carousel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:5}.inv-carousel-btn{background-color:#fff3;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:var(--inv-transition);display:flex;align-items:center;justify-content:center}.inv-carousel-btn:hover{background-color:#fff6}.inv-carousel-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex:1}.inv-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:var(--inv-transition)}.inv-dot.active{background-color:#fff;transform:scale(1.2)}.inv-create-image-banner{position:relative;width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden;background-color:var(--inv-gray-100);aspect-ratio:16/9;max-height:400px}.inv-banner-image{width:100%;height:100%;object-fit:cover;display:block;animation:invFadeInOut .5s ease-in-out}.inv-add-image-btn{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--inv-primary-color),var(--inv-primary-hover));color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--inv-transition);z-index:10;box-shadow:var(--inv-shadow-md)}.inv-add-image-btn:hover{transform:translateY(-1px);box-shadow:var(--inv-shadow-lg)}.inv-download-btn{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--inv-primary-color),var(--inv-primary-hover));color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--inv-transition);z-index:10;box-shadow:var(--inv-shadow-md)}.inv-download-btn:hover{transform:translateY(-1px);box-shadow:var(--inv-shadow-lg)}.inv-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.inv-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.inv-group{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;box-sizing:border-box}.inv-group label{font-weight:600;color:var(--inv-gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.inv-input,.inv-textarea{padding:12px 16px;border:1px solid var(--inv-gray-200);border-radius:8px;font-size:14px;font-family:inherit;transition:var(--inv-transition);width:100%;max-width:100%;box-sizing:border-box}.inv-input:focus,.inv-textarea:focus{outline:none;border-color:var(--inv-primary-color);box-shadow:0 0 0 3px var(--inv-primary-light)}.inv-input-alert{border-color:var(--inv-danger-color)!important;background:#fff5f5}.inv-input-alert:focus{border-color:var(--inv-danger-color)!important;box-shadow:0 0 0 3px #dc35451a!important}.inv-textarea{resize:vertical;min-height:100px;line-height:1.5}.inv-alert{display:flex;align-items:center;gap:12px;background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;margin-bottom:16px;border-left:4px solid #f59e0b;font-weight:500}.inv-info{display:flex;flex-direction:column;gap:12px}.inv-item{display:flex;flex-direction:column;gap:6px;padding:12px;background-color:var(--inv-gray-50);border:1px solid var(--inv-gray-200);border-radius:8px}.inv-item label{font-weight:600;color:var(--inv-gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.inv-item p{color:var(--inv-gray-900);margin:0;line-height:1.5}.text-alert{color:var(--inv-danger-color)!important;font-weight:600!important}.inv-form-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:24px;border-top:1px solid var(--inv-gray-200);background-color:var(--inv-gray-100);position:sticky;bottom:0;z-index:10;border-radius:0 0 20px 20px}.inv-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--inv-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--inv-transition);border:2px solid transparent;text-decoration:none;justify-content:center;background:linear-gradient(135deg,var(--inv-primary-color),var(--inv-primary-hover));color:#fff;box-shadow:var(--inv-shadow-md)}.inv-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--inv-shadow-lg)}.inv-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--inv-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--inv-transition);border:2px solid transparent;text-decoration:none;justify-content:center;background:#ffffff;color:var(--inv-gray-700);border-color:var(--inv-gray-300)}.inv-btn-secondary:hover:not(:disabled){background:var(--inv-gray-50);border-color:var(--inv-gray-400);transform:translateY(-1px)}.cards-dashboard-wrapper{flex-direction:column;gap:20px}@media (max-width: 768px){.inv-list-col{font-size:12px;padding:0 4px}.inv-image-col{width:60px}.inv-list-image{width:50px;height:50px}.inv-action-btn{min-width:28px;height:28px;padding:4px}.inv-modal-content{max-width:95%}.inv-image-carousel,.inv-create-image-banner{aspect-ratio:4/3;max-height:300px}.inv-carousel-image,.inv-banner-image{object-fit:cover}}@media (max-width: 480px){.inv-section-header{flex-direction:column;gap:12px}.inv-submit-btn{width:100%;justify-content:center}.inv-list-header,.inv-list-item{padding:8px;font-size:11px}.inv-list-col{font-size:11px;padding:0 2px}.inv-image-col{width:50px}.inv-list-image{width:45px;height:45px}.inv-row{grid-template-columns:1fr}.inv-modal-header h2{font-size:1.25rem}.inv-image-carousel,.inv-create-image-banner{aspect-ratio:1/1;max-height:280px}.inv-carousel-image,.inv-banner-image{object-fit:cover}.inv-add-image-btn,.inv-download-btn{padding:8px 12px;font-size:12px}.inv-carousel-controls{padding:12px}}