@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&display=swap";.avatar{display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-initials{line-height:1}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.1rem .7rem .18rem;font-size:.85rem;font-weight:500;line-height:1.4;position:relative;white-space:nowrap;vertical-align:middle;margin-left:.5rem}.badge.agente{color:#22d3a6;background-color:#22d3a61a;border:1.5px solid rgba(34,211,166,.4)}.badge.admin{color:#facc15;background-color:#facc151a;border:1.5px solid rgba(250,204,21,.4)}.badge.video{color:#a855f7;background-color:#a855f71a;border:1.5px solid rgba(168,85,247,.4)}.notifications-bell-container{position:relative;display:inline-block}.notifications-bell-button{background:none;border:none;color:#c2c2d6;cursor:pointer;position:relative;padding:8px}.unread-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.notifications-dropdown{position:absolute;top:100%;right:0;background-color:#1e1e32;border:1px solid #2c2c44;border-radius:8px;width:350px;max-height:400px;overflow-y:auto;z-index:1100;box-shadow:0 4px 12px #00000026}.notifications-header{padding:12px 16px;font-weight:700;border-bottom:1px solid #2c2c44}.notifications-list{display:flex;flex-direction:column}.notification-item{padding:12px 15px;border-bottom:1px solid #444;transition:background-color .2s ease;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#2c2c44}.notification-item.read{opacity:.7}.notification-item p{margin:0;font-size:.875rem}.notification-time{font-size:.75rem;color:#8a8a9e;margin-top:4px;display:block}.no-notifications{padding:20px;text-align:center;color:#8a8a9e}.app-header{position:sticky;top:0;z-index:1000;background-color:#1a1a2e;border-bottom:1px solid #2c2c44;padding:10px 0;margin-bottom:20px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-actions{display:flex;align-items:center;gap:16px}.header-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-decoration:none;border:1px solid transparent}.header-action-button{background-color:#2c2c44;color:#c5c5d2;gap:8px}.header-action-button:hover{background-color:#3c3c54}.logout-button{background-color:transparent;color:#a0a0a0;border:1px solid #444}.logout-button:hover{background-color:#2c2c44;border-color:#2c2c44;color:#fff}.logo-container{display:flex;align-items:center;gap:12px}.logo{height:45px;width:auto;max-width:150px}.client-logo{max-height:90px}.logo-separator{height:30px;width:1px;background-color:#ffffff40}.user-menu{position:relative;display:flex;align-items:center;gap:12px}.welcome-text{font-size:14px;color:#c5c5d2;font-weight:500}.avatar-container{cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease}.avatar-container:hover{box-shadow:0 0 0 2px #4a90e2}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:#2c2c44;border-radius:8px;box-shadow:0 4px 12px #00000040;padding:8px 0;width:220px;z-index:1000;border:1px solid #3c3c54;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:#c5c5d2;background-color:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.dropdown-item:hover{background-color:#3c3c54}.dropdown-divider{height:1px;background-color:#3c3c54;margin:8px 0}.logout-item{color:#e74c3c}.logout-item:hover{color:#fff;background-color:#c0392b}@media (max-width: 768px){.welcome-text{display:none}.logo{height:35px}.client-logo{max-height:45px}.header-content{padding:0 16px}}.app-footer{background-color:#1a1a2e;color:#e0e0e0;margin-top:auto;padding:1rem 0 .5rem;border-top:1px solid #2c2c44}.footer-content{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}.footer-section h4,.footer-section h5{margin:0 0 .5rem;font-weight:600}.footer-section h4{color:#8a9fff;font-size:1.1rem}.footer-section h5{color:#c5c5d2;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.footer-brand p{color:#8a8a9e;margin:0;line-height:1.4;font-size:.875rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.25rem}.footer-links a{color:#8a8a9e;text-decoration:none;transition:color .2s ease;font-size:.875rem}.footer-links a:hover{color:#8a9fff}.footer-section p{color:#8a8a9e;margin:0;line-height:1.4;font-size:.875rem}.footer-bottom{max-width:1600px;margin:1rem auto 0;padding:.75rem 24px 0;border-top:1px solid #2c2c44;display:flex;justify-content:space-between;align-items:center}.footer-copyright{display:flex;flex-direction:column;gap:.125rem}.footer-copyright p{margin:0;color:#8a8a9e;font-size:.75rem}.footer-ruc{color:#6b6b7d!important;font-size:.6875rem!important}.footer-version{color:#6b6b7d;font-size:.6875rem;font-family:Courier New,monospace}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:1rem;text-align:center}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.app-footer{padding:1rem 0 .5rem}}@media (max-width: 480px){.footer-content{padding:0 1rem}.footer-bottom{padding:.5rem 1rem 0}}.aviso-version{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border-radius:10px;background:#1f1f3a;border:1px solid rgba(138,159,255,.5);color:#e0e0e0;font-size:14px;box-shadow:0 10px 30px #00000073;max-width:calc(100vw - 32px)}.aviso-version button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:none;background:#8a9fff;color:#0b0c10;font-weight:600;font-size:13px;cursor:pointer}.aviso-version button:hover{background:#a5b4ff}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#0f0f1e}.login-box{background-color:#161625;padding:40px;border-radius:12px;border:1px solid #2c2c44;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 30px #0003}.login-logo{width:120px;margin-bottom:20px}.login-box h2{color:#e0e0e0;margin-bottom:10px;font-weight:500}.login-box p{color:#8a8a9e;margin-bottom:30px;font-size:.95rem}.input-group{text-align:left;margin-bottom:20px}.input-group label{display:block;color:#c5c5d2;margin-bottom:8px;font-size:.9rem}.input-group input{width:100%;padding:12px 15px;background-color:#0f0f1e;border:1px solid #2c2c44;border-radius:6px;color:#e0e0e0;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-group input:focus{outline:none;border-color:#5462ff;box-shadow:0 0 0 3px #5462ff33}.login-button{width:100%;padding:12px;background-color:#5462ff;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#3a3a3a}.login-button:disabled{background-color:#3a3a5e;cursor:not-allowed}.error-message{color:#ff6b6b;margin-top:-10px;margin-bottom:15px;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background-color:transparent;z-index:2000}.modal-content{position:absolute;background-color:#1f1f3a;border:1px solid #2c2c44;border-radius:5px;box-shadow:0 4px 12px #0003;width:150px;padding:5px}.modal-content ul{list-style:none;padding:0;margin:0}.modal-content li{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:3px;transition:background-color .2s;color:#c5c5d2;font-size:.9rem}.modal-content li:hover{background-color:#3a3a5e}.modal-content li.active{background-color:#007bff;color:#fff}.status-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1001}.status-modal-content{position:absolute;background-color:#1f1f3a;border:1px solid #2c2c44;border-radius:8px;box-shadow:0 4px 12px #0003;width:220px;z-index:1002}.status-modal-content ul{list-style:none;margin:0;padding:8px}.status-modal-content li{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-radius:6px;color:#c5c5d2;transition:background-color .2s}.status-modal-content li:hover{background-color:#2c2c44}.avatar-small{width:24px;height:24px;border-radius:50%;margin-right:12px;object-fit:cover}.color-picker-container{display:flex;flex-direction:column;gap:8px}.color-picker-container label{font-size:14px;font-weight:500;color:#c5c5d2}.color-palette{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 5px #ffffffb3}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.user-assign-modal{min-width:200px;padding:8px 0;background-color:#2a2a4a;border:1px solid #3a3a5c;border-radius:8px;box-shadow:0 10px 30px #0000004d}.user-list{list-style:none;padding:0;margin:0}.user-list li{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;color:#e0e0e0;transition:background-color .2s}.user-list li .client-item:hover{background-color:#3a3a5c}.client-item{padding:8px 16px;display:flex;align-items:center}.client-tag-color-dot.editable{cursor:pointer;border:2px solid transparent;transition:border-color .2s}.client-tag-color-dot.editable:hover{border-color:#fff}.color-picker-container{padding:8px 16px 12px;background-color:#2c2c44}.add-new-client-section{border-top:1px solid #3a3a5c;padding:12px 16px}.add-new-btn{width:100%;background:none;border:none;color:#a0a2b0;padding:8px 0;cursor:pointer;font-weight:500;text-align:left;transition:color .2s}.add-new-btn:hover{color:#fff}.add-client-form{display:flex;flex-direction:column;gap:12px}.add-client-input{width:100%;padding:8px 12px;background-color:#1e1e2f;border:1px solid #3a3a5c;border-radius:6px;color:#e0e0e0;font-size:14px}.add-client-actions{display:flex;gap:8px}.save-client-btn,.cancel-client-btn{flex-grow:1;padding:8px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.save-client-btn{background-color:#4a90e2;color:#fff}.cancel-client-btn{background-color:#3a3a5c;color:#a0a2b0}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-modal-content{background-color:#1f1f3a;border:1px solid #2c2c44;padding:24px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 12px #00000080;text-align:center}.confirmation-modal-content h3{margin-top:0;margin-bottom:12px;color:#f0f0f0;font-size:1.25rem}.confirmation-modal-content p{margin-bottom:24px;color:#a0a0a0;font-size:1rem}.confirmation-modal-actions{display:flex;justify-content:center;gap:16px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn-secondary{background-color:#4a4a4a;color:#f0f0f0}.btn-secondary:hover{background-color:#5a5a5a}.btn-danger{background-color:#e53935;color:#fff}.btn-danger:hover{background-color:#c62828}.task-deadline-countdown{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:400;min-width:50px;justify-content:center;transition:all .2s ease;border:1px solid transparent;margin-top:4px;box-shadow:0 1px 3px #0000001a}.task-deadline-countdown.green{background-color:#2ecc7126;color:#59dca3;border-color:#2ecc714d}.task-deadline-countdown.green .task-deadline-icon{color:#59dca3}.task-deadline-countdown.yellow{background-color:#ffb23326;color:#ffc966;border-color:#ffb2334d}.task-deadline-countdown.yellow .task-deadline-icon{color:#ffc966}.task-deadline-countdown.red{background-color:#5462ff26;color:#8a9fff;border-color:#5462ff4d}.task-deadline-countdown.red .task-deadline-icon{color:#8a9fff}.task-deadline-countdown.expired{background-color:#6c757d;color:#fff;border-color:#6c757d}.task-deadline-countdown.expired .task-deadline-icon{color:#fff}.task-deadline-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-deadline-text{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:.025em}.task-deadline-countdown:hover{filter:brightness(1.1)}.task-item .task-deadline-countdown{align-self:flex-start;margin-left:auto}@media (max-width: 768px){.task-deadline-countdown{font-size:9px;padding:2px 4px;min-width:45px}.task-deadline-icon{width:10px;height:10px}.task-deadline-text{font-size:8px}}.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__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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:#fff;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}.notification-badge{background-color:#f44336;color:#fff;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-left:8px;flex-shrink:0}.urgent-icon{color:#f44336;margin-right:6px;flex-shrink:0}.deadline-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.deadline-content span{font-size:12px;color:#e0e0e0}@media (max-width: 768px){.deadline-content{align-items:center}}.tasks-dashboard{margin-bottom:24px;padding:0 24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#e0e0e0}.total-tasks{font-size:.9rem;color:#8a8a9e;background-color:#2c2c44;padding:4px 12px;border-radius:12px;font-weight:500}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.dashboard-cards.mobile-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title-with-icon{display:flex;align-items:center;gap:8px}.card-header h3{margin:0;font-size:1rem;font-weight:600}.card-percentage{font-size:1.5rem;font-weight:700}.card-content{margin-bottom:12px}.card-count{font-size:1.8rem;font-weight:700;color:#fff;margin:8px 0 4px;line-height:1}.card-label{font-size:.85rem;color:#8a8a9e;text-transform:uppercase;letter-spacing:.5px}.card-progress-bar{height:4px;background-color:#2c2c44;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:2px;transition:width .3s ease}@media (max-width: 768px){.tasks-dashboard{padding:16px}.dashboard-header h2{font-size:1.3rem}.dashboard-cards.mobile-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.dashboard-card{padding:12px;min-height:auto}.card-title-with-icon h3{font-size:.85rem}.card-count{font-size:1rem}.card-percentage{font-size:.75rem}.card-label{font-size:.7rem}.card-progress-bar{height:3px;margin-top:8px}}@keyframes fillProgress{0%{width:0%}to{width:var(--target-width)}}.progress-fill{animation:fillProgress 1s ease-out}.pie-chart-container{background:transparent;border-radius:12px;padding:20px;margin-bottom:24px}.pie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pie-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.total-tasks{color:#8a8a9e;font-size:.9rem;font-weight:500}.pie-chart-wrapper{display:flex;justify-content:center;align-items:center}.pie-tooltip{background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d}.tooltip-label{color:#fff;font-weight:600;margin:0 0 4px;font-size:.9rem}.tooltip-value{color:#8a8a9e;margin:0;font-size:.8rem}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:50%}.legend-text{color:#fff;font-size:.85rem;font-weight:500}.no-data{text-align:center;color:#8a8a9e;font-size:1rem;padding:40px 20px}@media (max-width: 768px){.pie-chart-container{padding:16px;margin-bottom:20px}.pie-header h2{font-size:1.3rem}.pie-chart-wrapper{height:280px}.pie-legend{gap:12px;margin-top:16px}.legend-item{position:relative}.legend-text{font-size:.8rem}.legend-item:nth-child(1) .legend-text{color:#8a9fff}.legend-item:nth-child(2) .legend-text{color:#ffc966}.legend-item:nth-child(3) .legend-text{color:#59dca3}.legend-item:nth-child(4) .legend-text{color:#ab6de2}}.expiration-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.expiration-modal{background:var(--background-primary);border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;animation:slideUp .4s ease-out;border:1px solid var(--border)}.modal-header{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-tertiary) 100%);padding:32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;gap:20px}.expiration-modal-icon{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #f59e0b4d}.header-text h2{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:500}.close-btn{background:var(--background-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:12px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--background-secondary);color:var(--text-primary);transform:scale(1.05);border-color:var(--primary)}.modal-body{padding:32px;max-height:60vh;overflow-y:auto}.expiration-modal .services-table{width:100%;overflow-x:auto}.expiration-modal .expiration-table{width:100%;border-collapse:collapse;background:var(--background-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.expiration-modal .expiration-table th{background:linear-gradient(135deg,var(--background-tertiary) 0%,var(--background-secondary) 100%);padding:16px 12px;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.expiration-modal .expiration-table td{padding:16px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.expiration-modal .service-row.domain-priority{background:linear-gradient(135deg,#ef44440d,#dc262608);border-left:4px solid #ef4444;font-weight:500}.expiration-modal .service-row.domain-priority:hover{background:linear-gradient(135deg,#ef444414,#dc26260d);transform:translate(2px)}.expiration-modal .service-row.hosting-row{background:var(--background-primary);opacity:.85}.expiration-modal .service-row.hosting-row:hover{background:var(--background-secondary);opacity:1}.expiration-modal .service-row{transition:all .2s ease}.expiration-modal .type-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expiration-modal .domain-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.expiration-modal .hosting-badge{background:var(--background-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.expiration-modal .domain-badge svg{color:#fff}.expiration-modal .hosting-badge svg{color:var(--text-tertiary)}.expiration-modal .service-name-cell{font-size:1rem;color:var(--text-primary)}.expiration-modal .domain-priority .service-name-cell{font-weight:700;color:#dc2626}.expiration-modal .client-cell,.expiration-modal .provider-cell{color:var(--text-secondary);font-size:.875rem}.expiration-modal .expiration-cell{font-family:monospace;font-weight:500;color:var(--text-primary)}.expiration-modal .days-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8125rem;font-weight:700;color:#fff;text-align:center;min-width:80px;box-shadow:0 2px 4px #0003}.expiration-modal .status-indicator{font-weight:700;font-size:.875rem;text-align:center}.modal-footer{background:var(--background-secondary);padding:24px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.expiration-modal .footer-info{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.expiration-modal .footer-info svg{color:var(--primary)}.expiration-modal .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);text-transform:uppercase;letter-spacing:.5px}.expiration-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.4)}.expiration-modal .btn-primary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.expiration-modal{margin:10px;max-width:calc(100vw - 20px);border-radius:16px}.modal-header{padding:24px 20px}.header-content{gap:16px}.modal-content{padding:1.5rem}.service-item{flex-direction:column;align-items:flex-start;gap:.75rem}.service-expiration{text-align:left;min-width:auto;width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1f1f3a!important;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0003!important;width:90%;max-width:800px!important;color:#fff!important;position:relative;border:none}.modal-header{border-bottom:1px solid #2c2c44;padding-bottom:1rem;margin-bottom:1rem}.close-button{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:#8a8a9e;font-size:1.5rem;cursor:pointer;line-height:1}.modal-header h2{color:#fff;margin:0}.close-button{background:none;border:none;color:#8a8a9e;cursor:pointer}.close-button:hover{color:#fff}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.modal-body-grid{display:flex;flex-direction:column;gap:20px;background-color:#1f1f3a}.form-fields-editor{background-color:#2c2c44;padding:15px;border-radius:8px;display:flex;flex-direction:column}.task-config-editor,.add-field-form{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#2c2c44;border-radius:8px}.task-config-editor h3,.add-field-form h3{margin-top:0;border-bottom:1px solid #444;padding-bottom:10px}.config-item{display:flex;flex-direction:column;gap:5px}.config-item label{font-size:.9rem;color:#ccc}.config-item input,.config-item select{width:100%;padding:8px;border-radius:4px;border:1px solid #555;background-color:#333;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.button-primary{padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer}.button-secondary{padding:10px 20px;background-color:#2c2c44;color:#c5c5d2;border:1px solid #4a4a6a;border-radius:6px;cursor:pointer}.sortable-item-container{display:flex;align-items:center;border-bottom:1px solid #2c2c44}.field-editor-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;flex-grow:1}.drag-handle{background:#2c2c44;border:none;padding:8px;border-radius:6px;cursor:grab;color:#c5c5d2;display:flex;align-items:center;justify-content:center;margin-right:15px}.drag-handle:hover{background:#4a4a6a}.map-select{background-color:#121221;border:1px solid #4a4a6a;color:#c5c5d2;border-radius:4px;padding:4px 8px;font-size:12px}.field-controls{display:flex;align-items:center;gap:15px}.delete-button{background:none;border:none;color:#8a8a9e;cursor:pointer;padding:0}.delete-button:hover{color:#e57373}.add-field-form{display:flex;flex-direction:column;gap:10px}.add-field-form input,.add-field-form select,.add-field-form textarea{width:100%;padding:8px;background-color:#121221;border:1px solid #4a4a6a;color:#c5c5d2;border-radius:4px}.add-field-form textarea{min-height:80px;resize:vertical}.add-field-form button{align-self:flex-start}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#4a4a6a;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#4a90e2}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.logo-preview{margin-bottom:10px}.logo-preview img{max-width:150px;max-height:50px;border-radius:4px;border:1px solid #4a4a6a}.progress-bar-container{width:100%;background-color:#4a4a6a;border-radius:4px;height:10px;margin-top:10px}.progress-bar{width:0%;height:100%;background-color:#4c51bf;border-radius:4px;transition:width .3s ease-in-out}.field-editor-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 10px 28px;font-size:12px;color:#8a8a9e}.field-editor-extra label{font-size:12px}.field-editor-extra select,.field-editor-extra input[type=number],.field-editor-extra input[type=text]{font-size:12px;padding:3px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:inherit}.field-editor-extra input[type=number]{width:52px}.field-editor-extra .extra-ayuda{flex:1 1 220px;min-width:160px}.field-editor-extra .extra-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.field-editor-extra .extra-values{display:inline-flex;flex-wrap:wrap;gap:4px 10px}.field-editor-extra .extra-check{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.field-type-tag{margin-left:8px;font-size:11px;font-style:normal;opacity:.7}.new-fotos-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.new-fotos-options input[type=number]{width:52px;margin-left:4px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2c2c2e;color:#f5f5f7;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0003;width:100%;max-width:400px}.modal-content h2{margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.btn-cancel{background-color:#f1f3f5;color:#333}.btn-save{background-color:#007bff;color:#fff}.btn-save:disabled{background-color:#a0cfff;cursor:not-allowed}.modal-label{color:#fff}.change-password-modal{background-color:#1f1f3a;padding:2rem;border-radius:8px;width:100%;max-width:450px;border:1px solid #2c2c44;box-shadow:0 5px 15px #0000004d;position:relative}.change-password-modal h3{margin-top:0;color:#e0e0e0}.change-password-modal p{color:#a0a2b0;margin-bottom:1.5rem}.change-password-modal .form-group{margin-bottom:1.5rem}.change-password-modal label{display:block;margin-bottom:.5rem;color:#a0a2b0;font-weight:500}.change-password-modal .form-input{width:100%;padding:10px;border-radius:4px;border:1px solid #3a3a5c;background-color:#161625;color:#e0e0e0;font-size:1rem}.change-password-modal .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.change-password-modal .btn-cancel,.change-password-modal .btn-save{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:600;transition:background-color .2s}.change-password-modal .btn-cancel{background-color:#3a3a5c;color:#a0a2b0}.change-password-modal .btn-cancel:hover{background-color:#4a4a6c}.change-password-modal .btn-save{background-color:#4a90e2;color:#fff}.change-password-modal .btn-save:hover{background-color:#5aa1f2}.change-password-modal .btn-save:disabled{background-color:#555;cursor:not-allowed}.change-password-modal .close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#a0a2b0;font-size:1.5rem;cursor:pointer}.users-page{padding:2rem}.table-container{margin-top:2rem;overflow-x:auto;background-color:#1f1f3a;border:1px solid #2c2c44;border-radius:8px;box-shadow:0 4px 12px #0003}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #2c2c44;color:#e0e0e0}.users-table th{background-color:#161625;font-weight:600;color:#a0a2b0}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:#2c2c44}.actions-cell{display:flex;gap:10px}.action-btn{padding:6px 12px;border:1px solid #4a90e2;background-color:transparent;color:#4a90e2;border-radius:4px;cursor:pointer;transition:background-color .2s,color .2s;font-weight:600}.action-btn:hover{background-color:#4a90e2;color:#fff}.reset-btn{border-color:#e94e77;color:#e94e77}.reset-btn:hover{background-color:#e94e77;color:#fff}.reset-btn:disabled{border-color:#555;color:#555;cursor:not-allowed}.reset-btn:disabled:hover{background-color:transparent;color:#555}.feedback-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;border:1px solid}.feedback-message.success{background-color:#2dd36f1a;color:#2dd36f;border-color:#2dd36f}.feedback-message.error{background-color:#e94e771a;color:#e94e77;border-color:#e94e77}.client-users-table{width:100%;border-collapse:collapse;margin-top:24px;background-color:#1f1f3a!important;border:1px solid #2c2c44;border-radius:8px;overflow:hidden}.client-users-table th,.client-users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #2c2c44;color:#e0e0e0!important;background-color:transparent!important}.client-users-table th{background-color:#161625!important;font-weight:600;color:#a0a2b0!important}.client-users-table tbody tr:last-child td{border-bottom:none}.client-users-table tbody tr:hover td{background-color:#2c2c44!important}.file-upload-area{position:relative;border:2px dashed #3a3a5a;border-radius:8px;padding:20px;text-align:center;background:#1a1a2e;transition:all .2s ease;margin-bottom:16px}.file-upload-area.drag-over{border:2px dashed #007bff;background-color:#007bff0d}.file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.file-upload-btn:hover{background:#0056b3}.files-preview-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.file-preview{position:relative;border-radius:8px;overflow:hidden;transition:all .2s ease;border:2px solid transparent}.file-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.file-preview.dragging{opacity:.7;transform:scale(1.05);cursor:grabbing;z-index:1000}.file-preview.image-preview{width:88px;height:88px;cursor:grab}@media (max-width: 768px){.files-preview-container{gap:8px}.file-preview-attachment{min-width:240px;padding:10px 12px}.file-preview.image-preview{width:72px;height:72px}.file-thumbnail{width:64px;height:64px}.thumbnail-loading{width:64px;height:64px;font-size:20px}}.fotos-field{display:flex;flex-direction:column;gap:10px}.fotos-ayuda{margin:0;font-size:13px;color:#9a9ab0}.fotos-drop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fotos-contador{font-size:13px;color:#9a9ab0}.fotos-lista{align-items:flex-start}.fotos-item{display:flex;flex-direction:column;align-items:center;gap:4px}.fotos-item.dragging{opacity:.5}.fotos-item .image-thumbnail-container{position:relative}.fotos-num{position:absolute;left:4px;top:4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#000000bf;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.fotos-aviso{position:absolute;left:4px;bottom:4px;color:#ffb233;background:#000000b3;border-radius:10px;padding:2px 4px;display:flex}.fotos-orden{display:flex;gap:4px}.public-form .fotos-orden button,.fotos-orden button{box-sizing:border-box;width:28px;height:26px;min-width:0;padding:0;margin:0;line-height:0;font-size:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;cursor:pointer}.fotos-orden button svg{display:block;width:14px;height:14px;stroke:#fff}.fotos-orden button:hover:not(:disabled){background:#5462ff73;border-color:#5462ffcc}.fotos-orden button:disabled{opacity:.25;cursor:default}.fotos-avisos{margin:0;padding-left:18px;font-size:12px;color:#ffb233}.form-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#ff6b6b1f;color:#ff8a8a;font-size:14px}.subida-progreso{margin-bottom:12px}.subida-texto{font-size:13px;margin-bottom:6px;color:#b3b3c6}.subida-barra{height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.subida-barra>div{height:100%;background:linear-gradient(90deg,#5462ff,#8b7cff);transition:width .3s ease}.switch-container{display:flex;align-items:center}.switch-label{margin-right:10px;font-size:.9rem;color:#ccc}.react-switch-checkbox{height:0;width:0;visibility:hidden}.react-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:40px;height:22px;background:gray;border-radius:100px;position:relative;transition:background-color .2s}.react-switch-label .react-switch-button{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:45px;transition:.2s;background:#fff;box-shadow:0 0 2px #0a0a0a4a}.react-switch-checkbox:checked+.react-switch-label{background:#4ade80}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 2px);transform:translate(-100%)}.image-gallery{margin-top:8px}.image-grid{display:grid;gap:4px;border-radius:8px;overflow:hidden;max-width:100%}.grid-single{grid-template-columns:1fr;max-width:300px}.grid-double{grid-template-columns:1fr 1fr;max-width:300px}.grid-triple{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;max-width:300px;height:200px}.grid-triple .image-preview-container:first-child{grid-row:1 / 3}.grid-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-width:300px;height:200px}.grid-multiple{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px;max-width:100%}.image-preview-container{position:relative;cursor:pointer;overflow:hidden;background-color:#2c2c44;min-height:100px}.image-preview{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.grid-single .image-preview{object-fit:contain;max-height:175px}.image-preview-container:hover .image-preview{transform:scale(1.05)}.more-images-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.gallery-controls{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.show-all-button,.show-less-button,.download-single-button,.download-all-button{padding:6px 12px;background-color:transparent;border:1px solid #4c566a;border-radius:4px;color:#8ab4f8;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.show-all-button:hover,.show-less-button:hover,.download-single-button:hover,.download-all-button:hover{background-color:#4c566a;color:#fff}.download-all-button:disabled{opacity:.6;cursor:not-allowed}.download-all-button:disabled:hover{background-color:transparent;color:#8ab4f8}.lightbox-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.lightbox-image-container{position:relative;display:flex;align-items:center;justify-content:center}.lightbox-image-container:hover .lightbox-nav{opacity:1;visibility:visible}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.lightbox-image{transition:opacity .3s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:8px}.lightbox-close,.lightbox-download{position:absolute;top:-40px;background:#00000080;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.lightbox-close{right:0}.lightbox-download{right:50px}.lightbox-close:hover,.lightbox-download:hover{background:#000c}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;padding:16px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden}.lightbox-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-info{margin-top:16px;text-align:center;color:#fff}.image-name{display:block;font-size:.9rem;margin-bottom:4px}.image-counter{font-size:.8rem;color:#ccc}.other-files{margin-top:8px;display:flex;flex-direction:column;gap:8px}.file-attachment{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;color:#fff;transition:all .2s ease;cursor:pointer}.file-attachment:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:6px;color:#8a9fff}.file-info{flex:1;display:flex;flex-direction:column;gap:2px}.file-name{font-size:.9rem;font-weight:500;color:#fff;word-break:break-word}.file-type{font-size:.75rem;color:#8a8a9e;text-transform:uppercase;font-weight:600}.file-download{display:flex;align-items:center;justify-content:center;color:#8a8a9e;opacity:.7;transition:opacity .2s ease}.file-attachment:hover .file-download{opacity:1;color:#fff}.lightbox-mobile-nav{display:none;position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:100%;max-width:200px;justify-content:space-between;align-items:center;z-index:1002}.lightbox-mobile-nav button{background:#000000b3;border:1px solid white;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-mobile-nav button:hover{background:#000000e6}.lightbox-mobile-nav button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.lightbox-nav{display:none}.lightbox-mobile-nav{display:flex}.lightbox-overlay{padding:10px}.lightbox-close{top:-30px;right:-10px}.lightbox-download{top:-30px;right:40px}.image-grid,.grid-single,.grid-double,.grid-triple,.grid-quad{max-width:100%}.gallery-controls{flex-direction:column;align-items:stretch}.show-all-button,.show-less-button,.download-single-button,.download-all-button{justify-content:center}}@media (min-width: 769px){.lightbox-image-container:hover .lightbox-nav{opacity:1;visibility:visible}}.ref{--ref-ease: cubic-bezier(.2, .8, .2, 1);--ref-rojo: #ff6b6b;--ref-verde: #59dca3;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}.ref figure,.ref ol,.ref ul{margin:0;padding:0}.ref img{display:block;width:100%;height:100%;object-fit:cover}.ref-marco{position:relative;flex:0 0 auto;overflow:hidden;border-radius:10px;background:#0d0d1a;box-shadow:0 8px 24px #00000059}.ref-45{width:128px;aspect-ratio:4 / 5}.ref-916{width:96px;aspect-ratio:9 / 16;border-radius:14px;border:2px solid rgba(255,255,255,.18)}.ref-marco>img{transform:scale(1)}.ref.is-visible .ref-marco{animation:ref-entra .7s var(--ref-ease) both}.ref.is-visible .ref-marco>img{animation:ref-respira 14s ease-in-out infinite}@keyframes ref-entra{0%{opacity:0;transform:translateY(10px) scale(.96)}}@keyframes ref-respira{0%{transform:scale(1.06)}50%{transform:scale(1)}to{transform:scale(1.06)}}.ref-brillo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(120%);pointer-events:none}.ref.is-visible .ref-brillo{animation:ref-brillo 1.1s ease-in-out .25s both,ref-brillo-bucle 8s ease-in-out 5s infinite}@keyframes ref-brillo{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes ref-brillo-bucle{0%{transform:translate(-120%)}16%{transform:translate(120%)}to{transform:translate(120%)}}.ref-logo{position:absolute;left:8px;bottom:30px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000073;opacity:.5;filter:grayscale(1)}.ref-logo>img{border-radius:50%}.ref.is-visible .ref-logo{animation:ref-pop .5s var(--ref-ease) .7s both,ref-apaga .4s ease 1.9s both}@keyframes ref-pop{0%{transform:scale(0);opacity:1;filter:none}70%{transform:scale(1.1);opacity:1;filter:none}to{transform:scale(1);opacity:1;filter:none}}@keyframes ref-apaga{0%{opacity:1;filter:none}}.ref-x{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);fill:none;stroke:var(--ref-rojo);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ref-x path{stroke-dasharray:40;stroke-dashoffset:0}.ref.is-visible .ref-x path:first-child{animation:ref-traza .28s ease-out 1.25s both}.ref.is-visible .ref-x path:last-child{animation:ref-traza .28s ease-out 1.5s both}.ref.is-visible .ref-x{animation:ref-late 2.8s ease-in-out 2.4s infinite}@keyframes ref-traza{0%{stroke-dashoffset:40}}@keyframes ref-late{0%,to{opacity:1}50%{opacity:.55}}.ref-etiqueta{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;text-align:center}.ref.is-visible .ref-etiqueta{animation:ref-sube .45s var(--ref-ease) 2.05s both}.ref-story.is-visible .ref-etiqueta{animation-delay:.6s}@keyframes ref-sube{0%{opacity:0;transform:translateY(100%)}}.ref-barra{position:absolute;top:6px;left:8px;right:8px;height:3px;border-radius:2px;background:#ffffff59;z-index:1;overflow:hidden}.ref-barra>span{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(1)}.ref.is-visible .ref-barra>span{animation:ref-llena 5s linear .5s infinite}@keyframes ref-llena{0%{transform:scaleX(0)}70%{transform:scaleX(1)}to{transform:scaleX(1)}}.ref-tira{display:flex;align-items:flex-start;gap:8px;list-style:none;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:2px}.ref-tira::-webkit-scrollbar{display:none}.ref-slide{position:relative;flex:0 0 auto;width:72px;aspect-ratio:4 / 5;border-radius:8px;overflow:hidden;background:#0d0d1a;box-shadow:0 6px 16px #00000059}.ref.is-visible .ref-slide{animation:ref-desliza .55s var(--ref-ease) calc(.15s + var(--i, 0) * .09s) both}@keyframes ref-desliza{0%{opacity:0;transform:translate(22px)}}.ref-num{position:absolute;left:5px;top:5px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#000000bf;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #ffffff40}.ref.is-visible .ref-num{animation:ref-pop .4s var(--ref-ease) calc(.7s + var(--i, 0) * .09s) both,ref-ola 3.6s ease-in-out calc(3s + var(--i, 0) * .22s) infinite}@keyframes ref-ola{0%,22%,to{transform:translateY(0);box-shadow:0 0 0 1px #ffffff40}9%{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff40,0 0 10px 2px #5462ff8c}}.ref-mas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.25);color:#c5c5d2;box-shadow:none}.ref-mas>span{font-size:18px;line-height:1}.ref-mas>small{font-size:10px;color:#9a9ab0}.ref-no{--i: 0}.ref-no>img{filter:grayscale(.9) brightness(.55)}.ref.is-visible .ref-no>img{animation:ref-apagafoto .6s ease 1.1s both}@keyframes ref-apagafoto{0%{filter:none}}.ref-prohibido{position:absolute;inset:0;margin:auto;width:46px;height:46px;fill:none;stroke:var(--ref-rojo);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.ref-prohibido circle{stroke-dasharray:114;stroke-dashoffset:0}.ref-prohibido path{stroke-dasharray:36;stroke-dashoffset:0}.ref.is-visible .ref-prohibido circle{animation:ref-traza-circ .5s ease-out 1.15s both}.ref.is-visible .ref-prohibido path{animation:ref-traza-path .25s ease-out 1.6s both}.ref.is-visible .ref-prohibido{animation:ref-late 2.8s ease-in-out 2.6s infinite}@keyframes ref-traza-circ{0%{stroke-dashoffset:114}}@keyframes ref-traza-path{0%{stroke-dashoffset:36}}.ref-mini{position:absolute;left:0;right:0;bottom:0;padding:4px 4px 5px;background:#000c;color:#ffb3b3;font-size:9px;font-weight:700;line-height:1.15;text-align:center}.ref.is-visible .ref-mini{animation:ref-sube .4s var(--ref-ease) 1.9s both}.ref-notas{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0;font-size:13px;line-height:1.35;color:#c5c5d2;padding-top:4px}.ref-notas li{display:flex;align-items:flex-start;gap:8px}.ref-notas li svg{flex-shrink:0;margin-top:2px;color:var(--ref-verde)}.ref-notas li.no svg{color:var(--ref-rojo)}.ref.is-visible .ref-notas li{animation:ref-nota .45s var(--ref-ease) both}.ref.is-visible .ref-notas li:nth-child(1){animation-delay:.5s}.ref.is-visible .ref-notas li:nth-child(2){animation-delay:2.1s}.ref-carrusel.is-visible .ref-notas li:nth-child(2){animation-delay:1.9s}.ref-story.is-visible .ref-notas li:nth-child(2){animation-delay:.9s}@keyframes ref-nota{0%{opacity:0;transform:translate(-8px)}}@media (max-width: 480px){.ref{gap:12px;padding:10px}.ref-45{width:108px}.ref-916{width:84px}.ref-slide{width:60px}}@media (prefers-reduced-motion: reduce){.ref *,.ref *:before,.ref *:after{animation:none!important}}.ref-vendido-marco{width:108px}.ref-final{position:absolute;inset:0;opacity:0}.ref.is-visible .ref-marco>img.ref-final{animation:ref-vaiven 7s ease-in-out 1.6s infinite,ref-respira 14s ease-in-out infinite}@keyframes ref-vaiven{0%,30%{opacity:0}45%,85%{opacity:1}to{opacity:0}}.ref-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#1a1a2e;font-size:13px;font-weight:800;box-shadow:0 2px 8px #00000073;opacity:.55;filter:grayscale(1)}.ref-chip>img{border-radius:50%}.ref-chip-logo{left:8px;top:8px}.ref-chip-texto{right:8px;top:8px}.ref.is-visible .ref-chip-logo{animation:ref-pop .5s var(--ref-ease) .7s both,ref-apaga .4s ease 1.9s both}.ref.is-visible .ref-chip-texto{animation:ref-pop .5s var(--ref-ease) .85s both,ref-apaga .4s ease 2.05s both}.ref.is-visible .ref-chip-logo .ref-x path:first-child{animation-delay:1.25s}.ref.is-visible .ref-chip-logo .ref-x path:last-child{animation-delay:1.5s}.ref.is-visible .ref-chip-texto .ref-x path:first-child{animation-delay:1.4s}.ref.is-visible .ref-chip-texto .ref-x path:last-child{animation-delay:1.65s}.ref-vendido-marco .ref-etiqueta{display:grid}.ref-vendido-marco .ref-etiqueta>span{grid-area:1 / 1}.ref-etiqueta-despues{opacity:0}.ref.is-visible .ref-vendido-marco .ref-etiqueta-despues{animation:ref-vaiven 7s ease-in-out 1.6s infinite}.ref.is-visible .ref-vendido-marco .ref-etiqueta-antes{animation:ref-vaiven-inv 7s ease-in-out 1.6s infinite}@keyframes ref-vaiven-inv{0%,30%{opacity:1}45%,85%{opacity:0}to{opacity:1}}.ref-vendido.is-visible .ref-notas li:nth-child(2){animation-delay:2.1s}@media (max-width: 480px){.ref-vendido-marco{width:96px}}.sa{display:flex;flex-direction:column;gap:10px}.sa button{font-family:inherit}.sa-mini{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:50px;border-radius:6px;overflow:hidden;background:#ffffff0f;color:#8a8a9e;border:1px solid rgba(255,255,255,.08)}.sa-mini img{width:100%;height:100%;object-fit:cover;display:block}.sa-mini-grande{width:56px;height:70px;border-radius:8px}.sa-texto{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;text-align:left}.sa-texto strong{font-size:14px;color:#e0e0e0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-texto span{font-size:12.5px;color:#a0a2b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-elegidos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sa-elegido{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#8a9fff1a;border:1px solid rgba(138,159,255,.35)}.sa .sa-quitar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:0;padding:0;margin:0;border-radius:6px;border:none;background:transparent;color:#c5c5d2;cursor:pointer}.sa .sa-quitar:hover{background:#ff6b6b26;color:#ff8a8a}.sa .sa-cambiar,.sa .sa-agregar{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin:0;border-radius:6px;border:1px dashed rgba(138,159,255,.5);background:transparent;color:#a5b4ff;font-size:13px;cursor:pointer}.sa .sa-cambiar:hover,.sa .sa-agregar:hover{background:#8a9fff1a}.sa-buscador{position:relative;display:flex;align-items:center}.sa-lupa{position:absolute;left:12px;color:#8a8a9e;pointer-events:none}.sa-buscador input{width:100%;padding:10px 40px 10px 36px!important}.sa .sa-abrir{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:0;padding:0;margin:0;border:none;background:transparent;color:#8a8a9e;cursor:pointer}.sa-lista{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:340px;overflow-y:auto;list-style:none;margin:0;padding:6px;border-radius:10px;background:#1f1f3a;border:1px solid #2c2c44;box-shadow:0 16px 40px #00000080}.sa-opcion{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px;cursor:pointer}.sa-opcion.activo{background:#ffffff12}.sa-opcion.elegido .sa-texto strong{color:#a5b4ff}.sa-check{color:#8a9fff;flex-shrink:0}.sa-vacio{padding:12px;color:#a0a2b0;font-size:13px}.sa-manual{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid #2c2c44;background:#ffffff08}.sa-manual-titulo{font-weight:600;font-size:14px;color:#e0e0e0}.sa-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.sa-manual-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#c5c5d2}.sa-manual-ancho{grid-column:1 / -1}.sa-manual-foto{display:flex;align-items:center;gap:12px}.sa-foto-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);color:#e0e0e0;font-size:13px;cursor:pointer}.sa-foto-btn:hover{background:#ffffff0f}.sa-error{color:#ff8a8a;font-size:13px}.sa-manual-acciones{display:flex;justify-content:flex-end;gap:8px}.sa .sa-primario,.sa .sa-secundario{padding:7px 14px;margin:0;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.sa .sa-primario{border:none;background:#8a9fff;color:#0b0c10}.sa .sa-secundario{border:1px solid rgba(255,255,255,.2);background:transparent;color:#e0e0e0}@media (max-width: 480px){.sa-manual-grid{grid-template-columns:1fr}}.sa-aviso{font-size:13px;color:#a5b4ff;background:#8a9fff14;border-radius:8px;padding:6px 10px}.sa-foto-link{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:12px;color:#a5b4ff;cursor:pointer}.sa-parecidos{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#ffb23314;border:1px solid rgba(255,178,51,.3);font-size:13px;color:#ffcf7a}.sa .sa-parecido{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;margin:0;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;text-align:left}.sa .sa-parecido:hover{background:#ffffff12}.sa-usar{font-size:12px;font-weight:600;color:#a5b4ff;flex-shrink:0}.sa .sa-primario:disabled{opacity:.6;cursor:default}.sa-precio-ok{color:#7ee2a8!important;margin-top:8px;text-align:left!important;font-style:normal}.sa-precio-falta{color:#ffcf7a!important;margin-top:8px;text-align:left!important;font-style:normal}.public-form-container.con-fondo{background-color:transparent;position:relative;z-index:1}.con-fondo .public-form{position:relative;background-color:#1a1a2ef0;border-color:#8a9fff1c;border-radius:12px;box-shadow:inset 0 1px #a5b4ff12,0 40px 90px -30px #04040ed9,0 0 120px -40px #7289da1a}.con-fondo .public-form:before{content:"";position:absolute;top:-1px;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(165,180,255,.4),transparent)}.jd-fondo{--c:56px;--hy:1;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:linear-gradient(180deg,#05050b,#070710 55%,#05050a)}.jd-fondo i{position:absolute;display:block}.jd-au{position:absolute;inset:0;animation:jd-in 2.4s cubic-bezier(.2,.7,.2,1) backwards}.jd-au i{--k:116,138,250;--a:.12;will-change:transform;background:radial-gradient(closest-side,rgba(var(--k),var(--a)),rgba(var(--k),calc(var(--a)*.8)) 22%,rgba(var(--k),calc(var(--a)*.46)),rgba(var(--k),calc(var(--a)*.18)) 66%,rgba(var(--k),calc(var(--a)*.04)) 84%,rgba(var(--k),0));animation:jd-d1 28s steps(28) infinite}.jd-au .a1{left:-22%;top:-52%;width:86%;height:100%}.jd-au .a2{--k:104,72,236;--a:.13;right:-26%;top:-46%;width:80%;height:96%;animation-name:jd-d2;animation-duration:36s;animation-timing-function:steps(36)}.jd-au .a3{--k:70,196,240;--a:.06;left:24%;top:-30%;width:52%;height:58%;animation-name:jd-d3;animation-duration:22s;animation-timing-function:steps(22)}.jd-au .a4{--k:92,66,210;--a:.08;right:-18%;bottom:-50%;width:70%;height:95%;animation-name:jd-d2;animation-duration:40s;animation-timing-function:steps(40);animation-direction:reverse}.jd-au .a5{--k:128,156,255;--a:.05;left:-8%;top:4%;width:116%;height:30%;transform:rotate(-8deg);animation-name:jd-d5;animation-duration:30s;animation-timing-function:steps(30)}@keyframes jd-in{0%{opacity:0}}@keyframes jd-d5{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-4deg) translate3d(-3%,14%,0) scale(1.04,1.2)}}@keyframes jd-d1{50%{transform:translate3d(8%,7%,0) scale(1.06)}}@keyframes jd-d2{50%{transform:translate3d(-9%,6%,0) scale(1.05)}}@keyframes jd-d3{50%{transform:translate3d(-26%,10%,0) scale(1.14);opacity:.6}}.jd-grid{--l:rgba(165,180,255,.045);position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(165,180,255,.04) 1px,transparent 1px),linear-gradient(rgba(165,180,255,.04) 1px,transparent 1px),linear-gradient(90deg,var(--l) 1px,transparent 1px),linear-gradient(var(--l) 1px,transparent 1px);background-size:calc(4*var(--c)) calc(4*var(--c)),calc(4*var(--c)) calc(4*var(--c)),var(--c) var(--c),var(--c) var(--c);background-position:calc(50% + 2*var(--c)) 0,calc(50% + 2*var(--c)) 0,calc(50% + var(--c)/2) 0,calc(50% + var(--c)/2) 0;-webkit-mask-image:radial-gradient(ellipse 70% 88% at 50% 24%,#000 34%,transparent 100%);mask-image:radial-gradient(ellipse 70% 88% at 50% 24%,#000 34%,transparent 100%)}.jd-cel i{--sx:0;left:calc(50% + (var(--x) + var(--sx))*var(--c) + 1px);top:calc(var(--y)*var(--c) + 1px);width:calc(var(--c) - 1px);height:calc(var(--c) - 1px);background:linear-gradient(160deg,#8a9fff4d,#7289da0f);box-shadow:inset 0 0 0 1px #a5b4ff57;opacity:0;animation:jd-c 14s var(--d) cubic-bezier(.2,.6,.3,1) infinite}.jd-cel .h{top:calc(var(--hy)*var(--c) + 1px)}.jd-cel .c{background:linear-gradient(160deg,#60c8ff4d,#60c8ff0a);box-shadow:inset 0 0 0 1px #8cd7ff66}.jd-cel .s{animation:none;opacity:.12}@keyframes jd-c{1.5%{opacity:.5}13%,to{opacity:0}}.jd-x{width:11px;height:11px;margin:-5px 0 0 -5px;left:calc(50% + var(--x)*var(--c));top:calc(var(--y)*var(--c));opacity:.3;background:linear-gradient(#a5b4ff,#a5b4ff) center/1px 100% no-repeat,linear-gradient(#a5b4ff,#a5b4ff) center/100% 1px no-repeat}.jd-b{opacity:0;animation:jd-bv 14s var(--d) linear infinite}.jd-bv{top:0;left:calc(50% + var(--x)*var(--c));width:1px;height:180px;background:linear-gradient(transparent,#a5b4ff4d 65%,#dde3ff)}.jd-b:after{content:"";position:absolute;left:-4px;bottom:-4px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(165,180,255,.45) 40%,transparent 70%)}.jd-bh:after{inset:-4px -4px auto auto}.jd-bh{left:calc(50% - 220px);top:calc(var(--hy)*var(--c) + var(--c));width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(165,180,255,.3) 65%,#dde3ff);animation-name:jd-bh}@keyframes jd-bv{0%{transform:translate3d(0,-200px,0);opacity:0}2%,25%{opacity:.45}28.6%,to{transform:translate3d(0,1000px,0);opacity:0}}@keyframes jd-bh{0%{transform:translate3d(-760px,0,0);opacity:0}2%,25%{opacity:.45}28.6%,to{transform:translate3d(1000px,0,0);opacity:0}}@media (max-width:640px){.jd-fondo{--c:44px;--hy:2}.jd-au{opacity:.7}.jd-cel .l{--sx:1}.jd-cel .r{--sx:-1}.jd-bv.l{left:calc(50% - 3*var(--c))}.jd-bv.r{left:calc(50% + 3*var(--c))}.jd-au .a1{left:-60%;top:-26%;width:150%;height:62%}.jd-au .a2{right:-70%;top:-20%;width:140%;height:58%}.jd-au .a3{left:0;top:-14%;width:100%;height:36%}.jd-au .a4{right:-60%;bottom:-26%;width:150%;height:55%}.jd-au .a5{left:-30%;top:6%;width:160%;height:18%}.jd-grid{-webkit-mask-image:radial-gradient(ellipse 100% 48% at 50% 14%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 100% 48% at 50% 14%,#000 38%,transparent 100%)}}@media (prefers-reduced-motion:reduce){.jd-fondo *{animation:none!important}.jd-b{display:none}.jd-cel .k{opacity:.35}}.autotraders-inventario{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:.75rem;color:#e0e0e0}.header-title h1{margin:0;font-size:1.75rem;font-weight:600}.filters-container{display:flex;gap:1rem;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem;color:#a0a2b0}.filter-group label{font-weight:500;white-space:nowrap}.filter-select{padding:.5rem .75rem;border:1px solid #2c2c44;border-radius:6px;background-color:#1f1f3a;color:#e0e0e0;font-size:.875rem;min-width:120px}.filter-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.inventory-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background-color:#161625;border:1px solid #2c2c44;border-radius:6px;color:#a0a2b0;font-size:.875rem}.table-container{margin-bottom:2rem;overflow-x:auto;background-color:#1f1f3a;border:1px solid #2c2c44;border-radius:8px;box-shadow:0 4px 12px #0003}.inventory-table{width:100%;border-collapse:collapse;min-width:1200px}.inventory-table th,.inventory-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #2c2c44;color:#e0e0e0}.inventory-table th{background-color:#161625;font-weight:600;color:#a0a2b0;position:sticky;top:0;z-index:1}.inventory-table tbody tr:last-child td{border-bottom:none}.inventory-table tbody tr:hover{background-color:#2c2c44}.plate-cell{font-family:Courier New,monospace;font-size:.875rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){width:60px;text-align:center}.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){width:100px}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:80px}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:120px}.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:70px;text-align:center}.inventory-table th:nth-child(6),.inventory-table td:nth-child(6){width:120px;text-align:right}.inventory-table th:nth-child(7),.inventory-table td:nth-child(7){width:100px;text-align:right}.inventory-table th:nth-child(8),.inventory-table td:nth-child(8){width:100px}.inventory-table th:nth-child(9),.inventory-table td:nth-child(9){width:80px}.inventory-table th:nth-child(10),.inventory-table td:nth-child(10){width:150px}.inventory-table th:nth-child(11),.inventory-table td:nth-child(11){width:100px;text-align:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.available{background-color:#2dd36f33;color:#2dd36f;border:1px solid #2dd36f}.status-badge.sold{background-color:#e94e7733;color:#e94e77;border:1px solid #e94e77}.pagination-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid #4a90e2;background-color:transparent;color:#4a90e2;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:#4a90e2;color:#fff}.pagination-btn:disabled{border-color:#555;color:#555;cursor:not-allowed}.pagination-btn:disabled:hover{background-color:transparent;color:#555}.pagination-info{color:#a0a2b0;font-weight:500;padding:0 1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#a0a2b0}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#e0e0e0;font-size:1.25rem}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{background-color:#1f1f3a;color:#e0e0e0;padding:1rem 2rem;border-radius:8px;border:1px solid #2c2c44;font-weight:500}.error-message{background-color:#e94e771a;color:#e94e77;border:1px solid #e94e77;padding:1rem;border-radius:6px;margin-bottom:1.5rem;text-align:center}@media (max-width: 768px){.autotraders-inventario{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.filters-container{justify-content:center}.inventory-stats{flex-direction:column;gap:.5rem;text-align:center}.pagination-container{flex-wrap:wrap}.pagination-btn{flex:1;min-width:120px;justify-content:center}}.admin-dashboard{padding:24px;max-width:1600px;margin:0 auto;background-color:#0f0f1e;min-height:100vh;color:#c2c2d6}.admin-dashboard-error{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#ff5252;background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;margin:2rem;padding:2rem}.admin-dashboard-loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#8a8a9e}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{color:#e0e0e0;font-size:2rem;font-weight:600;margin:0}.dashboard-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem;align-items:center;color:#8a8a9e}.filter-select{padding:8px 12px;border:1px solid #2c2c44;border-radius:6px;background-color:#1a1a2e;font-size:.875rem;color:#c2c2d6;cursor:pointer;transition:border-color .2s,background-color .2s}.filter-select:focus{outline:none;border-color:#4a90e2;background-color:#161625}.export-btn{display:flex;align-items:center;gap:.5rem;padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s;font-weight:500}.export-btn:hover{background-color:#357abd}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:2rem}.kpi-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.kpi-icon{width:48px;height:48px;border-radius:8px;background-color:#2c2c44;display:flex;align-items:center;justify-content:center;color:#4a90e2;flex-shrink:0}.kpi-content h3{margin:0 0 .5rem;font-size:.85rem;color:#8a8a9e;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.25rem;line-height:1}.kpi-subtitle{font-size:.75rem;color:#8a8a9e}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:2rem}.chart-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.chart-card h3{margin:0 0 1rem;font-size:1.125rem;color:#e0e0e0;font-weight:600}.tables-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:2rem}.table-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.table-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.table-card.full-width{grid-column:1 / -1}.table-card h3{margin:0 0 1rem;font-size:1.125rem;color:#e0e0e0;font-weight:600}.table-container{overflow-x:auto;border-radius:5px;border:1px solid #2c2c44}.analytics-table{width:100%;border-collapse:collapse;font-size:.875rem}.analytics-table th{background-color:#1f1f3a;padding:12px;text-align:left;font-weight:500;color:#a0a0a0;border-bottom:1px solid #2c2c44;white-space:nowrap;font-size:.85rem}.analytics-table td{padding:12px;border-bottom:1px solid #2c2c44;color:#c2c2d6}.analytics-table tbody tr:hover{background-color:#2c2c44}.analytics-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.status-pendientes{background-color:#5462ff26;color:#8a9fff}.status-en-aprobación{background-color:#ffb23326;color:#ffc966}.status-aprobado{background-color:#2ecc7126;color:#59dca3}.status-publicado{background-color:#8e44ad26;color:#ab6de2}.pending-completion{color:#8a8a9e;font-style:italic}.completion-time{color:#59dca3;font-weight:500}.working-time{color:#4a90e2;font-weight:500}@media (max-width: 768px){.admin-dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header h1{font-size:1.5rem}.dashboard-controls{width:100%;justify-content:flex-start}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.charts-grid,.tables-section{grid-template-columns:1fr}.kpi-card{padding:12px;flex-direction:column;text-align:center;gap:8px}.kpi-value{font-size:1.5rem}.analytics-table{font-size:.75rem}.analytics-table th,.analytics-table td{padding:8px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.filter-group{flex-direction:column;align-items:stretch;width:100%;gap:8px}.filter-select,.export-btn{width:100%;justify-content:center}}.working-hours-manager{padding:24px;max-width:1200px;margin:0 auto;background-color:#0f0f1e;min-height:100vh;color:#c2c2d6}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-content{display:flex;align-items:center;gap:12px}.header-content h1{margin:0;color:#e0e0e0;font-size:1.5rem;font-weight:600}.page-description{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:16px;margin-bottom:24px}.page-description p{margin:0;color:#8a8a9e;line-height:1.5}.btn-primary{display:flex;align-items:center;gap:8px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#357abd}.btn-primary:disabled{background-color:#2c2c44;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;background-color:#2c2c44;color:#c2c2d6;border:1px solid #3c3c54;border-radius:6px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#3c3c54}.btn-remove{background-color:#ff5252;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-remove:hover{background-color:#d32f2f}.form-card,.history-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:24px;margin-bottom:24px}.form-card h3,.history-card h3{margin:0 0 20px;color:#e0e0e0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:8px}.form-section{margin-bottom:24px}.form-section h4{margin:0 0 16px;color:#c2c2d6;font-size:1rem;font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#c2c2d6;font-size:.875rem;font-weight:500}.form-input,.time-input{background-color:#161625;border:1px solid #2c2c44;border-radius:4px;padding:10px 12px;color:#e0e0e0;font-size:.875rem}.form-input:focus,.time-input:focus{outline:none;border-color:#4a90e2}.form-group small{color:#8a8a9e;font-size:.75rem}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.day-schedule{background-color:#161625;border:1px solid #2c2c44;border-radius:6px;padding:16px}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.day-name{color:#e0e0e0;font-weight:500;font-size:.875rem}.checkbox-container{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.75rem;color:#8a8a9e}.checkbox-container input[type=checkbox]{margin:0}.time-inputs{display:flex;gap:12px}.time-group{flex:1;display:flex;flex-direction:column;gap:4px}.time-group label{color:#8a8a9e;font-size:.75rem}.holidays-section{display:flex;flex-direction:column;gap:12px}.add-holiday{display:flex;gap:12px;align-items:end}.add-holiday .form-input{flex:1;max-width:200px}.holidays-list{display:flex;flex-wrap:wrap;gap:8px}.holiday-item{display:flex;align-items:center;gap:8px;background-color:#161625;border:1px solid #2c2c44;border-radius:4px;padding:6px 10px;font-size:.875rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #2c2c44}.loading,.empty-state{text-align:center;color:#8a8a9e;padding:40px}.configurations-list{display:flex;flex-direction:column;gap:16px}.config-item{background-color:#161625;border:1px solid #2c2c44;border-radius:6px;padding:16px;transition:border-color .2s}.config-item.current{border-color:#4a90e2;background-color:#4a90e20d}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.config-info h4{margin:0 0 6px;color:#e0e0e0;font-size:1rem}.config-meta{display:flex;align-items:center;gap:12px}.effective-date{display:flex;align-items:center;gap:4px;color:#8a8a9e;font-size:.75rem}.current-badge{background-color:#4a90e2;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.config-schedule{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.schedule-day{display:flex;flex-direction:column;gap:2px;background-color:#0f0f1e;border:1px solid #2c2c44;border-radius:4px;padding:8px 10px;min-width:80px}.schedule-day .day{color:#c2c2d6;font-size:.75rem;font-weight:500}.schedule-day .time{color:#8a8a9e;font-size:.7rem}.config-holidays{color:#8a8a9e;font-size:.875rem;margin-top:8px}.config-holidays strong{color:#c2c2d6}.access-denied{text-align:center;padding:60px 20px}.access-denied h2{color:#ff5252;margin-bottom:16px}.access-denied p{color:#8a8a9e}@media (max-width: 768px){.working-hours-manager{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.form-grid,.schedule-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.config-header{flex-direction:column;gap:8px}.config-schedule{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.pdf-preview-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.pdf-preview-container{background:#2a2a2a;border-radius:12px;width:100%;max-width:1200px;height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #444}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #444;background:#333}.pdf-preview-title h3{margin:0;color:#8a9fff;font-size:18px;font-weight:600}.pdf-preview-client{color:#c5c5d2;font-size:14px;margin-top:4px}.pdf-preview-controls{display:flex;align-items:center;gap:12px}.pdf-control-btn{background:transparent;border:1px solid #555;color:#c5c5d2;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pdf-control-btn:hover{background:#8a9fff1a;border-color:#8a9fff;color:#8a9fff}.zoom-level{color:#c5c5d2;font-size:12px;min-width:40px;text-align:center}.pdf-divider{width:1px;height:24px;background:#555}.pdf-download-btn{background:#8a9fff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease}.pdf-download-btn:hover{background:#7a8fff;transform:translateY(-1px)}.pdf-close-btn{background:transparent;border:1px solid #ff6b6b;color:#ff6b6b;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pdf-close-btn:hover{background:#ff6b6b1a}.pdf-preview-content{flex:1;overflow:auto;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.pdf-viewer{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.pdf-page{box-shadow:0 4px 20px #0000004d;border-radius:4px;overflow:hidden}.pdf-loading,.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#c5c5d2;padding:40px}.pdf-spinner,.page-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #8a9fff;border-radius:50%;animation:spin 1s linear infinite}.page-spinner{width:24px;height:24px;border-width:2px}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ff6b6b;padding:40px}.retry-btn{background:#8a9fff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.retry-btn:hover{background:#7a8fff}.pdf-preview-footer{padding:16px 24px;border-top:1px solid #444;background:#333}.page-navigation{display:flex;align-items:center;justify-content:center;gap:20px}.nav-btn{background:transparent;border:1px solid #555;color:#c5c5d2;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#8a9fff1a;border-color:#8a9fff;color:#8a9fff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#c5c5d2;font-size:14px;min-width:120px;text-align:center}.pdf-iframe-container{width:100%;height:100%;padding:20px;box-sizing:border-box}.preview-info{display:flex;align-items:center;justify-content:center;color:#8a8a9e;font-size:12px;text-align:center}@media (max-width: 768px){.pdf-preview-overlay{padding:10px}.pdf-preview-container{height:95vh}.pdf-preview-header{flex-direction:column;gap:16px;align-items:stretch}.pdf-preview-controls{justify-content:center;flex-wrap:wrap}.pdf-viewer,.pdf-iframe-container{padding:10px}.page-navigation{flex-direction:column;gap:12px}}.cotizaciones-container{padding:24px;max-width:1400px;margin:0 auto;background:#1a1a1a;min-height:100vh;color:#e0e0e0}.cotizaciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #333}.cotizaciones-header h1{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:600;color:#8a9fff}.btn-primary-cot{background:#8a9fff;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary-cot:hover{background:#7a8fff;transform:translateY(-1px)}.btn-primary-cot:disabled{background:#6c757d;cursor:not-allowed;transform:none}.btn-secondary-cot{background:transparent;color:#8a9fff;border:1px solid #8a9fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary-cot:hover{background:#8a9fff1a;border-color:#a5b4ff}.btn-icon-cot{background:transparent;border:none;color:#8a9fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon-cot:hover{background:#8a9fff1a;color:#a5b4ff}.btn-icon-cot.btn-danger-cot{color:#ff6b6b}.btn-icon-cot.btn-danger-cot:hover{background:#ff6b6b1a;color:#ff5252}.btn-danger-small-cot{background:transparent;border:none;color:#ff6b6b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-danger-small-cot:hover{background:#ff6b6b1a;color:#ff5252}.btn-danger-small-cot:disabled{opacity:.5;cursor:not-allowed}.modal-overlay-cot{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cotizacion-form{background:#2a2a2a;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border:1px solid #444}.form-header-cot{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #444}.form-header-cot h2{margin:0;color:#8a9fff;font-size:24px;font-weight:600}.close-btn-cot{background:none;border:none;color:#8a8a9e;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn-cot:hover{background:#ffffff1a;color:#e0e0e0}.cotizacion-form form{padding:24px}.form-grid-cot{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.form-group-cot{display:flex;flex-direction:column;gap:8px}.form-group-cot.full-width-cot{grid-column:1 / -1}.form-group-cot label{font-size:14px;font-weight:500;color:#c5c5d2}.form-group-cot input,.form-group-cot select,.form-group-cot textarea{background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:12px;color:#e0e0e0;font-size:14px;transition:border-color .2s ease}.form-group-cot input:focus,.form-group-cot select:focus,.form-group-cot textarea:focus{outline:none;border-color:#8a9fff}.form-group-cot input[readonly]{background:#333;color:#8a8a9e}.items-section-cot{margin-bottom:32px}.items-header-cot{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.items-header-cot h3{margin:0;color:#8a9fff;font-size:18px;font-weight:600}.items-table-cot{border:1px solid #444;border-radius:8px;overflow:hidden}.items-header-row-cot{display:grid;grid-template-columns:2fr 100px 150px 120px 80px;gap:16px;padding:12px 16px;background:#333;font-weight:600;font-size:14px;color:#c5c5d2}.item-row-cot{display:grid;grid-template-columns:2fr 100px 150px 120px 80px;gap:16px;padding:12px 16px;border-top:1px solid #444;align-items:center}.item-row-cot input{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:8px;color:#e0e0e0;font-size:14px}.item-row-cot input:focus{outline:none;border-color:#8a9fff}.total-cell-cot{font-weight:600;color:#8a9fff;text-align:right}.totals-section-cot{margin-top:16px;padding:16px;background:#333;border-radius:8px;max-width:300px;margin-left:auto}.totals-row-cot{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.totals-row-cot.total-final-cot{border-top:1px solid #444;margin-top:8px;padding-top:12px;font-weight:600;font-size:16px;color:#8a9fff}.form-actions-cot{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #444}.cotizaciones-list{margin-top:32px}.empty-state-cot{text-align:center;padding:80px 20px;color:#8a8a9e}.empty-state-cot svg{margin-bottom:16px;opacity:.5}.empty-state-cot h3{margin:0 0 8px;font-size:20px;color:#c5c5d2}.empty-state-cot p{margin:0;font-size:14px}.cotizaciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.cotizacion-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;transition:all .2s ease}.cotizacion-card:hover{border-color:#8a9fff;transform:translateY(-2px)}.card-header-cot{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444;background:#333}.card-header-cot h3{margin:0;font-size:18px;font-weight:600;color:#8a9fff}.card-actions-cot{display:flex;gap:8px}.card-content-cot{padding:20px}.info-row-cot{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.info-row-cot .label-cot{font-weight:500;color:#8a8a9e}.info-row-cot.total-row-cot{border-top:1px solid #444;margin-top:12px;padding-top:12px;font-weight:600}.total-amount-cot{color:#8a9fff;font-size:16px;font-weight:600}.servicios-section{margin-bottom:32px;padding:20px;background:#333;border-radius:8px;border:1px solid #444}.servicios-section h3{margin:0 0 8px;color:#8a9fff;font-size:18px;font-weight:600}.servicios-description{margin:0 0 24px;color:#c5c5d2;font-size:14px;line-height:1.4}.categoria-group{margin-bottom:24px}.categoria-title{margin:0 0 12px;color:#8a9fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.servicios-grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.servicio-checkbox{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.servicio-checkbox:hover{border-color:#8a9fff;background:#2d2d2d}.servicio-checkbox.selected{border-color:#8a9fff;background:#8a9fff1a}.checkbox-container{display:flex;gap:12px;align-items:flex-start}.checkbox-container input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:#8a9fff;cursor:pointer}.servicio-info{flex:1}.servicio-info h5{margin:0 0 6px;color:#e0e0e0;font-size:14px;font-weight:600}.servicio-info p{margin:0 0 8px;color:#c5c5d2;font-size:12px;line-height:1.4}.paginas-count{font-size:11px;color:#8a9fff;background:#8a9fff1a;padding:2px 6px;border-radius:10px;display:inline-block}.no-servicios{text-align:center;padding:40px 20px;color:#8a8a9e}.no-servicios a{color:#8a9fff;text-decoration:none}.no-servicios a:hover{text-decoration:underline}.servicios-seleccionados-summary{margin-top:20px;padding:16px;background:#8a9fff1a;border-radius:8px;border:1px solid rgba(138,159,255,.2)}.servicios-seleccionados-summary h4{margin:0 0 12px;color:#8a9fff;font-size:14px;font-weight:600}.selected-services{display:flex;flex-wrap:wrap;gap:8px}.selected-service-tag{display:inline-flex;align-items:center;gap:6px;background:#8a9fff;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.remove-service{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-service:hover{background:#fff3}@media (max-width: 768px){.cotizaciones-container{padding:16px}.cotizaciones-header{flex-direction:column;gap:16px;align-items:stretch}.form-grid-cot,.servicios-grid-form{grid-template-columns:1fr}.items-header-row-cot,.item-row-cot{grid-template-columns:1fr;gap:8px}.items-header-row-cot{display:none}.item-row-cot{flex-direction:column;align-items:stretch}.cotizaciones-grid{grid-template-columns:1fr}.modal-overlay-cot{padding:10px}.cotizacion-form{max-height:95vh}.form-actions-cot{flex-direction:column}.selected-services{justify-content:center}}.file-uploader{width:100%}.upload-zone{position:relative;border:2px dashed #444;border-radius:8px;padding:24px;text-align:center;background:#1a1a1a;transition:all .2s ease;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-zone:hover{border-color:#8a9fff;background:#222}.upload-zone.drag-over{border-color:#8a9fff;background:#8a9fff1a;transform:scale(1.02)}.upload-zone.uploading{border-color:#8a9fff;background:#8a9fff0d;cursor:not-allowed}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input:disabled{cursor:not-allowed}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#c5c5d2;pointer-events:none}.upload-content svg{color:#8a9fff}.upload-content p{margin:0;font-size:14px;font-weight:500}.upload-hint{font-size:12px;color:#8a8a9e}.spinner{animation:spin 1s linear infinite}.file-preview{border:1px solid #444;border-radius:8px;background:#2a2a2a;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#333;border-bottom:1px solid #444}.preview-label{font-size:12px;font-weight:500;color:#8a9fff}.clear-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:#ff6b6b1a;color:#ff5252}.preview-content{padding:16px}.image-preview{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain;background:#f8f9fa}.file-icon-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#c5c5d2}.file-icon-preview svg{color:#8a9fff}.file-icon-preview span{font-size:14px}.upload-error{margin-top:8px;padding:8px 12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:4px;font-size:12px;color:#ff6b6b}@media (max-width: 768px){.upload-zone{padding:16px;min-height:100px}.upload-content p{font-size:12px}.upload-hint{font-size:10px}.image-preview{max-height:150px}}.servicios-manager-container{padding:24px;max-width:1400px;margin:0 auto;background:#1a1a1a;min-height:100vh;color:#e0e0e0}.servicios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #333}.servicios-header h1{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:600;color:#8a9fff}.btn-primary-serv{background:#8a9fff;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary-serv:hover{background:#7a8fff;transform:translateY(-1px)}.btn-primary-serv:disabled{background:#6c757d;cursor:not-allowed;transform:none}.btn-secondary-serv{background:transparent;color:#8a9fff;border:1px solid #8a9fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary-serv:hover{background:#8a9fff1a;border-color:#a5b4ff}.btn-icon-serv{background:transparent;border:none;color:#8a9fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon-serv:hover{background:#8a9fff1a;color:#a5b4ff}.btn-icon-serv.btn-danger-serv{color:#ff6b6b}.btn-icon-serv.btn-danger-serv:hover{background:#ff6b6b1a;color:#ff5252}.modal-overlay-serv{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.servicio-form{background:#2a2a2a;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;border:1px solid #444}.form-header-serv{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #444}.form-header-serv h2{margin:0;color:#8a9fff;font-size:24px;font-weight:600}.close-btn-serv{background:none;border:none;color:#8a8a9e;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn-serv:hover{background:#ffffff1a;color:#e0e0e0}.servicio-form form{padding:24px}.form-grid-serv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.form-group-serv{display:flex;flex-direction:column;gap:8px}.form-group-serv.full-width-serv{grid-column:1 / -1}.form-group-serv label{font-size:14px;font-weight:500;color:#c5c5d2;display:flex;align-items:center;gap:8px}.form-group-serv input,.form-group-serv select,.form-group-serv textarea{background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:12px;color:#e0e0e0;font-size:14px;transition:border-color .2s ease}.form-group-serv input:focus,.form-group-serv select:focus,.form-group-serv textarea:focus{outline:none;border-color:#8a9fff}.code-textarea{font-family:Courier New,monospace;font-size:12px;line-height:1.4;background:#0d1117!important;border:1px solid #30363d!important;color:#c9d1d9!important}.contenido-section{margin-bottom:32px}.contenido-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contenido-header h3{margin:0;color:#8a9fff;font-size:18px;font-weight:600}.contenido-item{background:#333;border-radius:8px;margin-bottom:20px;overflow:hidden}.contenido-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#3a3a3a;border-bottom:1px solid #444}.contenido-item-header h4{margin:0;color:#c5c5d2;font-size:16px}.contenido-actions{display:flex;gap:8px}.contenido-form{padding:20px}.form-row{display:grid;grid-template-columns:2fr 1fr 100px;gap:16px;margin-bottom:16px}.preview-modal{background:#2a2a2a;border-radius:12px;width:100%;max-width:800px;max-height:80vh;overflow:hidden;border:1px solid #444}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444;background:#333}.preview-header h3{margin:0;color:#8a9fff;font-size:18px}.preview-content{padding:20px;background:#fff;color:#000;overflow-y:auto;max-height:60vh}.form-actions-serv{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #444}.servicios-list{margin-top:32px}.empty-state-serv{text-align:center;padding:80px 20px;color:#8a8a9e}.empty-state-serv svg{margin-bottom:16px;opacity:.5}.empty-state-serv h3{margin:0 0 8px;font-size:20px;color:#c5c5d2}.empty-state-serv p{margin:0;font-size:14px}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.servicio-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;transition:all .2s ease}.servicio-card:hover{border-color:#8a9fff;transform:translateY(-2px)}.card-header-serv{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #444;background:#333}.servicio-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#8a9fff}.categoria-badge{font-size:12px;padding:4px 8px;border-radius:12px;text-transform:capitalize;font-weight:500}.categoria-badge.marketing{background:#ff6b6b33;color:#ff6b6b}.categoria-badge.desarrollo-web{background:#8a9fff33;color:#8a9fff}.categoria-badge.diseño-grafico{background:#ffc10733;color:#ffc107}.categoria-badge.consultoria{background:#28a74533;color:#28a745}.categoria-badge.social-media{background:#dc354533;color:#dc3545}.categoria-badge.seo{background:#17a2b833;color:#17a2b8}.categoria-badge.publicidad{background:#6c757d33;color:#6c757d}.categoria-badge.otros{background:#6f42c133;color:#6f42c1}.card-actions-serv{display:flex;gap:8px}.card-content-serv{padding:20px}.card-content-serv p{margin:0 0 16px;color:#c5c5d2;line-height:1.5}.servicio-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.status{padding:4px 8px;border-radius:12px;font-weight:500}.status.activo{background:#28a74533;color:#28a745}.status.inactivo{background:#6c757d33;color:#6c757d}.paginas-count{color:#8a8a9e}.componentes-section{margin-top:20px;padding:16px;background:#2a2a2a;border-radius:6px;border:1px solid #444}.componentes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.componentes-header h5{margin:0;color:#8a9fff;font-size:14px;font-weight:600}.componente-item{background:#1a1a1a;border:1px solid #333;border-radius:6px;margin-bottom:12px;overflow:hidden}.componente-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#333;border-bottom:1px solid #444}.componente-type-select{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:6px 10px;color:#e0e0e0;font-size:12px;font-weight:500}.componente-type-select:focus{outline:none;border-color:#8a9fff}.componente-content{padding:16px}.componente-content .form-group-serv{margin-bottom:12px}.componente-content .form-group-serv:last-child{margin-bottom:0}.no-componentes{text-align:center;padding:20px;color:#8a8a9e;font-style:italic}.no-componentes p{margin:0;font-size:14px}@media (max-width: 768px){.servicios-manager-container{padding:16px}.servicios-header{flex-direction:column;gap:16px;align-items:stretch}.form-grid-serv,.form-row{grid-template-columns:1fr}.componentes-header{flex-direction:column;gap:12px;align-items:stretch}.componente-header{flex-direction:column;gap:8px;align-items:stretch}.componente-type-select{width:100%}.servicios-grid{grid-template-columns:1fr}.modal-overlay-serv{padding:10px}.servicio-form{max-height:95vh}.form-actions-serv{flex-direction:column}.card-header-serv{flex-direction:column;gap:12px;align-items:stretch}.servicio-meta{flex-direction:column;gap:8px;align-items:flex-start}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.domain-hosting-modal{background:var(--background-primary);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border);position:relative;z-index:1001}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--background-secondary);border-radius:12px 12px 0 0}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:var(--background-tertiary);color:var(--text-primary)}.expiration-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;margin:0;font-weight:500}.expiration-alert.warning{background:#f59e0b1a;color:#d97706;border-bottom:1px solid rgba(245,158,11,.2)}.expiration-alert.urgent{background:#ef44441a;color:#dc2626;border-bottom:1px solid rgba(239,68,68,.2);animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.8}}.modal-form{padding:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input.readonly-field{background:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border)}.modal-actions{border-top:1px solid var(--border);padding-top:1.5rem}.action-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.primary-actions{display:flex;gap:1rem}.renew-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.renew-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.renew-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{padding:.75rem 1.5rem;background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--background-tertiary);color:var(--text-primary);border-color:var(--text-tertiary)}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-overlay{padding:.5rem}.domain-hosting-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem}.expiration-alert{padding:.75rem 1.5rem}.modal-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column;align-items:stretch}.primary-actions{order:1}.renew-btn{order:2;justify-content:center}.primary-actions{flex-direction:column}}.domain-hosting-manager{padding:2rem;max-width:1400px;margin:0 auto}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.access-denied svg{color:var(--danger);margin-bottom:1rem}.page-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-content h1{margin:0;color:var(--text-primary);font-size:2rem;font-weight:600}.add-service-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.add-service-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.tabs-container{margin-bottom:2rem}.tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border);padding-bottom:0}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px 8px 0 0}.tab:hover{background:var(--background-secondary);color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--background-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-icon{margin-bottom:1rem;color:var(--text-tertiary)}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.add-first-service-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem}.add-first-service-btn:hover{background:var(--primary-dark)}.service-card{background:var(--background-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-light)}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-type{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.type-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.red{background:#ef44441a;color:#dc2626;animation:pulse-red 2s infinite}.status-badge.orange{background:#f973161a;color:#ea580c;animation:pulse-orange 2s infinite}.status-badge.yellow{background:#f59e0b1a;color:#d97706}.status-badge.green{background:#22c55e1a;color:#16a34a}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.8}}.service-content{margin-bottom:1.5rem}.service-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.client-name{margin:0 0 .5rem;color:var(--text-secondary);font-weight:500}.provider{margin:0 0 .75rem;color:var(--text-tertiary);font-size:.875rem}.billing-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem;background:var(--background-tertiary);border-radius:6px;font-size:.8125rem}.billing-cycle{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.contract-date{color:var(--text-secondary);font-weight:500}.expiration-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.cost-info{color:var(--text-secondary);font-weight:500;font-size:.875rem}.service-actions{display:flex;justify-content:flex-end}.edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.domain-hosting-manager{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.5rem;text-align:center}.services-grid{grid-template-columns:1fr;gap:1rem}.tabs{flex-wrap:wrap}.tab{flex:1;min-width:120px;justify-content:center;padding:.5rem .75rem}.service-card{padding:1rem}.service-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.video-status-modal-overlay{position:fixed;inset:0;background-color:transparent;z-index:2000}.video-status-modal-content{position:absolute;background-color:#1f1f3a;border:1px solid #2c2c44;border-radius:5px;box-shadow:0 4px 12px #0003;width:150px;padding:5px}.video-status-modal-content ul{list-style:none;padding:0;margin:0}.video-status-modal-content li{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:3px;transition:background-color .2s;color:#c5c5d2;font-size:.9rem}.video-status-modal-content li:hover{background-color:#3a3a5e}.video-status-modal-content li.active{background-color:#007bff;color:#fff}.video-task-manager{padding:0}.task-group{margin-bottom:30px}.task-group-header{display:flex;align-items:center;padding:10px 0;margin-bottom:10px;color:#c5c5d2;border-left:5px solid #ffc966}.task-group-header h3{margin:0 0 0 10px;font-size:1.1rem;flex-grow:1;font-weight:600;color:#ffc966}.task-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 15px}.task-title{display:flex;align-items:center;gap:12px}.task-title svg{color:var(--primary)}.task-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.task-controls{display:flex;align-items:center;gap:16px}.filters{display:flex;align-items:center;gap:12px}.filter-group,.search-group{display:flex;align-items:center;gap:8px}.filter-group svg,.search-group svg{color:var(--text-secondary)}.filter-select,.search-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background-tertiary);color:var(--text-primary);font-family:inherit;font-size:.875rem}.search-input{min-width:200px}.add-task-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-task-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.add-task-form{background:var(--background-tertiary);border:2px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--background-secondary);border-bottom:1px solid var(--border)}.form-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.close-form-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-form-btn:hover{background:var(--background-tertiary);color:var(--text-primary)}.form-content{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;padding:16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{margin-bottom:8px;font-weight:500;color:#fff;font-size:.875rem}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.cancel-btn,.save-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border)}.cancel-btn:hover{background:var(--background-tertiary);color:var(--text-primary)}.save-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff}.save-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.tasks-table-container{background:var(--background-primary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.task-grid{width:100%;min-width:1000px}.grid-row{display:grid;grid-template-columns:3fr 1fr 1.5fr 1.5fr 1fr 100px;align-items:center;border-bottom:1px solid var(--border)}.task-header-row{background:var(--background-secondary);font-weight:600;color:var(--text-primary)}.task-header-row .grid-cell{padding:16px 12px;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.task-row{transition:all .2s ease}.task-row:hover{background:var(--background-secondary)}.task-row.editing{background:var(--background-tertiary)}.grid-cell{padding:16px 12px;border-right:1px solid var(--border)}.title-cell{color:var(--text-primary)}.title-cell strong{display:block;margin-bottom:4px}.task-notes{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.type-cell{display:flex;justify-content:center}.type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--background-tertiary);border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border)}.type-badge svg{color:var(--primary)}.client-cell{color:var(--text-secondary);font-weight:500}.status-cell{display:flex;justify-content:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.1rem .7rem .18rem;font-size:.75rem;font-weight:500;line-height:1.4;position:relative;white-space:nowrap;vertical-align:middle;min-width:100px}.status-badge.clickable{cursor:pointer;transition:all .2s ease}.status-badge.clickable:hover{transform:scale(1.05);box-shadow:0 2px 4px #0003}.date-cell{color:var(--text-secondary)}.date-info{display:flex;align-items:center;gap:6px;font-size:.875rem}.date-info svg{color:var(--text-tertiary)}.actions-cell{display:flex;gap:8px;justify-content:center}.edit-action-btn,.save-action-btn,.cancel-action-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.edit-action-btn{background:var(--background-tertiary);color:var(--text-secondary)}.edit-action-btn:hover,.save-action-btn{background:var(--primary);color:#fff}.save-action-btn:hover{background:var(--primary-dark)}.cancel-action-btn{background:var(--background-secondary);color:var(--text-secondary)}.cancel-action-btn:hover{background:#dc2626;color:#fff}.task-edit-input,.type-edit-select,.client-edit-input,.status-edit-select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);font-size:.875rem}.type-edit-select,.status-edit-select{cursor:pointer}.client-edit-input{min-width:120px}.status-edit-select{padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--background-primary);color:var(--text-primary);font-family:inherit;font-size:.8125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);grid-column:1 / -1}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0;font-size:.875rem}@media (max-width: 768px){.task-header{flex-direction:column;align-items:flex-start;gap:16px}.task-controls{width:100%;flex-direction:column;align-items:stretch;gap:12px}.filters{flex-wrap:wrap}.search-input{min-width:auto;flex:1}.form-row{grid-template-columns:1fr}.grid-row{grid-template-columns:1fr;gap:8px;padding:16px}.task-header-row{display:none}.grid-cell{border-right:none;border-bottom:1px solid var(--border);padding:8px 0}.grid-cell:last-child{border-bottom:none}.type-cell,.status-cell{justify-content:flex-start}}.video-calendar{padding:0}.calendar-group{margin-bottom:30px}.calendar-group-header{display:flex;align-items:center;padding:10px 0 10px 15px;margin-bottom:10px;color:#c5c5d2;border-left:5px solid #59dca3;gap:10px}.calendar-group-header h3{margin:0;font-size:1.1rem;flex-grow:1;font-weight:600;color:#59dca3}.calendar-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;padding:0 15px}.calendar-title{display:flex;align-items:center;gap:12px}.calendar-title svg{color:var(--primary)}.calendar-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.calendar-navigation{display:flex;align-items:center;gap:16px}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.current-month{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;min-width:200px;text-align:center}.calendar-content{display:grid;grid-template-columns:1fr 300px;gap:24px}.calendar-grid{background:var(--background-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--background-tertiary);border-bottom:1px solid var(--border)}.weekday{padding:16px 8px;text-align:center;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-day{min-height:120px;padding:8px;border:1px solid white;border-radius:8px;margin:2px;cursor:pointer;transition:all .2s ease;position:relative;background:var(--background-primary)}.calendar-day:hover{background:var(--background-tertiary);transform:scale(1.02)}.calendar-day.drag-over{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));border-color:var(--primary);transform:scale(1.05)}.calendar-day.other-month{background:var(--background-primary);opacity:.2}.calendar-day.today{background:#242456;border:1px solid #5858d5}.calendar-day.today .day-number{background:var(--primary);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600}.day-number{font-weight:500;color:var(--text-primary);margin-bottom:8px}.day-tasks{display:flex;flex-direction:column}.task-indicator{display:flex;align-items:center;gap:6px;padding:4px 6px;margin:1px 0;border-radius:3px;font-size:.7rem;cursor:pointer;transition:opacity .2s;min-height:18px;overflow:hidden}.task-indicator:hover{opacity:.8}.task-indicator.dragging{opacity:.5;transform:rotate(3deg)}.task-content{display:flex;align-items:center;gap:6px;flex:1}.task-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.task-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.1rem .4rem .15rem;font-size:.6rem;font-weight:500;line-height:1.2;white-space:nowrap;min-width:50px;margin-left:auto}.task-indicator svg{flex-shrink:0}.status-legend{background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px}.status-legend h4{margin:0 0 12px;color:var(--text-primary);font-size:.9rem;font-weight:600}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.1rem .6rem .15rem;font-size:.75rem;font-weight:500;line-height:1.2;white-space:nowrap;gap:4px}.legend-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.video-status-en-guion{color:#8a9fff;background-color:#8a9fff1a;border:1.5px solid rgba(138,159,255,.4)}.video-status-guion-aprobado{color:#59dca3;background-color:#59dca31a;border:1.5px solid rgba(89,220,163,.4)}.video-status-por-grabar{color:#ffc966;background-color:#ffc9661a;border:1.5px solid rgba(255,201,102,.4)}.video-status-grabado{color:#ab6de2;background-color:#ab6de21a;border:1.5px solid rgba(171,109,226,.4)}.video-status-subido{color:#ff6b9d;background-color:#ff6b9d1a;border:1.5px solid rgba(255,107,157,.4)}.video-status-editado{color:#4ecdc4;background-color:#4ecdc41a;border:1.5px solid rgba(78,205,196,.4)}.video-status-programado{color:#45b7d1;background-color:#45b7d11a;border:1.5px solid rgba(69,183,209,.4)}@media (max-width: 768px){.legend-items{gap:6px}.legend-item{font-size:.7rem;padding:.05rem .4rem .1rem}.legend-color{width:6px;height:6px}}.more-tasks{font-size:.7rem;color:var(--text-tertiary);text-align:center;padding:2px;font-style:italic}.unscheduled-tasks{background:var(--background-secondary);border-radius:12px;border:1px solid var(--border);padding:20px;max-height:600px;overflow-y:auto}.unscheduled-tasks.drag-over{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));border-color:var(--primary);transform:scale(1.02)}.unscheduled-tasks h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.drag-instructions{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary);font-style:italic;padding:8px 12px;background:var(--background-tertiary);border-radius:6px;border-left:3px solid var(--primary)}.unscheduled-list{display:flex;flex-direction:column;gap:8px}.empty-unscheduled{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-unscheduled p{margin:0;font-size:.9rem;font-style:italic}.unscheduled-task{background:var(--background-tertiary);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:grab;transition:all .2s ease}.unscheduled-task:hover{background:var(--background-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.unscheduled-task:active{cursor:grabbing}.unscheduled-task.dragging{opacity:.5;transform:rotate(2deg)}.task-info{display:flex;align-items:center;gap:12px}.task-type{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0}.task-details{flex:1;min-width:0}.task-name{font-weight:600;color:var(--text-primary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-client{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.task-status{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.1rem .5rem .15rem;font-size:.65rem;font-weight:500;line-height:1.2;white-space:nowrap;min-width:60px;flex-shrink:0}.task-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-modal{background:var(--background-primary);border-radius:16px;width:100%;max-width:500px;border:1px solid var(--border);box-shadow:0 20px 40px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-modal-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-modal-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.modal-content{padding:24px}.task-detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.task-detail-row:last-child{border-bottom:none}.task-detail-row strong{color:var(--text-primary);font-weight:600;min-width:120px}.task-detail-row span{color:var(--text-secondary);text-align:right}.task-type-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--background-tertiary);border-radius:6px;font-size:.875rem;color:var(--text-secondary)}.task-type-badge svg{color:var(--primary)}.status-badge-modal{padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.task-dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.task-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.more-dots{font-size:.6rem;color:var(--text-tertiary);font-weight:600;margin-left:2px}.day-modal{background:var(--background-primary);border-radius:16px;width:100%;max-width:500px;max-height:80vh;border:1px solid var(--border);box-shadow:0 20px 40px #0003;overflow:hidden}.day-tasks-list{max-height:60vh;overflow-y:auto}.day-task-item{padding:16px;border-bottom:1px solid var(--border);background:var(--background-secondary);margin-bottom:8px;border-radius:8px}.day-task-item:last-child{border-bottom:none;margin-bottom:0}.task-header-mobile{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.task-type-mobile{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--background-tertiary);border-radius:6px}.task-type-mobile svg{color:var(--primary)}.task-type-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.status-badge-mobile{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;color:#fff;text-align:center}.task-title-mobile{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.task-client-mobile{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.task-notes-mobile{font-size:.8125rem;color:var(--text-tertiary);font-style:italic;padding:8px;background:var(--background-tertiary);border-radius:6px;border-left:3px solid var(--primary)}@media (max-width: 1024px){.calendar-content{grid-template-columns:1fr}.unscheduled-tasks{max-height:300px}}@media (max-width: 768px){.video-calendar{padding:16px}.calendar-header{flex-direction:column;align-items:flex-start;gap:16px}.calendar-navigation{width:100%;justify-content:center}.current-month{font-size:1.1rem}.calendar-day{min-height:70px;padding:6px}.weekday{padding:12px 4px;font-size:.75rem}.day-number{font-size:.875rem;margin-bottom:4px}.task-modal,.day-modal{margin:10px;max-width:calc(100vw - 20px)}}@media (max-width: 480px){.calendar-days{font-size:.875rem}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:.8125rem}.task-dot{width:6px;height:6px}.task-dots{gap:2px}.more-dots{font-size:.55rem}}.video-schedule-container{padding:24px;min-height:100vh;background:var(--background-primary)}.access-denied,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--text-secondary)}.access-denied svg,.loading-state svg{color:var(--text-tertiary);margin-bottom:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--background-tertiary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-schedule-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.header-content{flex:1}.header-text h1{margin:0 0 8px;font-size:2rem;font-weight:700;color:var(--text-primary)}.header-text p{margin:0;color:var(--text-secondary);font-size:1rem}.header-actions{flex:1;display:flex;justify-content:flex-end;align-items:flex-start}.monthly-stats{background:var(--background-secondary);border:1px solid var(--border);border-radius:12px;padding:12px;max-width:400px}.stats-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:2px}.stat-label{font-size:.7rem;color:var(--text-secondary);line-height:1.2}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.video-schedule-tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:1px solid #2c2c44;background:#1f1f3a;border-radius:8px 8px 0 0;padding:4px}.tab{padding:12px 20px;background:transparent;border:1px solid transparent;color:#8a8a9e;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative}.tab:hover{color:#c5c5d2;background:#2c2c44;border-color:#3a3a5c}.tab.active{color:#fff;background:#2c2c44;border:1px solid #4a4a6a;box-shadow:0 2px 4px #0003}.tab svg{flex-shrink:0}.video-schedule-content{background:#1a1a2e;border:1px solid #2c2c44;border-radius:5px;overflow:hidden}@media (max-width: 768px){.video-schedule-container{padding:16px}.video-schedule-header{flex-direction:column;align-items:flex-start;gap:20px}.header-stats{width:100%;flex-wrap:wrap}.stat-card{flex:1;min-width:120px}.video-schedule-tabs{flex-direction:column}.tab-button{justify-content:flex-start}}@media (max-width: 480px){.header-content{gap:16px}.header-icon{width:56px;height:56px}.header-text h1{font-size:1.5rem}.stat-card{padding:12px 16px}}.finance-container{padding:20px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.finance-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.finance-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.finance-header p{margin:0;font-size:1.1rem;opacity:.9}.finance-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.tab-button{padding:12px 20px;border:none;background:#f1f5f9;color:#64748b;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:120px}.tab-button:hover{background:#e2e8f0;color:#475569}.tab-button.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.finance-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.upload-section{padding:30px}.upload-card{text-align:center;max-width:600px;margin:0 auto}.upload-card h3{color:#1e293b;margin-bottom:10px;font-size:1.5rem}.upload-card p{color:#64748b;margin-bottom:30px}.file-upload{margin-bottom:20px}.file-input{display:none}.file-label{display:inline-block;padding:15px 30px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#475569;font-weight:500;min-width:300px}.file-label:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.upload-button{background:#10b981;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.upload-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-result{margin-top:20px;padding:20px;border-radius:8px;text-align:left}.upload-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.upload-result.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.upload-result h4{margin:0 0 10px}.upload-result .errors{margin-top:15px}.upload-result .errors ul{margin:10px 0;padding-left:20px}.summary-section{padding:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.summary-card h3{margin:0 0 15px;font-size:1.1rem;opacity:.9}.summary-card .amount{font-size:2rem;font-weight:700;margin:0}.summary-card .amount.paid{color:#10b981;background:#fff3;padding:10px;border-radius:8px}.summary-card .amount.pending{color:#f59e0b;background:#fff3;padding:10px;border-radius:8px}.summary-details{margin-top:30px}.clients-summary h3{color:#1e293b;margin-bottom:20px;font-size:1.3rem}.cashflow-section{padding:30px}.cashflow-section h3{color:#1e293b;margin-bottom:30px;font-size:1.5rem;text-align:center}.currency-section{margin-bottom:40px}.currency-section h4{color:#374151;margin-bottom:20px;font-size:1.2rem;padding:10px 15px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;border-left:4px solid #3b82f6}.cashflow-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}.cashflow-table{width:100%;border-collapse:collapse;background:#fff;min-width:1200px}.cashflow-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 8px;text-align:center;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.cashflow-table .item-column{min-width:180px;text-align:left;padding-left:20px}.cashflow-table .month-column{min-width:80px;font-size:.85rem}.cashflow-table .total-column{min-width:100px;background:linear-gradient(135deg,#059669,#10b981)}.cashflow-table td{padding:12px 8px;text-align:center;border:1px solid #e2e8f0;font-size:.85rem}.cashflow-table .item-column td{text-align:left;padding-left:20px;font-weight:500;background:#f8fafc}.cashflow-table .saldo-inicial td{background:#f1f5f9;color:#475569}.cashflow-table .ingresos-pagados .confirmed{background:#f0fdf4;color:#166534;font-weight:600}.cashflow-table .ingresos-pendientes .expected{background:#fef3c7;color:#92400e;font-weight:600}.cashflow-table .total-movimientos td{background:#e0f2fe;color:#0c4a6e;font-weight:600}.cashflow-table .saldo-final .saldo-final-cell{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:.9rem}.cashflow-table .total-column td{background:#f8fafc;font-weight:600;border-left:2px solid #3b82f6}.data-section{padding:30px}.data-section h3{color:#1e293b;margin-bottom:20px;font-size:1.3rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.table-container table{width:100%;border-collapse:collapse;background:#fff}.table-container th{background:#f8fafc;padding:15px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.table-container td{padding:12px;border-bottom:1px solid #f1f5f9;color:#4b5563}.table-container tr:hover{background:#f9fafb}.table-container .paid{color:#10b981;font-weight:600}.table-container .pending{color:#f59e0b;font-weight:600}.table-container .confirmed{color:#10b981;font-weight:600}.table-container .expected{color:#3b82f6;font-weight:600}.table-note{padding:15px;text-align:center;color:#64748b;font-style:italic;background:#f8fafc}.access-denied{text-align:center;padding:60px 20px;color:#64748b}.access-denied h2{color:#dc2626;margin-bottom:15px}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{background:#fff;padding:30px 40px;border-radius:12px;font-weight:600;color:#374151;box-shadow:0 10px 25px #0003}@media (max-width: 768px){.finance-container{padding:15px}.finance-header h1{font-size:2rem}.finance-tabs{flex-direction:column}.tab-button{min-width:auto}.summary-cards{grid-template-columns:1fr}.summary-card .amount{font-size:1.5rem}.upload-section,.summary-section,.cashflow-section,.data-section{padding:20px}.file-label{min-width:auto;width:100%}.table-container{font-size:.9rem}.table-container th,.table-container td{padding:8px}.cashflow-table{min-width:800px;font-size:.75rem}.cashflow-table th,.cashflow-table td{padding:8px 4px}.cashflow-table .item-column{min-width:120px;padding-left:10px}.cashflow-table .month-column{min-width:60px;font-size:.7rem}.currency-section h4{font-size:1rem;padding:8px 12px}.cashflow-section h3{font-size:1.2rem;margin-bottom:20px}}.legal-page{min-height:100vh;background-color:#1a1a2e;color:#e0e0e0;padding:2rem}.legal-header{max-width:800px;margin:0 auto 3rem;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#8a9fff;text-decoration:none;font-weight:500;margin-bottom:2rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.back-link:hover{background:#8a9fff1a;transform:translate(-2px)}.legal-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.legal-title h1{font-size:2.5rem;font-weight:700;color:#e0e0e0;margin:0}.legal-title svg{color:#8a9fff}.legal-subtitle{color:#8a8a9e;font-size:1rem;margin:0}.legal-content{max-width:800px;margin:0 auto;background:#16213e;border:1px solid #2c2c44;border-radius:1rem;padding:3rem;box-shadow:0 10px 25px #0000004d}.legal-section{margin-bottom:3rem;position:relative}.legal-section:last-child{margin-bottom:0}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#8a9fff;border-radius:.75rem;margin-bottom:1rem}.section-icon svg{color:#1a1a2e}.legal-section h2{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0 0 1rem;display:flex;align-items:center;gap:1rem}.legal-section h3{font-size:1.25rem;font-weight:600;color:#c5c5d2;margin:1.5rem 0 1rem}.legal-section p{color:#8a8a9e;line-height:1.7;margin-bottom:1rem}.legal-section ul{color:#8a8a9e;line-height:1.7;margin:1rem 0;padding-left:1.5rem}.legal-section li{margin-bottom:.5rem}.legal-section li strong{color:#e0e0e0}.subsection{margin:2rem 0;padding:1.5rem;background:#1a1a2e;border:1px solid #2c2c44;border-radius:.75rem;border-left:4px solid #8a9fff}.subsection h3{margin-top:0;color:#e0e0e0}.contact-info{background:#16213e;padding:1.5rem;border-radius:.75rem;border:1px solid #8a9fff;margin:1rem 0}.contact-info p{margin:.25rem 0;color:#8a9fff}.contact-info p:first-child{font-weight:600;font-size:1.1rem}.warning-box{display:flex;align-items:flex-start;gap:1rem;background:#2d1b1b;border:1px solid #ffc966;border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.warning-box svg{color:#ffc966;flex-shrink:0;margin-top:.125rem}.warning-box p{margin:0;color:#ffc966}@media (max-width: 768px){.legal-page{padding:1rem}.legal-content{padding:2rem 1.5rem}.legal-title h1{font-size:2rem}.legal-title{flex-direction:column;gap:.5rem}.subsection{padding:1rem}}@media (max-width: 480px){.legal-page{padding:.5rem}.legal-content{padding:1.5rem 1rem;border-radius:.5rem}.legal-title h1{font-size:1.75rem}.back-link{margin-bottom:1rem}}.EZDrawer .EZDrawer__checkbox{display:none}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__overlay{display:block;opacity:1}.EZDrawer .EZDrawer__checkbox:checked~.EZDrawer__container{visibility:visible;transform:translateZ(0)!important}.EZDrawer .EZDrawer__overlay{display:none;height:100vh;left:0;position:fixed;top:0;width:100%}.EZDrawer .EZDrawer__container{position:fixed;visibility:hidden;background:#fff;transition:all;box-shadow:0 0 10px 5px #0000001a}.internal-comment-note{font-size:.75rem;color:#8a8a9e;font-style:italic;margin-top:4px}.internal-comment-switch{display:flex;align-items:center;margin-right:auto;padding-left:8px;margin-left:16px}.internal-comment-switch label{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:#c2c2d6}.comment-content-wrapper{position:relative}.internal-comment .comment-content-wrapper{background-color:#1d1a35;border-radius:12px 12px 12px 0;border:1px solid #2c2c44;padding:12px}.internal-comment .comment-content-wrapper .comment-editor-area{padding:16px;border-top:1px solid #e5e7eb;background:#fff;position:relative;transition:all .2s ease}.internal-comment .comment-content-wrapper .comment-editor-area.drag-over{border:2px dashed #007bff;background-color:#007bff0d}.internal-comment .comment-content-wrapper .drag-overlay{position:absolute;inset:0;background:#007bff1a;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.internal-comment .comment-content-wrapper .drag-message{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;color:#007bff;font-size:16px}.internal-comment .internal-comment-note{color:#d8dee9;font-weight:500}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;margin:0 2px}.prose .mention{color:#8ab4f8;background-color:#4c566a;padding:.1rem .3rem;border-radius:.2rem;text-decoration:none;font-weight:600;cursor:default}.tippy-box{background-color:#2e3440;border-radius:5px;padding:0}.items{position:relative;border-radius:5px;background:#2e3440;overflow-y:auto;max-height:200px;font-size:.9rem;padding:.2rem}.item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.2rem .4rem;border-radius:.2rem;color:#d8dee9}.item.is-selected,.item:hover{background:#434c5e;color:#eceff4}.comment-editor-area{border-top:1px solid #e5e7eb;padding:16px 16px 50px;position:relative;transition:all .2s ease;display:flex;flex-direction:column}.comment-editor-area.drag-over{border:2px dashed #007bff;background-color:#007bff0d}.drag-overlay{position:absolute;inset:0;background:#007bff1a;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.drag-message{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;color:#007bff;font-size:16px}.comment-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;border-top:1px solid #2c2c44}.delete-comment-btn{background:none;border:none;color:#8a8a9e;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s ease;margin-left:8px;display:inline-flex;align-items:center;justify-content:center}.delete-comment-btn:hover{color:#ff6b6b;background-color:#ff6b6b1a}.comment-item:hover .delete-comment-btn{opacity:1}.comment-author-name{display:flex;align-items:center;gap:8px}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal{background:#1a1a2e;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow:hidden;border:1px solid #1a1a2e}.delete-modal-header{padding:20px 24px 16px;border-bottom:1px solid #1a1a2e}.delete-modal-header h3{margin:0;color:#eceff4;font-size:1.125rem;font-weight:600}.delete-modal-body{padding:20px 24px}.delete-modal-body p{margin:0 0 12px;color:#d8dee9;line-height:1.5}.delete-modal-warning{color:#bf616a!important;font-size:.875rem;font-style:italic}.delete-modal-footer{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end}.delete-modal-cancel-btn,.delete-modal-confirm-btn{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.delete-modal-cancel-btn{background:#4c566a;color:#d8dee9}.delete-modal-cancel-btn:hover{background:#5e81ac;color:#eceff4}.delete-modal-confirm-btn{background:#bf616a;color:#eceff4}.delete-modal-confirm-btn:hover{background:#d08770}.comment-text-area{max-height:200px;overflow-y:auto}.comment-text-area .ProseMirror{min-height:80px;max-height:200px;overflow-y:auto;padding:12px;border-radius:6px;border:1px solid #3a3a5a;background:#1a1a2e;color:#d8dee9;line-height:1.5}.comment-text-area .ProseMirror:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.comment-text-area .ProseMirror p{margin:0 0 8px}.comment-text-area .ProseMirror p:last-child{margin-bottom:0}.comment-editor-content{min-height:80px!important;max-height:200px!important;overflow-y:auto!important;padding:12px!important;border-radius:6px!important;border:1px solid #3a3a5a!important;background:#1a1a2e!important;color:#d8dee9!important;line-height:1.5!important;font-size:14px!important}.comment-editor-content:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 2px #007bff1a!important}.comment-editor-content p{margin:0 0 8px!important}.comment-editor-content p:last-child{margin-bottom:0!important}.footer-left-controls,.footer-right-controls{display:flex;align-items:center;gap:12px}.files-preview-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-preview{position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px;padding:4px;background:transparent}.file-preview-attachment{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:280px;transition:all .2s ease}.file-preview-attachment:hover{background:#ffffff14;border-color:#ffffff26}.file-preview-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:6px;color:#8a9fff;flex-shrink:0}.file-preview-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-preview-name{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-type{font-size:.75rem;color:#8a8a9e;text-transform:uppercase;font-weight:600}.file-preview.image-preview{width:88px;height:88px;cursor:grab;border:2px solid transparent}.file-preview.image-preview:hover{border-color:#e5e7eb}.file-preview.image-preview.dragging{opacity:.7;transform:scale(1.05);cursor:grabbing;z-index:1000}.image-thumbnail-container{position:relative;width:100%;height:100%}.file-item-container{position:relative;display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:#f3f4f6}.remove-file-btn{position:absolute;top:-6px;right:-6px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.remove-file-btn:hover{background:#ef4444;transform:scale(1.1)}.file-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:6px;border:none}.thumbnail-loading{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;border:2px solid #e5e7eb;font-size:24px}@media (max-width: 768px){.comment-editor-area .comment-editor-footer{order:1;border-top:none;border-bottom:1px solid #2c2c44}.comment-editor-area .editor-toolbar{order:2}.comment-editor-area .comment-text-area{order:3}.comment-editor-area .ProseMirror{min-height:120px}.comment-editor-content{min-height:120px!important;max-height:180px!important}}.publish-comment-btn{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 9px;border-radius:999px;border:1px solid rgba(138,159,255,.55);background:#8a9fff1f;color:#a5b4ff;font-size:12px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.publish-comment-btn:hover{background:#8a9fff40;color:#fff;border-color:#8a9fff}.published-note{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 9px;border-radius:999px;background:#59dca31f;color:#59dca3;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.publish-modal-confirm-btn{padding:10px 20px;border-radius:6px;border:none;background:#4a90e2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.publish-modal-confirm-btn:hover:not(:disabled){background:#357abd}.publish-modal-confirm-btn:disabled,.delete-modal-cancel-btn:disabled{opacity:.6;cursor:default}.comment-body .autos-sel{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}.comment-body .auto-sel{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#8a9fff14;border:1px solid rgba(138,159,255,.25);max-width:520px}.comment-body .auto-sel img{width:56px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0}.comment-body .auto-sel strong{color:#e0e0e0}.comment-body .auto-sel span{color:#a0a2b0;font-size:13px}.comment-body .auto-sel a{font-size:12.5px}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.carrusel-panel{margin:0 20px 12px;padding:12px 14px;border-radius:10px;background-color:#5462ff14;border:1px solid rgba(84,98,255,.25);color:#e6e6f0;font-size:13px}.carrusel-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.carrusel-panel-title{display:flex;align-items:center;gap:8px;font-weight:600}.carrusel-panel-body{display:flex;flex-direction:column;gap:10px}.carrusel-progreso-texto{display:flex;align-items:center;gap:8px;margin-bottom:6px}.carrusel-pct{margin-left:auto;font-variant-numeric:tabular-nums;color:#b3b3c6}.carrusel-barra{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.carrusel-barra-relleno{height:100%;background:linear-gradient(90deg,#5462ff,#8b7cff);transition:width .4s ease}.carrusel-nota{margin-top:6px;color:#b3b3c6;font-size:12px}.carrusel-estado{display:flex;align-items:center;gap:8px;line-height:1.3}.carrusel-estado.ok{color:#7ed99a}.carrusel-estado.error{color:#ff8a8a}.carrusel-estado.neutro{color:#b3b3c6}.carrusel-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 12px;border-radius:8px;border:1px solid rgba(84,98,255,.5);background:#5462ff33;color:#fff;font-size:13px;cursor:pointer}.carrusel-btn:hover:not(:disabled){background:#5462ff59}.carrusel-btn:disabled{opacity:.6;cursor:default}.carrusel-spin{animation:carrusel-girar 1s linear infinite}@keyframes carrusel-girar{to{transform:rotate(360deg)}}.comment-reactions-overlay{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;margin-right:8px;z-index:1001}.active-reactions{display:flex;align-items:center;gap:4px}.reaction-add-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#2e3440e6;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8) rotate(0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #0003;color:#d8dee9;font-size:14px;font-weight:600}.comment-item:hover .reaction-add-button{opacity:1;transform:scale(1) rotate(0)}.comment-reactions-overlay .active-reactions{opacity:1}.reaction-add-button:hover{background:#58a6ff26;border-color:#58a6ff4d;color:#58a6ff;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 16px #58a6ff33}.reaction-add-button.updating{opacity:.5;cursor:not-allowed;transform:scale(1) rotate(0)}.reaction-add-button.active{background:#58a6ff33;border-color:#58a6ff66;color:#58a6ff;transform:scale(1) rotate(45deg)}.reaction-add-button.active:hover{background:#58a6ff40;border-color:#58a6ff80;transform:scale(1.05) rotate(45deg)}.reaction-add-button .reaction-emoji{transition:all .2s ease;font-size:16px;line-height:1}.reaction-counter{display:flex;align-items:center;gap:4px;background:#2e3440f2;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:4px 8px;font-size:.75rem;color:#d8dee9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000040;cursor:pointer;transition:all .2s ease;opacity:1;transform:scale(1)}.reaction-counter:hover{background:#2e3440f2;border-color:#fff3;transform:translateY(-1px)}.reaction-counter.user-reacted{background:#8e44ad33;border-color:#8e44ad66;color:#ab6de2}.reaction-counter.user-reacted:hover{background:#8e44ad4d;border-color:#8e44ad80}.reaction-counter.updating{opacity:.6;cursor:not-allowed;pointer-events:none}.reaction-picker{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:8px 12px;display:flex;gap:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006;animation:reaction-picker-appear .3s cubic-bezier(.4,0,.2,1);z-index:1002}@keyframes reaction-picker-appear{0%{opacity:0;transform:translateY(10px) scale(.8);filter:blur(4px)}50%{opacity:.8;transform:translateY(-2px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.reaction-picker-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:16px;position:relative}.reaction-picker-button:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.2)}.reaction-picker-button.user-reacted{background:#58a6ff33;border-color:#58a6ff66}.reaction-picker-button.user-reacted:hover{background:#58a6ff4d;border-color:#58a6ff80;transform:scale(1.1)}.reaction-picker-button:active{transform:scale(.95);transition:transform .1s ease}.reaction-emoji{font-size:16px;line-height:1;transition:transform .2s ease}.reaction-emoji-small{font-size:12px;line-height:1}.reaction-float-button:hover .reaction-emoji{transform:scale(1.1);animation:rocket-pulse .6s ease-in-out infinite}.reaction-counter.user-reacted .reaction-emoji-small{animation:rocket-launch .4s ease-out}@keyframes rocket-launch{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-5deg) translateY(-3px)}50%{transform:scale(1.1) rotate(5deg) translateY(-1px)}to{transform:scale(1) rotate(0)}}@keyframes rocket-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.reaction-count{font-size:.75rem;font-weight:500;line-height:1}.reaction-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:1003;pointer-events:none}.reaction-tooltip-content{background:#2e3440;border:1px solid #4c566a;border-radius:6px;padding:8px 12px;box-shadow:0 4px 12px #0000004d;white-space:nowrap;max-width:200px}.reaction-tooltip-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2e3440}.reaction-user{color:#d8dee9;font-size:.75rem;line-height:1.3}.reaction-user+.reaction-user{margin-top:2px}.comment-item{overflow:visible;position:relative}.comment-item .comment-content-wrapper{overflow:visible}.comment-item:first-child .comment-reactions-overlay{z-index:1004}.comment-item:first-child .reaction-picker{z-index:1005}.comment-item:first-child .reaction-tooltip{z-index:1006}@media (max-width: 768px){.comment-reactions-overlay{margin-top:6px;margin-right:4px;gap:4px}.reaction-add-button{width:26px;height:26px;font-size:12px}.reaction-counter{padding:2px 6px;font-size:.7rem}.reaction-emoji-small{font-size:11px}.reaction-picker{bottom:100%;right:-10px;margin-bottom:6px;padding:6px 8px;border-radius:20px}.reaction-picker-button{width:28px;height:28px;font-size:14px}.reaction-tooltip{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin-bottom:0}.reaction-tooltip-content{max-width:250px;font-size:.7rem}.comment-item .reaction-add-button{opacity:.8;transform:scale(.9)}.comment-item:hover .reaction-add-button,.comment-item .reaction-add-button:active{opacity:1;transform:scale(1)}}.spinner-container{display:flex;justify-content:center;align-items:center;padding:20px}.spinner-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modern-spinner{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner-ring{display:inline-block;position:relative}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;border:3px solid #8a9fff;border-radius:50%;animation:spinner-ring-animation 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#8a9fff transparent transparent transparent}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-spinner.small .spinner-ring{width:24px;height:24px}.modern-spinner.small .spinner-ring div{width:20px;height:20px;margin:2px;border-width:2px}.modern-spinner.medium .spinner-ring{width:40px;height:40px}.modern-spinner.medium .spinner-ring div{width:32px;height:32px;margin:4px;border-width:3px}.modern-spinner.large .spinner-ring{width:64px;height:64px}.modern-spinner.large .spinner-ring div{width:52px;height:52px;margin:6px;border-width:4px}.loading-text{color:#8a9fff;font-size:14px;font-weight:500;margin-top:8px}.loading-screen{position:fixed;inset:0;background:#1a1a1a;display:flex;justify-content:center;align-items:center;z-index:10000}.loading-screen .modern-spinner{color:#8a9fff}.loading-screen .loading-text{color:#c5c5d2;font-size:16px}.loading-more{text-align:center;padding:16px;color:#8a8a9e}.loading-more .modern-spinner{gap:8px}.loading-more .loading-text{font-size:12px;color:#8a8a9e;font-style:italic}.board{padding:0 24px}.group{margin-bottom:30px}.group-header{display:flex;align-items:center;padding:10px 0;margin-bottom:10px;color:#c5c5d2}.chevron-icon{font-size:.8rem;margin-left:10px;transition:transform .2s}.group-header h3{margin:0 0 0 10px;font-size:1.1rem;flex-grow:1;font-weight:600}.item-count{color:#8a8a9e;font-size:.9rem}.group-header.group-pending{border-left:5px solid #8a9fff}.group-header.group-pending h3{color:#8a9fff}.group-header.group-in-approval{border-left:5px solid #ffc966}.group-header.group-in-approval h3{color:#ffc966}.group-header.group-approved{border-left:5px solid #59dca3}.group-header.group-approved h3{color:#59dca3}.group-header.group-published{border-left:5px solid #ab6de2}.group-header.group-published h3{color:#ab6de2}.grid-container{width:100%;overflow-x:auto}.task-grid{width:100%;min-width:1100px;border:1px solid #2c2c44;border-radius:5px;overflow:visible}.grid-row{display:grid;grid-template-columns:minmax(450px,5fr) minmax(150px,2fr) minmax(180px,2fr) minmax(140px,1.5fr) minmax(100px,1fr) 60px;align-items:center;border-bottom:1px solid #2c2c44}.grid-row:last-child{border-bottom:none}.grid-cell{padding:6px 12px;border-right:1px solid #2c2c44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;height:100%;display:flex;align-items:center}.grid-cell:last-child{border-right:none}.client-cell{cursor:pointer}.client-cell .client-tag:hover{outline:1px solid #4a90e2;outline-offset:2px}.deadline-cell{cursor:pointer;transition:background-color .2s}.deadline-cell:hover{background-color:#2c2c44}.grid-header{background-color:#1f1f3a;font-weight:500;color:#a0a0a0;font-size:.85rem}.header-icon{vertical-align:middle;margin-left:4px}.task-number{margin-right:12px;color:#8a8a9e;font-weight:500}.grid-cell.element-column{display:flex;align-items:center;cursor:pointer}.grid-row .delete-btn{visibility:hidden;opacity:0;transition:opacity .2s ease-in-out}.grid-row:hover .delete-btn{visibility:visible;opacity:1}.delete-cell{display:flex;justify-content:center;align-items:center}.new-item-form{width:100%;grid-column:1 / -1}.new-item-input{width:100%;background:transparent;border:none;color:#a0a0a0;padding:8px 12px;font-size:.9rem;outline:none}.new-item-input::placeholder{color:#5a5a7a}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#0f0f1e}.loading-logo{width:150px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}.client-tag{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block;line-height:1.5;border:1px solid transparent}.client-tag-color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:transform .2s;white-space:nowrap}.status-tag:hover{filter:brightness(1.1)}.status-tag.status-no-iniciado{background-color:#6c757d}.status-tag-pending{background-color:#5462ff26;color:#8a9fff}.status-tag-in-approval{background-color:#ffb23326;color:#ffc966}.status-tag-approved{background-color:#2ecc7126;color:#59dca3}.status-tag-published{background-color:#8e44ad26;color:#ab6de2}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;vertical-align:middle}.add-item-row td{color:#8a8a9e;cursor:pointer}.add-item-row:hover td{background-color:#3a3a5e}.add-item-form-row input{background-color:transparent;border:none;color:#e0e0e0;font-size:1rem;padding:12px 15px;width:90%;box-sizing:border-box}.add-item-form-row input:focus{outline:none;background-color:#1a1a2e}.delete-btn{background:none;border:none;color:#8a8a9e;cursor:pointer;font-size:1.1rem;visibility:hidden;opacity:0;transition:opacity .2s;vertical-align:middle;margin-left:10px}tr:hover .delete-btn{visibility:visible;opacity:1}.add-group-container{margin-top:20px}.add-group-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#10101d;color:#c2c2d6}*,*:before,*:after{box-sizing:border-box}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;margin:0 auto;padding:0 24px;box-sizing:border-box}.main-content{flex:1}.board-container{max-width:1600px;margin:0 auto;padding:0 24px}.element-text,.deadline-text{cursor:pointer;padding:0;border-radius:4px;transition:background-color .2s ease-in-out;display:flex;align-items:center;width:100%;height:100%;box-sizing:border-box}.element-text:hover,.deadline-text:hover{background-color:#ffffff0d}.element-edit-input{width:100%;padding:4px 6px;border:1px solid #4a4a4a;border-radius:4px;background-color:#1e1e1e;color:#e0e0e0;font-family:inherit;font-size:inherit;box-sizing:border-box;resize:none;overflow:hidden;line-height:1.4}.deadline-edit-input{width:100%;padding:0 2px;border:none;border-radius:4px;background-color:transparent;color:#e0e0e0;font-family:inherit;font-size:inherit;box-sizing:border-box;height:28px}.element-edit-input:focus,.deadline-edit-input:focus{outline:1px solid #007bff;background-color:#2c2c2c}.react-datepicker-popper{z-index:100}.drawer-header h3{margin:0;font-size:1.5rem;font-weight:700;flex-grow:1;cursor:pointer;transition:background-color .2s ease-in-out;padding:8px 12px;border-radius:4px;border:1px solid transparent}.drawer-header h3:hover{background-color:#ffffff0d;border-color:#4f545c}.title-edit-input{background-color:#1e1e1e;color:#fff;border:1px solid #7289da;border-radius:4px;padding:8px 12px;font-size:1.5rem;font-weight:700;width:100%;box-sizing:border-box;margin-right:10px;font-family:inherit}.title-edit-input:focus{outline:none;border-color:#90a1f0}.page-container{padding:24px 48px}.page-header{margin-bottom:24px;border-bottom:1px solid #2c2c44;padding-bottom:16px}.page-header h1{font-size:2rem;font-weight:700;color:#e0e0e0}.clients-list{display:flex;flex-direction:column;gap:12px}.client-card{background-color:#1a1a2e;border:1px solid #2c2c44;border-radius:8px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s,border-color .2s}.client-card:hover{background-color:#1e1e3f;border-color:#4a4a6a}.client-info{display:flex;align-items:center;gap:16px}.client-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff}.client-name{font-size:1.1rem;font-weight:500;color:#f0f0f0}.client-actions{display:flex;gap:8px}.client-action-btn{background-color:transparent;border:1px solid #4f545c;color:#a0a0a0;padding:8px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.client-action-btn:hover{background-color:#4f545c;color:#fff}.public-form-container{background-color:#f4f7f9;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}.public-form-logo{width:120px;margin-bottom:24px}.public-form-container h1{font-family:Inter,sans-serif;color:#1a1a2e;font-size:2rem;margin-bottom:8px}.public-form-container p{font-family:Inter,sans-serif;color:#555;max-width:500px;text-align:center;margin-bottom:32px}.public-form{background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:600px}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:Inter,sans-serif;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #dcdcdc;border-radius:6px;font-family:Inter,sans-serif;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7289da}.submit-btn{width:100%;padding:15px;background-color:#7289da;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:#5f73bc}.submit-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.success-page h1,.error-page h1{color:#1a1a2e}.success-page p,.error-page p{color:#555;font-size:1.2rem}.file-upload-area{margin-top:8px}.file-upload-btn{background-color:#f0f0f0;border:1px dashed #ccc;padding:10px 15px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:#333;font-weight:500}.file-preview-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-preview-item{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.remove-file-btn{background:transparent;border:none;cursor:pointer;color:#999;padding:2px;display:flex;align-items:center}.remove-file-btn:hover{color:#e53e3e}.react-datepicker{font-family:Inter,sans-serif;background-color:#1e1e3f;border:1px solid #3a3a5a;border-radius:8px;color:#c5c5d2;box-shadow:0 10px 25px #0000004d}.react-datepicker__header{background-color:#1e1e3f;border-bottom:1px solid #3a3a5a;padding-top:15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#f0f0f0;font-weight:500;font-size:1rem}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#a0a0b8;width:2rem;line-height:2rem}.react-datepicker__navigation--previous,.react-datepicker__navigation--next{top:15px}.react-datepicker__navigation-icon:before{border-color:#c5c5d2;border-width:2px 2px 0 0}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#3a3a5a;border-radius:50%}.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{background-color:#007bff;color:#fff;border-radius:50%}.react-datepicker__day--keyboard-selected{background-color:#3a3a5a;border-radius:50%}.react-datepicker__day--disabled{color:#5a5a7a;cursor:default}.react-datepicker__time-container{border-left:1px solid #3a3a5a}.react-datepicker__time-container .react-datepicker__time{background-color:#1e1e3f!important}.react-datepicker__header--time{background-color:#1e1e3f}.react-datepicker__time-list-item{color:#c5c5d2}.react-datepicker__time-list-item:hover{background-color:#3a3a5a!important}.react-datepicker__time-list-item--selected{background-color:#007bff!important;color:#fff!important;font-weight:700}.react-datepicker__input-container .deadline-edit-input{background-color:#2c2c2c}.form-container{background-color:#1f1f3a;border:1px solid #2c2c44;padding:32px;border-radius:12px;width:100%;max-width:550px;margin:40px auto;box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column;gap:24px;position:relative}.back-to-home-button{position:absolute;top:32px;left:32px;color:#a0a2b0;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:color .2s}.back-to-home-button:hover{color:#fff}.form-container h2{margin:0;font-weight:600;color:#e0e0e0;text-align:center}.form-container form{display:flex;flex-direction:column;gap:18px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:500;color:#a0a2b0}.input-group input,.input-group select{width:100%;padding:12px;border-radius:6px;border:1px solid #2c2c44;background-color:#161625;color:#f0f0f0;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.client-section{background-color:#161625;padding:16px;border:1px solid #2c2c44;border-radius:8px;margin-top:8px;display:flex;flex-direction:column;gap:12px}.client-selection{display:flex;gap:8px;align-items:center}.client-selection select{flex-grow:1}.new-client-toggle{padding:0 14px;height:48px;background-color:#2c2c44;color:#c5c5d2;border:1px solid #2c2c44;border-radius:6px;cursor:pointer;font-size:20px;line-height:44px;flex-shrink:0;transition:background-color .2s}.new-client-toggle:hover{background-color:#3c3c54}.new-client-input{display:flex;gap:8px}.new-client-input input{flex-grow:1}.new-client-input button{padding:10px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.form-actions{display:flex;justify-content:center;margin-top:8px}.form-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .2s;margin-top:8px;background-color:#4a90e2;color:#fff;border:none}.form-button:hover{background-color:#357abd}.form-button:disabled{background-color:#3a3a4a;cursor:not-allowed}.error-message,.success-message{text-align:center;padding:12px;border-radius:6px;font-weight:500}.error-message{background-color:#ff52521a;color:#ff5252;padding:10px;font-size:14px}.success-message{color:#f0f0f0}.success-message p{font-size:16px;margin-bottom:20px}.task-detail-drawer{background-color:#161625!important;border-left:1px solid #2c2c44!important;flex-direction:column;box-sizing:border-box;z-index:1050;display:flex}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px;border-bottom:1px solid #2c2c44}.drawer-header h3{margin:0;font-size:1.5rem}.close-drawer-btn{background:none;border:none;color:#a0a0a0;cursor:pointer;padding:5px}.close-drawer-btn:hover{color:#fff}.drawer-content{padding:20px;height:calc(100% - 60px);display:flex;flex-direction:column;overflow:hidden}.comments-list{flex-grow:1;overflow-y:auto;margin-bottom:20px;padding-right:10px}.comment-editor-area{flex-shrink:0}.comment-item{display:flex;margin-bottom:20px;align-items:flex-start;gap:12px;position:relative}.comment-author-avatar{width:36px;height:36px;border-radius:50%;background-color:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.comment-content-wrapper{display:flex;flex-direction:column}.comment-author-name{font-weight:700;color:#e0e0e0;margin-bottom:4px}.comment-timestamp{font-size:12px;color:#888;margin-left:8px;font-weight:400}.comment-body{color:#d0d0d0;line-height:1.5}.comment-body p{margin-bottom:.5em}.comment-body strong{font-weight:700}.comment-editor-area{padding-top:10px;border-top:1px solid #2c2c44}.editor-toolbar{margin-bottom:8px}.editor-toolbar button{background:#2c2c44;border:1px solid #444;color:#fff;padding:4px 8px;margin-right:4px;border-radius:4px;cursor:pointer}.editor-toolbar button.is-active{background:#4a90e2}.comment-editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.attach-file-btn{background:none;border:none;color:#9a9a9a;cursor:pointer;padding:5px}.files-preview-container{display:flex;gap:8px;flex-wrap:wrap;flex-grow:1;margin:0 10px}.file-preview{display:flex;align-items:center;gap:8px;font-size:.85rem;background-color:#2c2c44;padding:4px 8px;border-radius:6px}.file-preview button{background:none;border:none;color:#9a9a9a;cursor:pointer;padding:0;display:flex;align-items:center}.post-comment-btn{background-color:#4a90e2;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;margin-left:auto}.post-comment-btn:disabled{background-color:#3a75b8;cursor:not-allowed}.comment-attachments-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.attachment-image-preview{max-width:250px;max-height:200px;border-radius:8px;object-fit:cover}.attachment-file-link{display:inline-flex;align-items:center;gap:8px;background-color:#2c2c44;padding:8px 12px;border-radius:6px;color:#d1d1d1;text-decoration:none;transition:background-color .2s}.attachment-file-link:hover{background-color:#3a3a5a}.ProseMirror table{width:100%;border-collapse:collapse;margin:1em 0}.ProseMirror th,.ProseMirror td{border:1px solid #444;padding:8px;min-width:1em;vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror th{font-weight:700;text-align:left;background-color:#2c2c44}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background:#4a90e226;pointer-events:none}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:#4a90e2;pointer-events:none}.drawer-content .ProseMirror{min-height:200px;padding:10px;border-radius:4px;background-color:#1e1e3f;border:1px solid #3a3a5a}.drawer-content .ProseMirror:focus{outline:none;border-color:#007bff}.public-form-container{background-color:#0f0f1e;color:#c5c5d2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.public-form-logo{width:150px;margin-bottom:30px}.public-form-container h1{color:#fff;margin-bottom:8px}.public-form-container p{color:#8a8a9e;margin-bottom:30px;max-width:500px;text-align:center}.public-form{background-color:#1a1a2e;padding:30px;border-radius:8px;border:1px solid #2c2c44;width:100%;max-width:600px;box-shadow:0 10px 30px #0003}.public-form .form-group{margin-bottom:20px}.public-form .form-group label{display:block;margin-bottom:8px;color:#a0a0b8;font-weight:500}.public-form input[type=text],.public-form input[type=email],.public-form textarea,.public-form select{width:100%;background-color:#101024;border:1px solid #3a3a5a;color:#e0e0e0;padding:12px;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.public-form input[type=text]:focus,.public-form input[type=email]:focus,.public-form textarea:focus,.public-form select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.public-form textarea{min-height:120px;resize:vertical}.public-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c5c5d2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em;padding-right:2.5rem}.public-form .submit-btn{width:100%;padding:12px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.public-form .submit-btn:hover{background-color:#5a9ff3}.public-form .submit-btn:disabled{background-color:#3a75b8;cursor:not-allowed}.file-upload-area{margin-top:10px}.file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;background-color:#2c2c44;color:#c5c5d2;border:1px dashed #4a4a6a;border-radius:6px;cursor:pointer;transition:background-color .2s}.file-upload-btn:hover{background-color:#3a3a5a}.file-preview-list{margin-top:15px;display:flex;flex-direction:column;gap:8px}.file-preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#2c2c44;border-radius:4px;font-size:.9rem}.remove-file-btn{background:none;border:none;color:#8a8a9e;cursor:pointer;display:flex;align-items:center}.remove-file-btn:hover{color:#fff}.success-page{text-align:center}.success-page h1{color:#28a745}@media (max-width: 768px){.board{padding:0 16px}.task-grid{min-width:100%;border:none;overflow:visible}.grid-header{display:none!important}.grid-row{display:block;grid-template-columns:1fr;border:1px solid #2c2c44;border-radius:8px;margin-bottom:16px;padding:8px 16px}.grid-cell{display:grid;grid-template-columns:100px 1fr;align-items:center;border-right:none;border-bottom:1px solid #2c2c44;padding:10px 0;white-space:normal;overflow:visible;text-overflow:clip}.grid-row .grid-cell:last-child{border-bottom:none}.grid-cell:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:4px;color:#8a8a9e}.comment-editor-footer{flex-wrap:wrap;gap:8px}.post-comment-btn{margin-left:auto}.internal-comment-switch{padding-left:0;width:100%;order:-1}.drawer-header{padding:16px 16px 15px}.drawer-content{padding:0 16px}.grid-cell.element-column,.grid-cell.delete-cell{display:flex;grid-template-columns:none}.grid-cell.element-column:before,.grid-cell.delete-cell:before{display:none}.grid-row .delete-btn{visibility:visible;opacity:1;margin-left:auto}.delete-cell{border-bottom:none;padding-top:0}}.load-more-container{display:flex;justify-content:center;padding:20px 0;margin-top:16px}.load-more-btn{background:transparent;color:#8a9fff;border:1px solid #8a9fff;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.load-more-btn:hover:not(:disabled){background:#8a9fff1a;border-color:#a5b4ff;color:#a5b4ff}.load-more-btn:disabled{background:transparent;border-color:#4a4a5a;color:#6c757d;cursor:not-allowed}.loading-more{text-align:center;padding:16px;color:#8a8a9e;font-style:italic}.empty-state{text-align:center;padding:40px 20px;color:#8a8a9e;font-style:italic}:root{font-family:Manrope,sans-serif;line-height:1.5;font-weight:300;color-scheme:light dark;color:#e0e0e0;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}