:root{--light-bg-hover:#f1f5f9cc;--light-bg-selected:#3b82f61a;--light-bg-secondary:#f8fafc;--light-bg-card:#fff;--light-icon-primary:#475569;--light-icon-secondary:#64748b;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-danger:#ef4444;--color-danger-light:#ef44441a}.dark{--dark-bg-glass:#1e293bd9;--dark-bg-hover:#334155cc;--dark-bg-selected:#3b82f633;--dark-bg-secondary:#334155;--dark-bg-card:#1e293b;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-muted:#94a3b8;--dark-icon-primary:#cbd5e1;--dark-icon-secondary:#94a3b8;--dark-border-primary:#334155e6;--dark-border-secondary:#475569cc;--dark-shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0003;--dark-shadow-md:0 4px 12px -2px #00000080,0 2px 6px -1px #0000004d;--dark-shadow-lg:0 10px 25px -5px #0009,0 4px 10px -2px #0006}.modern-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;background:var(--light-bg-glass);border-bottom:1px solid #e2e8f0e6;border-bottom:1px solid var(--light-border-primary);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--light-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.modern-navigation__container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;height:4rem;margin:0 auto;max-width:1920px;padding:0 2rem;width:100%}.modern-navigation__logo{align-items:center;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;justify-self:start;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-navigation__logo:hover{background:#ffffffd9;background:var(--light-bg-glass)}.modern-navigation__logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px -2px #0000001f,0 2px 6px -1px #00000014;box-shadow:var(--light-shadow-md);color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.modern-navigation__logo-text{color:#3b82f6;color:var(--color-primary);font-size:1.25rem;font-weight:700;margin-left:.75rem;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.modern-navigation__desktop{align-items:center;display:flex;justify-content:center;justify-self:center;width:100%}.modern-navigation__list{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.modern-navigation__item{position:relative}.modern-navigation__link{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--light-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.modern-navigation__link:hover{background:#f1f5f9cc;background:var(--light-bg-hover);color:#0f172a;color:var(--light-text-primary)}.modern-navigation__link--active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);box-shadow:0 4px 12px -2px #0000001f,0 2px 6px -1px #00000014;box-shadow:var(--light-shadow-md);color:#fff}.modern-navigation__link--active .modern-navigation__link-icon{color:#fff}.modern-navigation__link-icon{color:#64748b;color:var(--light-icon-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-navigation__badge{background:#ef4444;background:var(--color-danger);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.modern-navigation__actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-self:end}.modern-navigation__action{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--light-icon-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:2.5rem}.modern-navigation__action:hover{background:#f1f5f9cc;background:var(--light-bg-hover);color:#475569;color:var(--light-icon-primary)}.modern-navigation__notifications{position:relative}.modern-navigation__notification-badge{align-items:center;background:#ef4444;background:var(--color-danger);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:1.25rem;justify-content:center;position:absolute;right:-.25rem;top:-.25rem;width:1.25rem}.modern-navigation__notifications-dropdown{background:#fff;background:var(--light-bg-card);border:1px solid #e2e8f0e6;border:1px solid var(--light-border-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026,0 4px 10px -2px #0000001a;box-shadow:var(--light-shadow-lg);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:20rem;z-index:1000}.modern-navigation__notifications-header{border-bottom:1px solid #f1f5f9cc;border-bottom:1px solid var(--light-border-secondary);padding:1rem}.modern-navigation__notifications-header h3{color:#0f172a;color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0}.modern-navigation__notifications-content{max-height:18rem;overflow-y:auto}.modern-navigation__notification-item{align-items:flex-start;border-bottom:1px solid #f1f5f9cc;border-bottom:1px solid var(--light-border-secondary);display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.modern-navigation__notification-item:hover{background:#f1f5f9cc;background:var(--light-bg-hover)}.modern-navigation__notification-icon{align-items:center;background:#f8fafc;background:var(--light-bg-secondary);border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--light-icon-primary);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.modern-navigation__notification-text p{color:#0f172a;color:var(--light-text-primary);font-size:.9rem;line-height:1.3;margin:0}.modern-navigation__notification-text span{color:#475569;color:var(--light-text-secondary);font-size:.75rem}.modern-navigation__notifications-footer{border-top:1px solid #f1f5f9cc;border-top:1px solid var(--light-border-secondary);padding:.75rem 1rem;text-align:center}.modern-navigation__notifications-view-all{background:none;border:none;color:#3b82f6;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.modern-navigation__notifications-view-all:hover{color:#2563eb;color:var(--color-primary-dark)}.modern-navigation__language{position:relative}.modern-navigation__language-dropdown{background:#fff;background:var(--light-bg-card);border:1px solid #e2e8f0e6;border:1px solid var(--light-border-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026,0 4px 10px -2px #0000001a;box-shadow:var(--light-shadow-lg);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:10rem;z-index:1000}.language-option{gap:.75rem;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.language-option:hover{background:#f1f5f9cc}.language-option.active{background:#3b82f61a;background:var(--light-bg-selected);color:#3b82f6;color:var(--color-primary)}.language-flag{font-size:1.25rem}.language-name{color:#0f172a;color:var(--light-text-primary);font-size:.9rem}.modern-navigation__user{position:relative}.modern-navigation__user-button{align-items:center;background:#0000;border:none;border-radius:1rem;border-radius:var(--radius-lg);color:#475569;color:var(--light-text-secondary);cursor:pointer;display:flex;padding:.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-navigation__user-button:hover{background:#ffffffd9;background:var(--light-bg-glass);color:#0f172a;color:var(--light-text-primary)}.modern-navigation__user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 12px -2px #0000001f,0 2px 6px -1px #00000014;box-shadow:var(--light-shadow-md);display:flex;height:2.5rem;justify-content:center;width:2.5rem}.modern-navigation__user-avatar,.modern-navigation__user-initials{color:#fff;font-size:.875rem;font-weight:600}.modern-navigation__user-dropdown{background:#fff;background:var(--light-bg-card);border:1px solid #e2e8f0e6;border:1px solid var(--light-border-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026,0 4px 10px -2px #0000001a;box-shadow:var(--light-shadow-lg);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:16rem;z-index:1000}.modern-navigation__user-info{align-items:center;border-bottom:1px solid #f1f5f9cc;border-bottom:1px solid var(--light-border-secondary);display:flex;gap:.75rem;padding:1rem}.modern-navigation__user-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.modern-navigation__user-name-large{color:#0f172a;color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0}.modern-navigation__user-email{color:#475569;color:var(--light-text-secondary);font-size:.8rem;margin:0}.modern-navigation__user-menu{padding:.5rem 0}.modern-navigation__user-menu-item{align-items:center;background:none;border:none;color:#0f172a;color:var(--light-text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);width:100%}.modern-navigation__user-menu-item:hover{background:#f1f5f9cc;background:var(--light-bg-hover)}.modern-navigation__user-menu-item--danger{color:#ef4444;color:var(--color-danger)}.modern-navigation__user-menu-item--danger:hover{background:#ef44441a;background:var(--color-danger-light)}.modern-navigation__user-menu-divider{background:#f1f5f9cc;background:var(--light-border-secondary);height:1px;margin:.5rem 0}.modern-navigation__mobile-toggle{background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--light-icon-primary);cursor:pointer;display:none;padding:.5rem;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.modern-navigation__mobile-toggle:hover{background:#f1f5f9cc;background:var(--light-bg-hover)}.modern-navigation__mobile{background:#fff;background:var(--light-bg-card);box-shadow:0 10px 25px -5px #00000026,0 4px 10px -2px #0000001a;box-shadow:var(--light-shadow-lg);display:none;left:0;padding-bottom:1rem;position:absolute;top:4rem;width:100%;z-index:90}.modern-navigation__mobile-content{max-height:calc(100vh - 4rem);overflow-y:auto;padding:1rem 2rem}.modern-navigation__mobile-list{list-style:none;margin:0;padding:0}.modern-navigation__mobile-item{margin-bottom:.5rem}.modern-navigation__mobile-link{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#0f172a;color:var(--light-text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.modern-navigation__mobile-link:hover{background:#f1f5f9cc;background:var(--light-bg-hover)}.modern-navigation__mobile-link--active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);color:#fff}.modern-navigation__mobile-badge{background:#ef4444;background:var(--color-danger);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:.2rem .5rem}@media (min-width:1920px){.modern-navigation__container{gap:2.5rem;max-width:1800px;padding:0 3rem}.modern-navigation__list{gap:1rem}.modern-navigation__link{font-size:1rem;padding:.875rem 1.25rem}.modern-navigation__actions{gap:1.5rem}}@media (min-width:1400px){.modern-navigation__container{gap:2rem;max-width:1600px;padding:0 2rem}.modern-navigation__list{gap:.75rem}.modern-navigation__link{font-size:.95rem;padding:.75rem 1rem}.modern-navigation__actions{gap:1rem}}@media (min-width:1200px) and (max-width:1399px){.modern-navigation__container{gap:2rem;max-width:90vw;padding:0 2rem}.modern-navigation__list{gap:.75rem}.modern-navigation__actions{gap:1.25rem}}@media (min-width:992px) and (max-width:1199px){.modern-navigation__container{gap:1.5rem;max-width:85vw;padding:0 1.5rem}.modern-navigation__list{gap:.5rem}.modern-navigation__link{font-size:.95rem;padding:.75rem 1rem}.modern-navigation__actions{gap:1rem}}@media (min-width:768px) and (max-width:991px){.modern-navigation__container{gap:1.5rem;max-width:768px;padding:0 1.5rem}.modern-navigation__list{gap:.25rem}.modern-navigation__link{font-size:.9rem;padding:.625rem .75rem}.modern-navigation__actions{gap:.75rem}.modern-navigation__action{height:2.25rem;width:2.25rem}}@media (max-width:767px){.modern-navigation__container{gap:1rem;grid-template-columns:auto 1fr auto;padding:0 1rem}.modern-navigation__desktop{display:none}.modern-navigation__mobile,.modern-navigation__mobile-toggle{display:block}.modern-navigation__actions{gap:.5rem}.modern-navigation__action{height:2rem;width:2rem}.modern-navigation__user-avatar{font-size:.75rem;height:2rem;width:2rem}.modern-navigation__logo-text{font-size:1.1rem}.modern-navigation__logo-icon{height:2.25rem;width:2.25rem}}[data-theme=dark] .modern-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--dark-bg-glass);border-bottom-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .modern-navigation__logo:hover{background:var(--dark-bg-glass)}[data-theme=dark] .modern-navigation__logo-icon{box-shadow:var(--dark-shadow-md)}[data-theme=dark] .modern-navigation__logo-text{color:#3b82f6;color:var(--color-primary)}[data-theme=dark] .modern-navigation__link{color:var(--dark-text-secondary)}[data-theme=dark] .modern-navigation__link-text{color:inherit}[data-theme=dark] .modern-navigation__link:hover{background:var(--dark-bg-hover);color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__link--active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);box-shadow:var(--dark-shadow-md);color:#fff}[data-theme=dark] .modern-navigation__link-icon{color:var(--dark-icon-secondary)}[data-theme=dark] .modern-navigation__link--active .modern-navigation__link-icon{color:#fff}[data-theme=dark] .modern-navigation__action{color:var(--dark-icon-primary)}[data-theme=dark] .modern-navigation__action:hover{background:var(--dark-bg-hover);color:var(--dark-icon-primary)}[data-theme=dark] .modern-navigation__action svg,[data-theme=dark] .modern-navigation__action:hover svg{color:var(--dark-icon-primary)!important}[data-theme=dark] .modern-navigation__notifications .modern-navigation__action svg,[data-theme=dark] .modern-navigation__notifications .modern-navigation__action:hover svg{color:#f8fafc!important}[data-theme=dark] .modern-navigation__language-dropdown,[data-theme=dark] .modern-navigation__notifications-dropdown,[data-theme=dark] .modern-navigation__user-dropdown{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .modern-navigation__notifications-header,[data-theme=dark] .modern-navigation__user-info{border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .modern-navigation__notifications-header h3,[data-theme=dark] .modern-navigation__user-name-large{color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__notification-item{border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .modern-navigation__notification-item:hover{background:var(--dark-bg-hover)}[data-theme=dark] .modern-navigation__notification-icon{background:var(--dark-bg-secondary);color:var(--dark-icon-primary)}[data-theme=dark] .language-name,[data-theme=dark] .modern-navigation__notification-text p{color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__notification-text span,[data-theme=dark] .modern-navigation__user-email{color:var(--dark-text-secondary)}[data-theme=dark] .modern-navigation__notifications-footer{border-top-color:var(--dark-border-secondary)}[data-theme=dark] .language-option.active{background:var(--dark-bg-selected)}[data-theme=dark] .modern-navigation__user-button:hover{background:var(--dark-bg-glass);color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__user-avatar{box-shadow:var(--dark-shadow-md)}[data-theme=dark] .modern-navigation__user-menu-item{color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__user-menu-item:hover{background:var(--dark-bg-hover)}[data-theme=dark] .modern-navigation__user-menu-divider{background:var(--dark-border-secondary)}[data-theme=dark] .modern-navigation__mobile{background:var(--dark-bg-card);box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .modern-navigation__mobile-link{color:var(--dark-text-primary)}[data-theme=dark] .modern-navigation__mobile-link:hover{background:var(--dark-bg-hover)}.modern-modal__mask{align-items:center;animation:modern-modal-fade-in .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modern-modal{animation:modern-modal-slide-in .3s ease;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-xl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;position:relative}.modern-modal--sm{max-width:400px;width:100%}.modern-modal--md{max-width:600px;width:100%}.modern-modal--lg{max-width:800px;width:100%}.modern-modal--xl{max-width:1000px;width:100%}.modern-modal--full{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.modern-modal--default{background:var(--light-bg-card);border-color:var(--light-border-primary)}.modern-modal--glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--light-bg-glass);border-color:var(--light-border-primary)}.modern-modal--gradient{background:var(--gradient-bg-card);border-color:var(--light-border-primary)}.modern-modal--centered{margin:auto}.modern-modal__header{align-items:center;background:var(--light-bg-secondary);border-bottom:1px solid var(--light-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.modern-modal__title{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0}.modern-modal__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--light-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:1.75rem;justify-content:center;transition:all var(--transition-fast);width:1.75rem}.modern-modal__close:hover{background:var(--light-bg-glass);color:var(--light-text-primary)}.modern-modal__close:focus{box-shadow:0 0 0 2px var(--border-accent);outline:none}.modern-modal__body{color:var(--light-text-secondary);flex:1 1;line-height:1.6;overflow-y:auto;padding:2rem}.modern-modal__body::-webkit-scrollbar{width:6px}.modern-modal__body::-webkit-scrollbar-track{background:var(--light-bg-glass)}.modern-modal__body::-webkit-scrollbar-thumb{background:var(--light-border-primary);border-radius:3px}.modern-modal__body::-webkit-scrollbar-thumb:hover{background:var(--light-text-muted)}.modern-modal__footer{align-items:center;background:var(--light-bg-secondary);border-top:none;display:flex;flex-shrink:0;gap:.375rem;justify-content:flex-end;padding:.125rem 2rem}[data-theme=dark] .modern-modal__mask{background:#000000b3}[data-theme=dark] .modern-modal--default{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .modern-modal--glass{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .modern-modal--gradient{background:var(--gradient-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .modern-modal__header{background:var(--dark-bg-secondary);border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .modern-modal__title{color:var(--dark-text-primary)}[data-theme=dark] .modern-modal__close{color:var(--dark-text-muted)}[data-theme=dark] .modern-modal__close:hover{background:var(--dark-bg-glass);color:var(--dark-text-primary)}[data-theme=dark] .modern-modal__body{color:var(--dark-text-secondary)}[data-theme=dark] .modern-modal__body::-webkit-scrollbar-track{background:var(--dark-bg-glass)}[data-theme=dark] .modern-modal__body::-webkit-scrollbar-thumb{background:var(--dark-border-primary)}[data-theme=dark] .modern-modal__body::-webkit-scrollbar-thumb:hover{background:var(--dark-text-muted)}[data-theme=dark] .modern-modal__footer{background:var(--dark-bg-secondary);border-top-color:var(--dark-border-primary)}@media (max-width:768px){.modern-modal__mask{padding:.5rem}.modern-modal--lg,.modern-modal--md,.modern-modal--sm,.modern-modal--xl{max-height:95vh;max-width:100%}.modern-modal__header{padding:1rem 1.5rem}.modern-modal__title{font-size:1.125rem}.modern-modal__body{padding:1.5rem}.modern-modal__footer{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}}@media (max-width:480px){.modern-modal__mask{padding:0}.modern-modal--lg,.modern-modal--md,.modern-modal--sm,.modern-modal--xl{border-radius:0;max-height:100vh}.modern-modal__body,.modern-modal__footer,.modern-modal__header{padding:1rem}}:root{--modal-overlay-bg:#0009;--modal-bg-primary:var(--light-bg-card);--modal-bg-glass:var(--light-bg-glass);--modal-border:var(--light-border-primary);--modal-shadow:var(--light-shadow-2xl);--modal-text-primary:var(--light-text-primary);--modal-text-secondary:var(--light-text-secondary);--modal-text-muted:var(--light-text-muted);--modal-padding:2rem;--modal-header-padding:1rem 2rem;--modal-content-padding:2rem;--modal-footer-padding:0.125rem 2rem;--modal-section-gap:1.5rem;--modal-radius:var(--radius-2xl);--modal-header-border:1px solid var(--light-border-primary);--modal-footer-border:1px solid var(--light-border-primary);--modal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--modal-backdrop-blur:8px}[data-theme=dark]{--modal-bg-primary:var(--dark-bg-card);--modal-bg-glass:var(--dark-bg-glass);--modal-border:var(--dark-border-primary);--modal-shadow:var(--dark-shadow-2xl);--modal-text-primary:var(--dark-text-primary);--modal-text-secondary:var(--dark-text-secondary);--modal-text-muted:var(--dark-text-muted);--modal-header-border:1px solid var(--dark-border-primary);--modal-footer-border:1px solid var(--dark-border-primary)}.unified-modal-overlay{align-items:center;animation:modalOverlayFadeIn all .3s cubic-bezier(.4,0,.2,1);animation:modalOverlayFadeIn var(--modal-transition);backdrop-filter:blur(8px);backdrop-filter:blur(var(--modal-backdrop-blur));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));background:#0009;background:var(--modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.unified-modal-container{animation:modalSlideIn all .3s cubic-bezier(.4,0,.2,1);animation:modalSlideIn var(--modal-transition);background:var(--light-bg-card);background:var(--modal-bg-primary);border:1px solid var(--modal-border);border-radius:var(--radius-2xl);border-radius:var(--modal-radius);box-shadow:var(--light-shadow-2xl);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:100%;outline:none;overflow:hidden;position:relative;width:100%}.unified-modal-container.modal-sm{max-width:400px}.unified-modal-container.modal-md{max-width:600px}.unified-modal-container.modal-lg{max-width:800px}.unified-modal-container.modal-xl{max-width:1000px}.unified-modal-container.modal-full{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.unified-modal-container.modal-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--light-bg-glass);background:var(--modal-bg-glass);border-color:#ffffff1a}.unified-modal-container.modal-gradient{background:var(--gradient-bg-card);border-color:var(--modal-border)}.unified-modal-header{align-items:center;background:var(--light-bg-secondary);border-bottom:var(--modal-header-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;padding:var(--modal-header-padding);position:relative}[data-theme=dark] .unified-modal-header{background:var(--dark-bg-secondary)}[data-theme=dark] .unified-modal-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .unified-modal-subtitle{color:var(--dark-text-secondary)}.unified-modal-title-section{align-items:center;display:flex;flex:1 1;gap:1rem}.unified-modal-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--light-shadow-md);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}.unified-modal-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.unified-modal-container:hover .unified-modal-icon:before{transform:translateX(100%)}.unified-modal-title-content{flex:1 1}.unified-modal-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--light-text-primary);color:var(--modal-text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 .125rem}.unified-modal-subtitle{font-size:.875rem;line-height:1.4;margin:0}.unified-modal-close,.unified-modal-subtitle{color:var(--light-text-secondary);color:var(--modal-text-secondary)}.unified-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:2rem}.unified-modal-close:hover{background:var(--light-bg-hover);color:var(--light-text-primary);color:var(--modal-text-primary);transform:scale(1.05)}[data-theme=dark] .unified-modal-close:hover{background:var(--dark-bg-hover)}.unified-modal-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--modal-section-gap);overflow-y:auto;padding:2rem;padding:var(--modal-content-padding)}.unified-modal-section{display:flex;flex-direction:column;gap:1rem}.unified-modal-section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.unified-modal-section-title{align-items:center;color:var(--light-text-primary);color:var(--modal-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.unified-modal-section-description{color:var(--light-text-secondary);color:var(--modal-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.unified-modal-card{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-xl);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition)}[data-theme=dark] .unified-modal-card{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.unified-modal-card:hover{box-shadow:var(--light-shadow-lg);transform:translateY(-1px)}[data-theme=dark] .unified-modal-card:hover{box-shadow:var(--dark-shadow-lg)}.unified-modal-footer{align-items:center;background:var(--light-bg-secondary);border-top:none;display:flex;flex-shrink:0;gap:.375rem;justify-content:space-between;padding:.125rem 2rem;padding:var(--modal-footer-padding)}[data-theme=dark] .unified-modal-footer{background:var(--dark-bg-secondary)}.unified-modal-actions{background:#0000;border-top:none;gap:.375rem;padding:.125rem 2rem}.unified-modal-actions.full-width{background:#0000;justify-content:space-between;padding:0}.unified-modal-actions.center{background:#0000;justify-content:center;min-height:auto;padding:0;width:100%}.unified-modal-form-group{display:flex;flex-direction:column;gap:.5rem}.unified-modal-form-label{color:var(--light-text-primary);color:var(--modal-text-primary);font-size:.875rem;font-weight:600;margin:0}.unified-modal-form-input,.unified-modal-form-select,.unified-modal-form-textarea{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);color:var(--modal-text-primary);font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:100%}[data-theme=dark] .unified-modal-form-input,[data-theme=dark] .unified-modal-form-select,[data-theme=dark] .unified-modal-form-textarea{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}.unified-modal-form-input:focus,.unified-modal-form-select:focus,.unified-modal-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.unified-modal-form-textarea{min-height:80px;resize:vertical}.unified-modal-form-help{color:var(--light-text-muted);color:var(--modal-text-muted);font-size:.75rem;line-height:1.4;margin:0}.unified-modal-warning{--modal-warning-color:#f59e0b;--modal-warning-bg:#fbbf241a;--modal-warning-border:#fbbf2433}.unified-modal-warning .unified-modal-icon{background:linear-gradient(135deg,var(--modal-warning-color),#f97316)}.unified-modal-warning .unified-modal-card{background:var(--modal-warning-bg);border-color:var(--modal-warning-border)}.unified-modal-danger{--modal-danger-color:#ef4444;--modal-danger-bg:#ef44441a;--modal-danger-border:#ef444433}.unified-modal-danger .unified-modal-icon{animation:pulse-danger 2s ease-in-out infinite;background:linear-gradient(135deg,var(--modal-danger-color),#dc2626)}.unified-modal-danger .unified-modal-card{background:var(--modal-danger-bg);border-color:var(--modal-danger-border)}@keyframes pulse-danger{0%,to{box-shadow:0 8px 32px #ef44444d;transform:scale(1)}50%{box-shadow:0 12px 40px #ef444466;transform:scale(1.05)}}.unified-modal-success{--modal-success-color:#10b981;--modal-success-bg:#10b9811a;--modal-success-border:#10b98133}.unified-modal-success .unified-modal-icon{background:linear-gradient(135deg,var(--modal-success-color),#059669)}.unified-modal-success .unified-modal-card{background:var(--modal-success-bg);border-color:var(--modal-success-border)}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.unified-modal-overlay{padding:.5rem}.unified-modal-header{padding:1rem 1.5rem}.unified-modal-content{padding:1.5rem}.unified-modal-footer{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.unified-modal-actions{justify-content:space-between;width:100%}.unified-modal-title{font-size:1.25rem}.unified-modal-icon{height:2.5rem;width:2.5rem}}@media (max-width:480px){.unified-modal-container{border-radius:0;height:100vh;margin:0;max-height:100vh}.unified-modal-overlay{padding:0}.unified-modal-actions{flex-direction:column}.unified-modal-actions button{width:100%}}.search-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;bottom:0;box-shadow:inset 0 0 0 1000px #0000004d;display:flex;justify-content:center;left:0;padding:10vh 1rem 1rem;position:fixed;right:0;top:0;z-index:1000}.search-modal{animation:slideInUp .3s ease-out;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:1001}.search-modal-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--light-bg-glass);border-bottom:1px solid var(--light-border-primary);flex-shrink:0;gap:1rem;padding:1.5rem}.search-input-container,.search-modal-header{align-items:center;display:flex}.search-input-icon{color:var(--light-text-secondary);left:1rem;pointer-events:none;position:absolute}.search-modal-input{background:#0000;border:none;color:var(--light-text-primary);font-size:1.125rem;outline:none;padding:1rem 1rem 1rem 3rem;width:100%}.search-modal-input::placeholder{color:var(--light-text-secondary);opacity:.7}.search-clear-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--light-text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:all var(--transition-fast)}.search-clear-btn:hover{background:var(--light-bg-secondary);color:var(--light-text-primary)}.search-close-btn{opacity:.7}.search-close-btn:hover{opacity:1}.search-modal-content{flex:1 1;min-height:0;overflow-y:auto;padding:0}.search-results-section{padding:1rem 0}.search-section-header{align-items:center;border-bottom:1px solid var(--light-border-secondary);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 1.5rem .75rem}.search-section-header h4{align-items:center;color:var(--light-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0}.search-results-count{background:var(--light-bg-secondary);border-radius:var(--radius-full);color:var(--light-text-secondary);font-size:.75rem;padding:.25rem .5rem}.search-results-list{padding:0 .5rem}.search-result-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;margin:.25rem 0;padding:.75rem 1rem;transition:all var(--transition-fast)}.search-result-item.selected,.search-result-item:hover{background:var(--light-bg-glass);border-color:var(--light-border-accent);transform:translateX(4px)}.search-result-icon{align-items:center;background:var(--light-bg-secondary);border-radius:var(--radius-lg);display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.search-result-content{flex:1 1;min-width:0}.search-result-title{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.search-result-description{color:var(--light-text-secondary);font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.search-result-meta{align-items:center;display:flex;gap:.5rem}.result-type{border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.result-type-primary{background:#3b82f61a;color:#3b82f6}.result-type-success{background:#10b9811a;color:#10b981}.result-type-warning{background:#f59e0b1a;color:#f59e0b}.result-type-info{background:#06b6d41a;color:#06b6d4}.result-type-purple{background:#8b5cf61a;color:#8b5cf6}.result-type-pink{background:#ec48991a;color:#ec4899}.result-type-secondary{background:#6b72801a;color:#6b7280}.result-category{color:var(--light-text-muted);font-size:.625rem}.search-result-action{color:var(--light-text-secondary);opacity:0;transition:opacity var(--transition-fast)}.search-result-item.selected .search-result-action,.search-result-item:hover .search-result-action{opacity:1}.search-suggestions{padding:1rem 0}.search-section{margin-bottom:1.5rem}.clear-recent-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--light-text-secondary);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all var(--transition-fast)}.clear-recent-btn:hover{background:#ef44440d;color:var(--color-danger)}.recent-searches-list,.suggested-searches-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem}.recent-search-item,.suggested-search-item{align-items:center;background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all var(--transition-fast)}.recent-search-item:hover,.suggested-search-item:hover{background:var(--light-bg-glass);border-color:var(--light-border-accent);transform:translateY(-1px)}.quick-access-list{padding:0 1.5rem}.quick-access-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:.75rem;text-align:left;transition:all var(--transition-fast);width:100%}.quick-access-item:hover{background:var(--light-bg-glass);transform:translateX(4px)}.quick-access-icon{align-items:center;background:var(--light-bg-secondary);border-radius:var(--radius-md);display:flex;font-size:1rem;height:2rem;justify-content:center;width:2rem}.quick-access-title{color:var(--light-text-primary);flex:1 1;font-size:.875rem;font-weight:500}.search-no-results{padding:3rem 1.5rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.search-no-results h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.search-no-results p{color:var(--light-text-secondary);font-size:.875rem;margin:0}.search-modal-footer{background:var(--light-bg-glass);border-top:1px solid var(--light-border-primary);flex-shrink:0;padding:1rem 1.5rem}.search-shortcuts{align-items:center;display:flex;gap:1rem;justify-content:center}.shortcut-item{align-items:center;color:var(--light-text-secondary);display:flex;font-size:.75rem;gap:.5rem}.shortcut-item kbd{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);color:var(--light-text-primary);font-family:monospace;font-size:.625rem;font-weight:600;padding:.25rem .5rem}[data-theme=dark] .search-modal{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d}[data-theme=dark] .search-modal-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000c;box-shadow:inset 0 0 0 1000px #0006}[data-theme=dark] .search-modal-header{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .search-modal-input{color:var(--dark-text-primary)}[data-theme=dark] .search-clear-btn,[data-theme=dark] .search-input-icon,[data-theme=dark] .search-modal-input::placeholder{color:var(--dark-text-secondary)}[data-theme=dark] .search-clear-btn:hover{background:var(--dark-bg-secondary);color:var(--dark-text-primary)}[data-theme=dark] .search-section-header{border-color:var(--dark-border-secondary)}[data-theme=dark] .search-section-header h4{color:var(--dark-text-primary)}[data-theme=dark] .search-results-count{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}[data-theme=dark] .search-result-item{border-color:#0000}[data-theme=dark] .search-result-item.selected,[data-theme=dark] .search-result-item:hover{background:var(--dark-bg-glass);border-color:var(--dark-border-accent)}[data-theme=dark] .search-result-icon{background:var(--dark-bg-secondary)}[data-theme=dark] .search-result-title{color:var(--dark-text-primary)}[data-theme=dark] .search-result-description{color:var(--dark-text-secondary)}[data-theme=dark] .result-category{color:var(--dark-text-muted)}[data-theme=dark] .search-result-action{color:var(--dark-text-secondary)}[data-theme=dark] .search-no-results h4{color:var(--dark-text-primary)}[data-theme=dark] .clear-recent-btn,[data-theme=dark] .search-no-results p{color:var(--dark-text-secondary)}[data-theme=dark] .clear-recent-btn:hover{background:#ef44441a;color:var(--color-danger)}[data-theme=dark] .recent-search-item,[data-theme=dark] .suggested-search-item{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .recent-search-item:hover,[data-theme=dark] .suggested-search-item:hover{background:var(--dark-bg-glass);border-color:var(--dark-border-accent)}[data-theme=dark] .quick-access-item:hover{background:var(--dark-bg-glass)}[data-theme=dark] .quick-access-icon{background:var(--dark-bg-secondary);color:#fff}[data-theme=dark] .quick-access-icon svg,[data-theme=dark] .quick-access-item svg{color:#fff}[data-theme=dark] .quick-access-title{color:var(--dark-text-primary)}[data-theme=dark] .search-modal-footer{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .shortcut-item{color:var(--dark-text-secondary)}[data-theme=dark] .shortcut-item kbd{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.search-modal-overlay{padding:5vh .5rem 1rem}.search-modal{max-height:90vh}.search-modal-header{padding:1rem}.search-modal-input{font-size:1rem;padding:.875rem .875rem .875rem 2.5rem}.search-input-icon{left:.875rem}.search-clear-btn{right:.875rem}.search-shortcuts{gap:.75rem}.shortcut-item{font-size:.625rem}.quick-access-list,.recent-searches-list,.suggested-searches-list{padding:0 1rem}}@media (max-width:480px){.search-modal-overlay{padding:2vh .25rem 1rem}.search-modal{border-radius:var(--radius-xl)}.search-shortcuts{gap:.5rem}.recent-searches-list,.search-shortcuts,.suggested-searches-list{flex-direction:column}}.unified-modal-footer{align-items:center!important;background:var(--light-bg-secondary)!important;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)!important;border-top:var(--modal-header-border)!important;bottom:0!important;box-shadow:0 -2px 8px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;left:0!important;margin:0!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:100%!important;z-index:1000!important}[data-theme=dark] .unified-modal-footer{background:var(--dark-bg-secondary)!important;box-shadow:0 -2px 8px #0000004d!important}.unified-modal-content{padding-bottom:0!important}.unified-modal-container{display:flex!important;flex-direction:column!important;height:auto!important;max-height:90vh!important;overflow:hidden!important}.modal-form+.unified-modal-footer{bottom:0!important;left:0!important;margin-left:calc(var(--modal-content-padding)*-1)!important;margin-right:calc(var(--modal-content-padding)*-1)!important;margin-top:auto!important;padding:1rem 2rem!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:calc(100% + var(--modal-content-padding)*2)!important;z-index:1000!important}.unified-modal-footer>*{margin-left:0!important;margin-right:0!important}@media (max-width:768px){.unified-modal-footer{bottom:0!important;flex-direction:column!important;gap:1rem!important;left:0!important;padding:1rem 1.5rem!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:100%!important;z-index:1000!important}.unified-modal-footer button{width:100%!important}.unified-modal-footer>*{margin-left:0!important;margin-right:0!important}.modal-form+.unified-modal-footer{margin-left:-1.5rem!important;margin-right:-1.5rem!important;padding:1rem 1.5rem!important;width:calc(100% + 3rem)!important}}@media (max-width:480px){.unified-modal-footer{bottom:0!important;gap:.5rem!important;left:0!important;padding:.75rem 1rem!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:100%!important;z-index:1000!important}.unified-modal-footer>*{margin-left:0!important;margin-right:0!important}.modal-form+.unified-modal-footer{margin-left:-1rem!important;margin-right:-1rem!important;padding:.75rem 1rem!important;width:calc(100% + 2rem)!important}}.account-selector{display:inline-block;position:relative}.account-selector-button{align-items:center;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;height:2.5rem;min-width:140px;padding:.5rem .75rem;transition:all .2s ease}.account-selector-button svg{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:.375rem}.account-selector-button:hover{background:var(--background-tertiary);border-color:var(--accent-primary)}.account-name{align-items:center;display:flex;flex:1 1;font-weight:500;height:100%;margin-right:.5rem;margin-top:.25rem;text-align:left}.account-timezone{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-size:.75rem;margin-right:.5rem;padding:.125rem .375rem}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.account-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:.5rem;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.account-dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem}.account-dropdown-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.account-dropdown-header p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.time-difference-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.5rem}.timezone-content{background:#fff;padding:.25rem}.current-country-info{text-align:center}.country-name{color:#111827;font-size:1.25rem;font-weight:600;margin:0;text-transform:capitalize}.time-difference{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.0625rem}.difference-text{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;box-shadow:0 2px 4px #3b82f61a;color:#3b82f6;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.25px;min-width:auto;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.current-time-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:.5rem;padding:.5rem}.current-time{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center}.account-dropdown-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.5rem}.timezone-info{align-items:center;color:#6b7280;display:flex;flex-direction:row;font-size:.55rem;font-style:italic;gap:.375rem;justify-content:center;line-height:1.2;margin:0;width:100%}.timezone-info svg{flex-shrink:0;height:.55rem;width:.55rem}.timezone-info span{line-height:1.4;text-align:center;white-space:nowrap;width:100%}@media (max-width:768px){.account-dropdown{min-width:260px}.account-details,.account-main{align-items:flex-start;flex-direction:column;gap:.25rem}}[data-theme=dark] .account-selector-button{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .account-selector-button:hover{background:#4b5563;border-color:#3b82f6}[data-theme=dark] .account-timezone{background:#1f2937;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .account-dropdown{background:#1f2937;border-color:#4b5563;box-shadow:0 8px 32px #00000080}[data-theme=dark] .account-dropdown-header{background:#374151;border-color:#4b5563}[data-theme=dark] .account-dropdown-header h4{color:#f9fafb}[data-theme=dark] .account-dropdown-header p{color:#d1d5db}[data-theme=dark] .account-option{color:#f9fafb}[data-theme=dark] .account-option:hover{background:#374151}[data-theme=dark] .account-country{color:#f9fafb}[data-theme=dark] .account-currency{background:#1f2937;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .account-details{color:#9ca3af}[data-theme=dark] .account-offset{color:#d1d5db}[data-theme=dark] .account-dropdown-footer,[data-theme=dark] .account-offset{background:#374151;border-color:#4b5563}[data-theme=dark] .timezone-info{color:#d1d5db}[data-theme=dark] .time-difference-info{background:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .timezone-content{background:#1f2937}[data-theme=dark] .country-name{color:#f9fafb}[data-theme=dark] .difference-text{background:#1e3a8a;border-color:#3b82f6;color:#60a5fa}.layout{background:var(--light-bg-primary);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:all var(--transition-normal)}.layout__account-selector{position:fixed;right:1rem;top:1rem;z-index:100}.main{display:flex;flex:1 1;flex-direction:column;transition:all var(--transition-normal)}.main--with-nav{padding-top:0}[data-theme=dark] .layout{background:var(--dark-bg-primary)}@media (max-width:768px){.main--with-nav{padding-top:0}}.modern-card{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-normal)}.modern-card:hover{box-shadow:var(--light-shadow-xl);transform:translateY(-4px)}.modern-card--default{background:var(--light-bg-card);border:1px solid var(--light-border-primary);box-shadow:var(--light-shadow-sm)}.modern-card--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--light-bg-glass)}.modern-card--glass,.modern-card--gradient{border:1px solid var(--light-border-primary);box-shadow:var(--light-shadow-md)}.modern-card--gradient{background:var(--gradient-bg-card)}.modern-card--elevated{background:var(--light-bg-card);border:1px solid var(--light-border-primary);box-shadow:var(--light-shadow-lg)}.modern-card--outlined{background:#0000;border:2px solid var(--light-border-primary);box-shadow:none}.modern-card--flat{background:var(--light-bg-card);border:none;box-shadow:none}.modern-card--sm{min-height:80px}.modern-card--md{min-height:120px}.modern-card--lg{min-height:160px}.modern-card--xl{min-height:200px}.modern-card--padding-none{padding:0}.modern-card--padding-sm{padding:.75rem}.modern-card--padding-md{padding:1.5rem}.modern-card--padding-lg{padding:2rem}.modern-card--padding-xl{padding:2.5rem}.modern-card--rounded{border-radius:var(--radius-xl)}.modern-card--hover:hover{box-shadow:var(--light-shadow-lg);transform:translateY(-2px)}.modern-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.modern-card--clickable:hover{box-shadow:var(--light-shadow-md);transform:translateY(-1px)}.modern-card--clickable:active{box-shadow:var(--light-shadow-sm);transform:translateY(0)}[data-theme=dark] .modern-card--default{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .modern-card--glass{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .modern-card--gradient{background:var(--gradient-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .modern-card--elevated{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .modern-card--outlined{background:#0000;border-color:var(--dark-border-primary)}[data-theme=dark] .modern-card--flat{background:var(--dark-bg-card)}[data-theme=dark] .modern-card--hover:hover{box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .modern-card--clickable:hover{box-shadow:var(--dark-shadow-md)}[data-theme=dark] .modern-card--clickable:active{box-shadow:var(--dark-shadow-sm)}@media (max-width:768px){.modern-card--padding-lg{padding:1.5rem}.modern-card--padding-xl{padding:2rem}.modern-card--lg{min-height:140px}.modern-card--xl{min-height:180px}}.user-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.user-dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.user-dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.header-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:2rem}.header-title h1{color:#fff;margin-bottom:.5rem}.header-title p{color:#fffc;font-size:1.2rem;margin-bottom:1rem}.user-role-badge{border-radius:2rem;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.stats-section{margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem}.stat-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.stat-icon{background:#fff3;border-radius:1rem;height:60px;width:60px}.stat-value{color:#fff}.stat-label{color:#fffc;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.modules-section{margin-bottom:3rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#fffc;font-size:1.1rem}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.module-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;transition:all .3s ease}.module-card:hover{background:#ffffff26;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.module-content{align-items:center;display:flex;gap:1rem}.module-icon{background:#fff3;border-radius:1rem;height:60px;width:60px}.module-info{flex:1 1}.module-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.module-info p{color:#fffc;font-size:.9rem;margin-bottom:.5rem}.module-description{color:#fff9;font-size:.8rem;font-style:italic}.module-arrow{color:#fff9;font-size:1.5rem;font-weight:700}.permissions-info{margin-bottom:2rem}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:2rem}.info-content h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.info-content p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1rem}.info-content p:last-child{margin-bottom:0}.dark .user-dashboard{background:linear-gradient(135deg,#1e293b,#334155)}.dark .header-content,.dark .info-card,.dark .module-card,.dark .stat-card{background:#1e293bcc;border-color:#4755694d}@media (max-width:768px){.user-dashboard{padding:1rem}.header-title h1{font-size:2rem}.modules-grid,.stats-grid{grid-template-columns:1fr}.module-content{flex-direction:column;text-align:center}.module-arrow{display:none}}.modern-button{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:none;box-shadow:var(--light-shadow-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:.5rem;justify-content:center;line-height:1;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.modern-button:focus{box-shadow:0 0 0 3px var(--border-accent);outline:none}.modern-button:hover{box-shadow:var(--light-shadow-lg);transform:translateY(-2px)}.modern-button:active{transform:translateY(0);transition:all var(--transition-fast)}.modern-button--sm{border-radius:var(--radius-md);font-size:.875rem;min-height:2rem;padding:.5rem 1rem}.modern-button--md{border-radius:var(--radius-lg);font-size:1rem;min-height:2.5rem;padding:.75rem 1.5rem}.modern-button--lg{border-radius:var(--radius-xl);font-size:1.125rem;min-height:3rem;padding:1rem 2rem}.modern-button--xl{border-radius:var(--radius-2xl);font-size:1.25rem;min-height:3.5rem;padding:1.25rem 2.5rem}.modern-button--primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--primary:hover:not(.modern-button--disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--secondary:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--success{background:var(--gradient-success);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--success:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--warning{background:var(--gradient-warning);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--warning:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--danger{background:var(--gradient-danger);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--danger:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--info{background:var(--gradient-info);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--info:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--purple{background:var(--gradient-purple);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--purple:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--pink{background:var(--gradient-pink);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--pink:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--orange{background:var(--gradient-orange);box-shadow:var(--shadow-md);color:var(--color-white)}.modern-button--orange:hover:not(.modern-button--disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--outline{background:#0000;border:2px solid var(--border-primary);box-shadow:none;color:var(--text-primary)}.modern-button--outline:hover:not(.modern-button--disabled){background:var(--gradient-primary);border-color:#0000;box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-1px)}.modern-button--ghost{background:var(--light-bg-secondary)!important;border:1px solid var(--light-border-primary)!important;box-shadow:var(--shadow-sm)!important;color:var(--light-text-primary)!important}.modern-button--ghost:hover:not(.modern-button--disabled){background:var(--light-bg-glass)!important;border-color:var(--light-border-secondary)!important;box-shadow:var(--shadow-md)!important;color:var(--light-text-primary)!important}.section-header .modern-button--ghost,[data-theme=dark] .section-header .modern-button--ghost{margin-right:1rem}.modern-button--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.modern-button--glass:hover:not(.modern-button--disabled){background:var(--bg-glass-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-button--disabled{box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.5;transform:none!important}.modern-button--loading{color:#0000;cursor:not-allowed}.modern-button--full-width{width:100%}.modern-button--rounded{border-radius:var(--radius-full)}.modern-button__icon{flex-shrink:0;height:1em;width:1em}.modern-button__icon--left{margin-right:.25rem}.modern-button__icon--right{margin-left:.25rem}.modern-button__spinner{height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.modern-button__spinner-circle{animation:modern-button-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:100%;width:100%}@keyframes modern-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-button__content{align-items:center;display:flex;gap:.5rem}.modern-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.modern-button:active:before{height:300px;width:300px}[data-theme=dark] .modern-button--outline{border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .modern-button--ghost{background:var(--dark-bg-glass)!important;border:1px solid var(--dark-border-primary)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-button--ghost:hover:not(.modern-button--disabled){background:var(--dark-bg-glass)}[data-theme=dark] .modern-button--glass{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .modern-button--glass:hover:not(.modern-button--disabled){background:var(--dark-bg-glass-hover)}@media (max-width:640px){.modern-button--xl{font-size:1.125rem;min-height:3rem;padding:1rem 2rem}.modern-button--lg{font-size:1rem;min-height:2.75rem;padding:.875rem 1.75rem}}.modern-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.modern-loading-text{color:var(--text-muted);font-size:.875rem;font-weight:500;text-align:center}.modern-loading--sm{gap:.5rem}.modern-loading--sm .modern-loading-text{font-size:.75rem}.modern-loading--lg{gap:1.5rem}.modern-loading--lg .modern-loading-text{font-size:1rem}.modern-loading--xl{gap:2rem}.modern-loading--xl .modern-loading-text{font-size:1.125rem}.modern-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-secondary);border:3px solid var(--border-secondary);border-radius:50%;border-top-color:var(--gradient-primary);height:2rem;width:2rem}.modern-loading--sm .modern-loading-spinner{border-width:2px;height:1.5rem;width:1.5rem}.modern-loading--lg .modern-loading-spinner{border-width:4px;height:2.5rem;width:2.5rem}.modern-loading--xl .modern-loading-spinner{border-width:5px;height:3rem;width:3rem}.modern-loading-dots{display:flex;gap:.5rem}.modern-loading-dot{animation:dotBounce 1.4s ease-in-out infinite both;background:var(--gradient-primary);border-radius:50%;height:.5rem;width:.5rem}.modern-loading-dot:first-child{animation-delay:-.32s}.modern-loading-dot:nth-child(2){animation-delay:-.16s}.modern-loading--sm .modern-loading-dot{height:.375rem;width:.375rem}.modern-loading--lg .modern-loading-dot{height:.625rem;width:.625rem}.modern-loading--xl .modern-loading-dot{height:.75rem;width:.75rem}.modern-loading-pulse{animation:pulse 1.5s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;height:2rem;width:2rem}.modern-loading--sm .modern-loading-pulse{height:1.5rem;width:1.5rem}.modern-loading--lg .modern-loading-pulse{height:2.5rem;width:2.5rem}.modern-loading--xl .modern-loading-pulse{height:3rem;width:3rem}.modern-loading-wave{align-items:end;display:flex;gap:.25rem}.modern-loading-bar{animation:wave 1.2s ease-in-out infinite;background:var(--gradient-primary);border-radius:.125rem;width:.25rem}.modern-loading-bar:first-child{animation-delay:-1.1s}.modern-loading-bar:nth-child(2){animation-delay:-1s}.modern-loading-bar:nth-child(3){animation-delay:-.9s}.modern-loading-bar:nth-child(4){animation-delay:-.8s}.modern-loading-bar:nth-child(5){animation-delay:-.7s}.modern-loading--sm .modern-loading-bar{height:1rem;width:.1875rem}.modern-loading--md .modern-loading-bar{height:1.5rem}.modern-loading--lg .modern-loading-bar{height:2rem;width:.375rem}.modern-loading--xl .modern-loading-bar{height:2.5rem;width:.5rem}.modern-loading-bounce{display:flex;gap:.25rem}.modern-loading-ball{animation:bounce 1.4s ease-in-out infinite both;background:var(--gradient-primary);border-radius:50%;height:.5rem;width:.5rem}.modern-loading-ball:first-child{animation-delay:-.32s}.modern-loading-ball:nth-child(2){animation-delay:-.16s}.modern-loading--sm .modern-loading-ball{height:.375rem;width:.375rem}.modern-loading--lg .modern-loading-ball{height:.625rem;width:.625rem}.modern-loading--xl .modern-loading-ball{height:.75rem;width:.75rem}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}[data-theme=dark] .modern-loading-text{color:var(--dark-text-muted)}[data-theme=dark] .modern-loading-spinner{border-color:var(--dark-border-secondary);border-top-color:var(--gradient-primary)}.search-filters-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-top:1.5rem}.search-main{align-items:center;display:flex;gap:1rem}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:var(--primary-color);display:none;left:.625rem;z-index:1}.search-input{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:0 0 0 3px #3b82f61a;box-sizing:border-box;height:3rem;line-height:1.25;text-align:left;transition:all var(--transition-fast);vertical-align:middle}.search-input:focus{box-shadow:0 0 0 4px #3b82f626}.clear-search-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--light-text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.clear-search-btn:hover{background:var(--light-bg-secondary);color:var(--light-text-primary)}.search-actions{align-items:center;display:flex;gap:.75rem}.chevron{transition:transform var(--transition-fast)}.chevron.rotated{transform:rotate(180deg)}.active-filters{align-items:center;background:linear-gradient(135deg,#3b82f614,#2563eb0a);border:1px solid #3b82f633;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.active-filters-label{color:var(--light-text-primary);font-size:.875rem;font-weight:500;white-space:nowrap}.active-filters-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.active-filter-chip{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f699;border-radius:var(--radius-full);box-shadow:0 2px 4px #3b82f64d,0 1px 2px #0000001a;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.filter-chip-label{opacity:.9}.filter-chip-value{font-weight:600}.filter-chip-remove{background:none;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;margin-left:.25rem;padding:.125rem;transition:all var(--transition-fast)}.filter-chip-remove:hover{background:#fff3}.clear-all-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;border-radius:var(--radius-full);box-shadow:0 1px 3px #ef44444d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all var(--transition-fast)}.clear-all-filters-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 4px #ef444466;transform:translateY(-1px)}.advanced-filters-panel{animation:fadeInUp .3s ease-out;margin-top:1rem;padding:2rem 1.5rem 1.5rem}.filters-header{margin-bottom:1.5rem}.filters-header h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.filters-header p{color:var(--light-text-secondary);font-size:.875rem;margin:0}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field--checkbox{align-items:center;flex-direction:row}.filter-label{align-items:center;display:flex;font-weight:500;gap:.5rem}.filter-input,.filter-label,.filter-select{color:var(--light-text-primary);font-size:.875rem}.filter-input,.filter-select{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);padding:.5rem .75rem;transition:border-color var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.filter-checkbox-label{align-items:center;color:var(--light-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.filter-checkbox{accent-color:var(--primary-color);height:1rem;width:1rem}.checkbox-text{align-items:center;display:flex;gap:.5rem}.filters-actions{border-top:1px solid var(--light-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.view-toggle-section{margin-bottom:.5rem}.view-toggle-card{height:auto!important;min-height:auto!important;padding:.25rem 1rem!important}.view-toggle-card .modern-card__content{margin:0!important;padding:0!important}.view-toggle-card *,.view-toggle-card .modern-button{margin:0!important}.view-toggle-card.modern-card--md{height:auto!important;min-height:auto!important}.view-toggle-card.modern-card--padding-md{padding:.25rem 1rem!important}.view-toggle{justify-content:center;margin:0!important;padding:0!important}[data-theme=dark] .search-input{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-sizing:border-box;line-height:1.25;padding:.875rem 1rem .875rem 3rem}[data-theme=dark] .search-icon{display:block}[data-theme=dark] .clear-search-btn{color:var(--dark-text-secondary)}[data-theme=dark] .clear-search-btn:hover{background:var(--dark-bg-secondary);color:var(--dark-text-primary)}[data-theme=dark] .active-filters{background:linear-gradient(135deg,#3b82f61f,#2563eb0f);border-color:#3b82f64d;box-shadow:0 1px 3px #0003}[data-theme=dark] .active-filters-label{color:var(--dark-text-primary)}[data-theme=dark] .active-filter-chip{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6cc;box-shadow:0 2px 4px #3b82f666,0 1px 2px #0000004d}[data-theme=dark] .clear-all-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;box-shadow:0 1px 3px #ef444466;color:#fff}[data-theme=dark] .clear-all-filters-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 4px #ef444480}[data-theme=dark] .filters-header h4{color:var(--dark-text-primary)}[data-theme=dark] .filters-header p{color:var(--dark-text-secondary)}[data-theme=dark] .filter-label{color:var(--dark-text-primary)}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .filter-checkbox-label{color:var(--dark-text-primary)}[data-theme=dark] .filters-actions{border-color:var(--dark-border-primary)}@media (max-width:768px){.search-main{align-items:stretch;flex-direction:column}.search-actions{justify-content:center}.filters-grid{grid-template-columns:1fr}.active-filters{align-items:flex-start;gap:.75rem}.active-filters,.filters-actions{flex-direction:column}}@media (max-width:480px){.search-filters-container{margin-bottom:1rem}.advanced-filters-panel{padding:1rem}.active-filters-list{align-items:flex-start;flex-direction:column;gap:.5rem;width:100%}.active-filter-chip{justify-content:space-between;padding:.5rem .75rem;width:100%}}.admin-dashboard{background:var(--light-bg-primary);min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-normal)}.admin-dashboard:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.admin-dashboard>*{position:relative;z-index:1}.stats-overview{margin-bottom:3rem}.stats-grid{animation:fadeInUp .6s ease-out .4s both;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{position:relative}.stat-card:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.stat-card:hover:before{opacity:.1}.stat-card:hover{box-shadow:var(--light-shadow-xl);transform:translateY(-4px) scale(1.02)}.stat-value{animation:fadeInUp .6s ease-out .6s both;position:relative}.stat-value:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-.25rem;content:"";height:2px;left:0;opacity:.3;position:absolute;width:100%}.stat-label{animation:fadeInUp .6s ease-out .8s both;font-weight:600}.stat-subtitle{animation:fadeInUp .6s ease-out 1s both}.dashboard-content{grid-gap:2rem;animation:fadeInUp .6s ease-out 1.2s both;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.modules-section{animation:fadeInUp .6s ease-out 1.4s both;margin-bottom:2rem}.section-header{animation:fadeInUp .6s ease-out 1.6s both}.section-header h2{position:relative}.section-header h2:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-.25rem;content:"";height:2px;left:0;position:absolute;width:3rem}.section-header p{animation:fadeInUp .6s ease-out 1.8s both}.modules-grid{grid-gap:1.5rem;animation:fadeInUp .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.module-card{cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-normal)}.module-card:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.module-card--primary:before,.module-card:before{background:var(--gradient-primary)}.module-card--success:before{background:var(--gradient-success)}.module-card--warning:before{background:var(--gradient-warning)}.module-card--info:before{background:var(--gradient-info)}.module-card--purple:before{background:var(--gradient-purple)}.module-card--selected:before,.module-card:hover:before{opacity:.05}.module-card:hover{box-shadow:var(--light-shadow-xl);transform:translateY(-8px) scale(1.02)}.module-card--selected{border-color:var(--light-border-accent);box-shadow:var(--light-shadow-md)}.module-header{justify-content:space-between;margin-bottom:1rem}.module-header,.module-icon{align-items:center;display:flex}.module-icon{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--light-shadow-md);color:#fff;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal);width:3rem}.module-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.module-card:hover .module-icon:before{transform:translateX(100%)}.module-card--success .module-icon{background:var(--gradient-success)}.module-card--warning .module-icon{background:var(--gradient-warning)}.module-card--info .module-icon{background:var(--gradient-info)}.module-card--purple .module-icon{background:var(--gradient-purple)}.module-stats{text-align:right}.module-stat-value{color:var(--light-text-primary);font-size:1.25rem;font-weight:700}.module-content{margin-bottom:1.5rem}.module-title{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.module-subtitle{color:var(--light-text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .75rem}.module-description{color:var(--light-text-muted);font-size:.875rem;line-height:1.5;margin:0}.module-footer{display:flex;justify-content:flex-end}.activity-section{animation:fadeInUp .6s ease-out 2s both;margin-bottom:2rem}.activity-card{overflow:hidden;padding:0;position:relative}.activity-card:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.activity-card:hover:before{opacity:.1}.activity-list{animation:fadeInUp .6s ease-out 2.2s both;padding:1.5rem}.activity-item{align-items:center;border-bottom:1px solid var(--light-border-secondary);display:flex;gap:1rem;overflow:hidden;padding:1rem 0;position:relative;transition:all var(--transition-fast)}.activity-item:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.activity-item:hover:before{opacity:.05}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--light-bg-glass);border-radius:var(--radius-lg);margin:0 -1.5rem;padding:1rem 1.5rem}.activity-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal);width:2.5rem}.activity-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.activity-item:hover .activity-icon:before{transform:translateX(100%)}.activity-icon--success{background:var(--gradient-success)}.activity-icon--info{background:var(--gradient-info)}.activity-icon--warning{background:var(--gradient-warning)}.activity-icon--primary{background:var(--gradient-primary)}.activity-icon--danger{background:var(--gradient-danger)!important;border:none!important}.activity-icon--danger,.activity-icon.activity-icon--danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important}.activity-icon--danger svg{stroke:#fff!important;color:#fff!important}.activity-content{flex:1 1}.activity-title{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem;position:relative}.activity-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-.125rem;content:"";height:1px;left:0;opacity:.3;position:absolute;width:2rem}.activity-description{animation:fadeInUp .6s ease-out 2.4s both}.activity-description,.activity-time{color:var(--light-text-muted);font-size:.75rem}.activity-time{animation:fadeInUp .6s ease-out 2.6s both;font-weight:500;white-space:nowrap}[data-theme=dark] .admin-dashboard{background:var(--dark-bg-primary)}[data-theme=dark] .admin-dashboard:before{background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba226 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb26 0,#0000 50%)}[data-theme=dark] .header-title p{animation:fadeInUp .6s ease-out .4s both}[data-theme=dark] .stat-label{animation:fadeInUp .6s ease-out .8s both}[data-theme=dark] .stat-subtitle{animation:fadeInUp .6s ease-out 1s both}[data-theme=dark] .section-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .section-header p{animation:fadeInUp .6s ease-out 1.8s both}[data-theme=dark] .module-card--selected{border-color:var(--dark-border-accent);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .module-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .module-subtitle{animation:fadeInUp .6s ease-out 2s both;color:var(--dark-text-secondary)}[data-theme=dark] .module-description{animation:fadeInUp .6s ease-out 2.2s both;color:var(--dark-text-muted)}[data-theme=dark] .module-stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .activity-item{animation:fadeInUp .6s ease-out 2.4s both;border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .activity-item:hover{background:var(--dark-bg-glass);box-shadow:var(--dark-shadow-lg);transform:translateY(-2px)}[data-theme=dark] .activity-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .activity-description{animation:fadeInUp .6s ease-out 2.6s both;color:var(--dark-text-muted)}[data-theme=dark] .activity-time{animation:fadeInUp .6s ease-out 2.8s both;color:var(--dark-text-muted)}.activity-loading{font-size:.875rem;gap:.75rem;padding:2rem}.activity-empty,.activity-loading{align-items:center;color:var(--light-text-muted);display:flex;justify-content:center}.activity-empty{flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.activity-empty svg{opacity:.5}.activity-empty p{font-size:.875rem;margin:0}.activity-user{color:var(--light-text-secondary);font-weight:500;margin-right:.5rem}[data-theme=dark] .activity-empty,[data-theme=dark] .activity-loading{color:var(--dark-text-muted)}[data-theme=dark] .activity-user{color:var(--dark-text-secondary)}@media (max-width:1200px){.dashboard-content{animation:fadeInUp .6s ease-out 1.2s both;grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{animation:fadeInUp .6s ease-out .2s both;padding:1rem}.header-content{align-items:flex-start;animation:fadeInUp .6s ease-out .4s both;flex-direction:column;gap:1rem}.header-title h1{animation:fadeInUp .6s ease-out .6s both;font-size:2rem}.stats-grid{animation:fadeInUp .6s ease-out .8s both;grid-template-columns:1fr}.modules-grid{animation:fadeInUp .6s ease-out 1s both;grid-template-columns:1fr}.module-card{animation:fadeInUp .6s ease-out 1.2s both;padding:1rem}.module-content{animation:fadeInUp .6s ease-out 1.4s both;margin-bottom:1rem}.activity-item{align-items:flex-start;animation:fadeInUp .6s ease-out 1.6s both;flex-direction:column;gap:.75rem}.activity-time{align-self:flex-end;animation:fadeInUp .6s ease-out 1.8s both}}@media (max-width:480px){.admin-dashboard{animation:fadeInUp .6s ease-out .2s both;padding:.75rem}.header-content{animation:fadeInUp .6s ease-out .4s both;padding:1.5rem}.header-title h1{animation:fadeInUp .6s ease-out .6s both;font-size:1.75rem}.stat-content{animation:fadeInUp .6s ease-out .8s both;flex-direction:column;text-align:center}.stat-icon{animation:fadeInUp .6s ease-out 1s both;height:3rem;width:3rem}.stat-value{animation:fadeInUp .6s ease-out 1.2s both;font-size:2rem}}.modern-table-container{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-xl);box-shadow:var(--light-shadow-sm);overflow:hidden;position:relative}.modern-table{background:#0000;border-collapse:collapse;font-size:.875rem;width:100%}.modern-table__head{background:var(--light-bg-secondary);border-bottom:2px solid var(--light-border-primary)}.modern-table__header{color:var(--light-text-primary);font-weight:600;padding:1rem 1.5rem;position:relative;text-align:left;white-space:nowrap}.modern-table__header--sortable{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modern-table__header--sortable:hover{background:var(--light-bg-glass);color:var(--light-text-primary)}.modern-table__header-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.modern-table__header-title{flex:1 1;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modern-table__sort-icon{color:var(--light-text-muted);font-size:.75rem;transition:color var(--transition-fast)}.modern-table__header--sortable:hover .modern-table__sort-icon{color:var(--light-text-primary)}.modern-table__body{background:#0000}.modern-table__row{border-bottom:1px solid var(--light-border-secondary);transition:all var(--transition-fast)}.modern-table__row:last-child{border-bottom:none}.modern-table__row--clickable{cursor:pointer}.modern-table__row--clickable:hover{background:var(--light-bg-glass)}.modern-table__cell{color:var(--light-text-secondary);padding:1rem 1.5rem;vertical-align:middle;word-break:break-word}.modern-table--striped .modern-table__row:nth-child(2n){background:#f8fafc80}.modern-table--hoverable .modern-table__row:hover{background:var(--light-bg-glass)}.modern-table--bordered .modern-table__cell{border-right:1px solid var(--light-border-secondary)}.modern-table--bordered .modern-table__cell:last-child{border-right:none}.modern-table--sm .modern-table__cell,.modern-table--sm .modern-table__header{font-size:.75rem;padding:.5rem 1rem}.modern-table--md .modern-table__cell,.modern-table--md .modern-table__header{font-size:.875rem;padding:1rem 1.5rem}.modern-table--lg .modern-table__cell,.modern-table--lg .modern-table__header{font-size:1rem;padding:1.25rem 2rem}.modern-table--loading{opacity:.6;pointer-events:none}.modern-table-loading{align-items:center;color:var(--light-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.modern-table-spinner{animation:modern-table-spin 1s linear infinite;border-top:3px solid var(--light-border-primary);border:3px solid var(--light-border-primary);border-radius:50%;border-top-color:var(--light-text-primary);height:2rem;width:2rem}@keyframes modern-table-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-table-empty{align-items:center;color:var(--light-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.modern-table-empty-icon{font-size:3rem;opacity:.5}[data-theme=dark] .modern-table-container{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .modern-table__head{background:var(--dark-bg-secondary);border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .modern-table__header{color:var(--dark-text-primary)}[data-theme=dark] .modern-table__header--sortable:hover{background:var(--dark-bg-glass);color:var(--dark-text-primary)}[data-theme=dark] .modern-table__sort-icon{color:var(--dark-text-muted)}[data-theme=dark] .modern-table__header--sortable:hover .modern-table__sort-icon{color:var(--dark-text-primary)}[data-theme=dark] .modern-table__row{border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .modern-table__row--clickable:hover{background:var(--dark-bg-glass)}[data-theme=dark] .modern-table__cell{color:var(--dark-text-secondary)}[data-theme=dark] .modern-table--striped .modern-table__row:nth-child(2n){background:#1e293b4d}[data-theme=dark] .modern-table--hoverable .modern-table__row:hover{background:var(--dark-bg-glass)}[data-theme=dark] .modern-table--bordered .modern-table__cell{border-right-color:var(--dark-border-secondary)}[data-theme=dark] .modern-table-loading{color:var(--dark-text-muted)}[data-theme=dark] .modern-table-spinner{border-color:var(--dark-border-primary);border-top-color:var(--dark-text-primary)}[data-theme=dark] .modern-table-empty{color:var(--dark-text-muted)}@media (max-width:768px){.modern-table-container{border-radius:var(--radius-lg);overflow-x:auto}.modern-table{min-width:600px}.modern-table__cell,.modern-table__header{padding:.75rem 1rem}.modern-table--lg .modern-table__cell,.modern-table--lg .modern-table__header{padding:1rem 1.5rem}}@media (max-width:480px){.modern-table__cell,.modern-table__header{padding:.5rem .75rem}.modern-table--lg .modern-table__cell,.modern-table--lg .modern-table__header{padding:.75rem 1rem}}.admin-accounts{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}.search-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000000d,0 1px 2px 0 #00000008;cursor:text;overflow:hidden;padding:.875rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-container:before{background:linear-gradient(135deg,#8b45ff08,#3b82f608);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.search-container:hover{border-color:#a78bfa;box-shadow:0 4px 6px -1px #8b45ff1a,0 2px 4px -1px #8b45ff0f;transform:translateY(-1px)}.search-container:focus-within{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff33,0 4px 12px 0 #8b45ff40,0 2px 4px 0 #8b45ff26;transform:translateY(-2px)}.search-container:focus-within:before{opacity:1}.search-icon{color:#64748b;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .3s ease}.search-container:hover .search-icon{color:#8b45ff;transform:scale(1.05)}.search-container:focus-within .search-icon{color:#8b45ff;filter:drop-shadow(0 2px 4px rgba(139,69,255,.3));transform:scale(1.1)}[data-theme=dark] .search-container{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003}[data-theme=dark] .search-container:before{background:linear-gradient(135deg,#8b45ff0d,#3b82f60d)}[data-theme=dark] .search-container:hover{border-color:#a78bfa;box-shadow:0 4px 6px -1px #8b45ff33,0 2px 4px -1px #8b45ff26}[data-theme=dark] .search-container:focus-within{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff4d,0 4px 12px 0 #8b45ff59,0 2px 4px 0 #8b45ff40}[data-theme=dark] .search-icon{color:#9ca3af}[data-theme=dark] .search-container:hover .search-icon{color:#8b45ff}[data-theme=dark] .search-container:focus-within .search-icon{color:#8b45ff;filter:drop-shadow(0 2px 4px rgba(139,69,255,.4))}[data-theme=dark] .search-input{color:#f9fafb}[data-theme=dark] .search-input::placeholder{color:#6b7280}.search-input{font-weight:500;letter-spacing:.025em;margin:0;padding:.875rem 1rem;position:relative;z-index:1}.search-input::placeholder{font-weight:400;letter-spacing:.025em}.account-cell{gap:.75rem}.account-avatar,.account-cell{align-items:center;display:flex}.account-avatar{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.account-info{flex:1 1}.account-name{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.account-agency{color:var(--light-text-muted);font-size:.75rem}.country-cell{align-items:center;display:flex;gap:.5rem}.country-flag{font-size:1.25rem}.country-name{color:var(--light-text-primary);font-size:.875rem;font-weight:500}.budget-cell{text-align:left}.budget-amount{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.status-badge-active{background:var(--gradient-success);box-shadow:var(--light-shadow-sm)}.status-badge-archived{background:var(--gradient-warning)}.status-badge-ACTIVE,.status-badge-archived{box-shadow:var(--light-shadow-sm);color:#fff}.status-badge-ACTIVE{background:var(--gradient-success)}.status-badge-SUSPENDED{background:var(--gradient-warning);box-shadow:var(--light-shadow-sm);color:#fff}.actions-cell{gap:.5rem}.actions-cell button{background:#0000!important;border:none!important;border-radius:50%!important;height:2rem!important;max-height:2rem!important;max-width:2rem!important;min-height:2rem!important;min-width:2rem!important;padding:0!important;width:2rem!important}.actions-cell button:hover{background:var(--light-bg-glass)!important;border-radius:50%!important}.actions-cell button[style*=background]{border-radius:50%!important;height:2rem!important;max-height:2rem!important;max-width:2rem!important;min-height:2rem!important;min-width:2rem!important;padding:0!important;width:2rem!important}.form-textarea{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.form-textarea:focus{border-color:var(--light-border-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea::placeholder{color:var(--light-text-muted)}.budget-input-group{display:flex;gap:.5rem}.currency-select{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);cursor:pointer;font-size:.875rem;min-width:80px;padding:.75rem;transition:all var(--transition-fast)}.currency-select:focus{border-color:var(--light-border-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.budget-input{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.budget-input:focus{border-color:var(--light-border-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.archive-modal-content,.delete-modal-content{margin-bottom:2rem;text-align:center}.archive-modal-content p,.delete-modal-content p{color:var(--light-text-secondary);margin-bottom:1rem}[data-theme=dark] .admin-accounts{background:var(--dark-bg-primary)}[data-theme=dark] .account-name{color:var(--dark-text-primary)}[data-theme=dark] .account-agency{color:var(--dark-text-muted)}[data-theme=dark] .budget-amount,[data-theme=dark] .country-name{color:var(--dark-text-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--dark-bg-glass)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--dark-border-accent);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--dark-text-muted)}[data-theme=dark] .currency-select{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .currency-select:focus{border-color:var(--dark-border-accent);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .budget-input{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .budget-input:focus{border-color:var(--dark-border-accent);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .archive-modal-content p,[data-theme=dark] .delete-modal-content p{color:var(--dark-text-secondary)}.currency-badge.clickable-filter:hover,.group-badge.clickable-filter:hover,.status-badge.clickable-filter:hover{background:inherit!important;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;filter:brightness(1.1) saturate(1.1);transform:translateY(-1px) scale(1.02)}.currency-badge.clickable-filter:active,.group-badge.clickable-filter:active,.status-badge.clickable-filter:active{transform:translateY(0) scale(.98)}[data-theme=dark] .currency-badge.clickable-filter:hover,[data-theme=dark] .group-badge.clickable-filter:hover,[data-theme=dark] .status-badge.clickable-filter:hover{background:inherit!important;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003;filter:brightness(1.2) saturate(1.1)}@media (max-width:1024px){.filters-content{align-items:stretch;flex-direction:column}.filter-group,.filter-select,.search-container{width:100%}}@media (max-width:768px){.admin-accounts{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}.header-actions{justify-content:stretch;width:100%}.header-actions .modern-button{flex:1 1}.form-row,.stats-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}@media (max-width:480px){.admin-accounts{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}.stat-content{flex-direction:column;text-align:center}.stat-icon{height:2.5rem;width:2.5rem}.stat-value{font-size:1.75rem}.actions-cell{flex-direction:column;gap:.25rem}}.group-cell{align-items:center;display:flex;justify-content:flex-start}.group-badge{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--light-shadow-sm);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.no-group{color:var(--light-text-muted);font-size:.875rem;font-style:italic}[data-theme=dark] .group-badge{background:var(--gradient-primary);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .no-group{color:var(--dark-text-muted)}.currency-cell{align-items:center;display:flex;justify-content:flex-start}.currency-badge{align-items:center;background:var(--light-bg-glass);border:1px solid var(--light-border-accent);border-radius:var(--radius-md);color:var(--light-text-primary);display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}[data-theme=dark] .currency-badge{background:var(--dark-bg-glass);border-color:var(--dark-border-accent);color:var(--dark-text-primary)}.admin-users{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}.role-distribution{margin-bottom:2rem}.role-card{padding:1.5rem}.role-header{justify-content:space-between;margin-bottom:1rem}.role-header h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0}.role-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.role-item{border-radius:var(--radius-2xl);overflow:hidden;padding:1rem;position:relative;transition:all var(--transition-fast)}.role-item:hover{background:var(--light-bg-glass-hover);box-shadow:var(--light-shadow-sm);transform:translateY(-1px)}.role-item.clickable-filter{cursor:pointer}.role-item.clickable-filter:hover{background:var(--light-bg-glass-hover);box-shadow:var(--light-shadow-md);transform:translateY(-2px)}.role-item.clickable-filter:active{transform:translateY(0)}.role-item.clickable-filter.active{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border:2px solid var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,var(--light-shadow-md)}.role-item.clickable-filter.active:after{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #10b98166,0 1px 3px #0000004d;content:"✓";font-size:.75rem;font-weight:900;height:1.2rem;position:absolute;right:.5rem;text-shadow:0 1px 2px #00000080;top:.5rem;width:1.2rem;z-index:10}.role-item-icon,.role-item.clickable-filter.active:after{align-items:center;color:#fff;display:flex;justify-content:center}.role-item-icon{background:var(--gradient-primary);border-radius:var(--radius-xl);flex-shrink:0;height:2.5rem;width:2.5rem}.role-item-danger .role-item-icon{background:var(--gradient-danger)}.role-item-warning .role-item-icon{background:var(--gradient-warning)}.role-item-info .role-item-icon{background:var(--gradient-info)}.role-item-success .role-item-icon{background:var(--gradient-success)}.role-item-info{flex:1 1}.role-item-name{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.role-item-count{color:var(--light-text-muted);font-size:.75rem}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1}.user-name{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.user-email{color:var(--light-text-muted);font-size:.75rem}.role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;gap:.5rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge-danger{background:var(--gradient-danger)}.role-badge-danger,.role-badge-warning{box-shadow:var(--light-shadow-sm);color:#fff}.role-badge-warning{background:var(--gradient-warning)}.role-badge-info{background:var(--gradient-info)}.role-badge-info,.role-badge-success{box-shadow:var(--light-shadow-sm);color:#fff}.role-badge-success{background:var(--gradient-success)}.role-badge-primary{background:var(--gradient-primary);box-shadow:var(--light-shadow-sm);color:#fff}.agency-cell span{color:var(--light-text-primary);font-weight:500}.empty-field{color:var(--light-text-muted)!important;font-style:italic;font-weight:400!important}.department-cell{align-items:center;color:var(--light-text-primary);display:flex;font-size:.875rem;gap:.5rem}.department-cell span{color:var(--light-text-primary);font-weight:500}.status-badge-active{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b98133;box-shadow:0 2px 4px #10b9814d;color:#fff}.status-badge-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef444433;box-shadow:0 2px 4px #ef44444d;color:#fff}.status-badge-pending{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b33;box-shadow:0 2px 4px #f59e0b4d;color:#fff}.form-row{grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input::placeholder{color:var(--light-text-muted)}.delete-modal-content{margin-bottom:2rem;text-align:center}.delete-modal-content p{color:var(--light-text-secondary);margin-bottom:1rem}.delete-warning{color:var(--gradient-danger)!important;font-weight:600}.permissions-modal-content{margin-bottom:2rem}.permissions-modal-content p{color:var(--light-text-secondary);margin-bottom:1.5rem}.permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.permission-card{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;transition:all var(--transition-fast)}.permission-card:hover{background:var(--light-bg-glass-hover);border-color:var(--light-border-accent);box-shadow:var(--light-shadow-sm);transform:translateY(-1px)}.permission-card-selected{background:var(--gradient-primary);border-color:var(--gradient-primary);box-shadow:var(--light-shadow-md);color:#fff}.permission-card-selected .permission-card-description,.permission-card-selected .permission-card-title{color:#fff}.permission-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.permission-card-title{color:var(--light-text-primary);font-size:1rem;font-weight:600}.permission-card-description{color:var(--light-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.permission-card-permissions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{background:var(--light-bg-secondary);border-radius:var(--radius-sm);color:var(--light-text-muted);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.permission-card-selected .permission-tag{background:#fff3;color:#fff}[data-theme=dark] .admin-users{background:var(--dark-bg-primary)}[data-theme=dark] .role-header h3{color:var(--dark-text-primary)}[data-theme=dark] .role-item:hover{background:var(--dark-bg-glass-hover)}[data-theme=dark] .role-item-name{color:var(--dark-text-primary)}[data-theme=dark] .role-item-count{color:var(--dark-text-muted)}[data-theme=dark] .stat-card.clickable-filter.active:after{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #1e293b;box-shadow:0 4px 12px #10b9814d,0 2px 4px #0009;color:#fff;text-shadow:0 1px 2px #000c}[data-theme=dark] .role-item.clickable-filter.active:after{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #1e293b;box-shadow:0 4px 10px #10b9814d,0 2px 4px #0009;color:#fff;text-shadow:0 1px 2px #000c}[data-theme=dark] .user-name{color:var(--dark-text-primary)}[data-theme=dark] .user-email{color:var(--dark-text-muted)}[data-theme=dark] .agency-cell span,[data-theme=dark] .department-cell,[data-theme=dark] .department-cell span{color:var(--dark-text-primary)}[data-theme=dark] .empty-field{color:var(--dark-text-muted)!important}[data-theme=dark] .form-input{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .form-input:focus{border-color:var(--dark-border-accent);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-input::placeholder{color:var(--dark-text-muted)}[data-theme=dark] .modal-footer{border-top-color:var(--dark-border-primary)}[data-theme=dark] .delete-modal-content p,[data-theme=dark] .permissions-modal-content p{color:var(--dark-text-secondary)}[data-theme=dark] .permission-card{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .permission-card:hover{background:var(--dark-bg-glass-hover)}[data-theme=dark] .permission-card-title{color:var(--dark-text-primary)}[data-theme=dark] .permission-card-description{color:var(--dark-text-secondary)}[data-theme=dark] .permission-tag{background:var(--dark-bg-secondary);color:var(--dark-text-muted)}.clickable-filter{border-radius:var(--radius-sm);margin:-.25rem;padding:.25rem;transition:all var(--transition-fast)}.clickable-filter:hover{background:var(--light-bg-glass);box-shadow:var(--light-shadow-sm);transform:scale(1.02)}.clickable-filter:active{transform:scale(.98)}.role-badge.clickable-filter:hover,.status-badge.clickable-filter:hover{background:inherit!important;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;filter:brightness(1.1) saturate(1.1);transform:translateY(-1px) scale(1.02)}.role-badge.clickable-filter:active,.status-badge.clickable-filter:active{transform:translateY(0) scale(.98)}[data-theme=dark] .clickable-filter:hover{background:var(--dark-bg-glass);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .role-badge.clickable-filter:hover,[data-theme=dark] .status-badge.clickable-filter:hover{background:inherit!important;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003;filter:brightness(1.2) saturate(1.1)}@media (max-width:1024px){.filters-content{align-items:stretch;flex-direction:column}.filter-group,.filter-select,.search-container{width:100%}.role-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.permissions-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-users{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}.header-actions{justify-content:stretch;width:100%}.header-actions .modern-button{flex:1 1}.form-row,.stats-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.role-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-users{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}.stat-content{flex-direction:column;text-align:center}.stat-icon{height:2.5rem;width:2.5rem}.stat-value{font-size:1.75rem}.actions-cell{flex-direction:column;gap:.25rem}.role-item{flex-direction:column;text-align:center}.permission-card{padding:1rem}}.admin-billing{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}.stats-section{margin-bottom:2rem}.stat-card-danger .stat-icon{background:var(--gradient-danger)}.stat-value{margin:0}.stat-card.clickable-filter.active:after{text-shadow:0 1px 2px #00000080;z-index:10}.stat-subtitle{color:var(--light-text-muted);font-size:.75rem;font-weight:500}.revenue-section{margin-bottom:2rem}.revenue-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.revenue-card{background:var(--gradient-primary);border:none;box-shadow:var(--light-shadow-lg);color:#fff;padding:1.5rem}.revenue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.revenue-header h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.revenue-trend{align-items:center;color:#ffffffe6;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.revenue-amount{color:#fff;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.revenue-subtitle{color:#fffc;font-size:.875rem;font-weight:500}.search-container{flex:1 1}.view-toggle{display:flex;gap:.5rem}.invoice-cell{gap:.75rem}.invoice-cell,.invoice-icon{align-items:center;display:flex}.invoice-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.invoice-info{flex:1 1}.invoice-number{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.invoice-client{color:var(--light-text-muted);font-size:.75rem}.agency-cell{align-items:center;color:var(--light-text-primary);display:flex;font-size:.875rem;gap:.5rem}.amount-cell{text-align:left}.amount-value{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.status-badge-draft{background:var(--gradient-warning)}.status-badge-draft,.status-badge-sent{box-shadow:var(--light-shadow-sm);color:#fff}.status-badge-sent{background:var(--gradient-info)}.status-badge-paid{background:var(--gradient-success)}.status-badge-overdue,.status-badge-paid{box-shadow:var(--light-shadow-sm);color:#fff}.status-badge-overdue{background:var(--gradient-danger)}.status-badge-cancelled{background:var(--light-text-muted);box-shadow:var(--light-shadow-sm);color:#fff}.date-cell{align-items:center;color:var(--light-text-primary);display:flex;font-size:.875rem;gap:.5rem}.actions-cell button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--light-text-muted);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.actions-cell button .modern-button__icon{height:1rem;margin:0;width:1rem}.actions-cell button .modern-button__content{display:none}.actions-cell button:hover{background:var(--light-bg-glass);box-shadow:var(--light-shadow-sm);color:var(--light-text-primary);transform:scale(1.1)}.invoice-header,.invoice-view{margin-bottom:2rem}.invoice-header{align-items:flex-start;border-bottom:1px solid var(--light-border-primary);display:flex;justify-content:space-between;padding-bottom:1rem}.invoice-header-left h2{color:var(--light-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.invoice-header-left p{color:var(--light-text-secondary);margin:0}.invoice-details{margin-bottom:2rem}.invoice-detail-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.invoice-detail-item{display:flex;flex-direction:column;gap:.25rem}.invoice-detail-item label{color:var(--light-text-secondary);font-size:.875rem;font-weight:600}.invoice-detail-item span{color:var(--light-text-primary);font-size:1rem}.invoice-line-items{margin-bottom:2rem}.invoice-line-items h3{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.line-items-table{border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);overflow:hidden}.line-items-header{background:var(--light-bg-secondary);color:var(--light-text-secondary);font-weight:600}.line-item,.line-items-header{grid-gap:1rem;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.line-item{border-bottom:1px solid var(--light-border-secondary);color:var(--light-text-primary)}.line-item:last-child{border-bottom:none}.invoice-totals{border-top:2px solid var(--light-border-primary);padding-top:1rem}.invoice-total-row{align-items:center;color:var(--light-text-primary);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.invoice-total-final{border-top:1px solid var(--light-border-primary);font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}[data-theme=dark] .admin-billing{background:var(--dark-bg-primary)}[data-theme=dark] .stat-subtitle{color:var(--dark-text-muted)}[data-theme=dark] .search-container{border:none}[data-theme=dark] .search-container:focus-within{border:none;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .actions-cell button{color:var(--dark-text-muted)}[data-theme=dark] .actions-cell button:hover{background:var(--dark-bg-glass);box-shadow:var(--dark-shadow-sm);color:var(--dark-text-primary)}[data-theme=dark] .filter-select:focus{border-color:var(--dark-border-accent);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .invoice-number{color:var(--dark-text-primary)}[data-theme=dark] .invoice-client{color:var(--dark-text-muted)}[data-theme=dark] .agency-cell,[data-theme=dark] .amount-value,[data-theme=dark] .date-cell{color:var(--dark-text-primary)}[data-theme=dark] .invoice-header{border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .invoice-header-left h2{color:var(--dark-text-primary)}[data-theme=dark] .invoice-detail-item label,[data-theme=dark] .invoice-header-left p{color:var(--dark-text-secondary)}[data-theme=dark] .invoice-detail-item span,[data-theme=dark] .invoice-line-items h3{color:var(--dark-text-primary)}[data-theme=dark] .line-items-header{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}[data-theme=dark] .line-item{border-bottom-color:var(--dark-border-secondary);color:var(--dark-text-primary)}[data-theme=dark] .invoice-totals{border-top-color:var(--dark-border-primary)}[data-theme=dark] .invoice-total-row{color:var(--dark-text-primary)}[data-theme=dark] .invoice-total-final{border-top-color:var(--dark-border-primary)}@media (max-width:1024px){.filters-content{align-items:stretch;flex-direction:column}.filter-group,.filter-select,.search-container{width:100%}.view-toggle{justify-content:center}}@media (max-width:768px){.admin-billing{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}.header-actions{justify-content:stretch;width:100%}.header-actions .modern-button{flex:1 1}.invoice-detail-row,.revenue-grid,.stats-grid{grid-template-columns:1fr}.line-item,.line-items-header{gap:.5rem;grid-template-columns:1fr}.line-item>div,.line-items-header>div{text-align:left}.line-item>div:not(:first-child),.line-items-header>div:not(:first-child){text-align:right}}@media (max-width:480px){.admin-billing{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}.stat-content{flex-direction:column;text-align:center}.stat-icon{height:2.5rem;width:2.5rem}.stat-value{font-size:1.75rem}.revenue-amount{font-size:2rem}.actions-cell{flex-direction:column;gap:.25rem}.invoice-header{flex-direction:column;gap:1rem}}.charts-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.chart-card{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-xl);overflow:hidden;position:relative}.chart-card:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:0}.chart-header{background:var(--light-bg-secondary);padding:1.5rem 2rem;position:relative;z-index:1}.chart-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0}.chart-icon{color:var(--light-text-accent);opacity:.8}.chart-content{padding:1.5rem 2rem;z-index:1}[data-theme=dark] .chart-card{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .chart-header{background:var(--dark-bg-secondary)}[data-theme=dark] .chart-header h3{color:var(--dark-text-primary)}[data-theme=dark] .chart-icon{color:var(--dark-text-accent)}[data-theme=dark] .recharts-tooltip-wrapper{.recharts-tooltip-content{background-color:var(--dark-bg-card)!important;border:1px solid var(--dark-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--dark-shadow-lg)!important;color:var(--dark-text-primary)!important}.recharts-tooltip-label{color:var(--dark-text-primary)!important;font-weight:600!important}.recharts-tooltip-item{color:var(--dark-text-secondary)!important}}.recharts-tooltip-wrapper{.recharts-tooltip-content{background-color:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-lg)!important;color:var(--light-text-primary)!important}.recharts-tooltip-label{color:var(--light-text-primary)!important;font-weight:600!important}.recharts-tooltip-item{color:var(--light-text-secondary)!important}}.recharts-cartesian-axis-tick-value{fill:var(--light-text-secondary)!important;font-size:12px!important;font-weight:500!important}.recharts-cartesian-axis-tick-line{stroke:var(--light-border-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--light-border-secondary)!important;stroke-dasharray:3 3!important}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:var(--dark-text-secondary)!important}[data-theme=dark] .recharts-cartesian-axis-tick-line,[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:var(--dark-border-secondary)!important}@media (max-width:1024px){.charts-container{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.chart-content,.chart-header{padding:1rem 1.5rem}.chart-header h3{font-size:1.125rem}}.modal-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 20px #00000040;max-height:90%;max-width:800px;width:100%;z-index:1000}.modal-header{border-bottom:1px solid #f1f5f9}.modal-title-container{gap:12px}.modal-icon{background-color:#eff6ff;border-radius:20px;color:#3b82f6;height:40px;width:40px}.modal-title{color:#1e293b;font-size:20px}.close-button{background-color:#f8fafc;border-radius:16px;color:#64748b;height:32px;width:32px}.modal-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:16px;outline:none;padding:14px 16px;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer .unified-modal-actions.full-width{gap:.375rem;justify-content:flex-end}.cancel-button{background-color:#f3f4f6;border:none;color:#6b7280;gap:8px}.save-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:14px 0;transition:all .2s ease}.save-button:hover{box-shadow:0 6px 12px #3b82f666}.btn-gradient{background:var(--gradient-primary)!important;border:none!important;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f60f!important;color:#fff!important;font-weight:600!important}.btn-gradient:hover{box-shadow:0 6px 12px #3b82f666!important;transform:translateY(-1px)!important}.toggle-container{align-items:center;display:flex;gap:12px;padding:8px 0}.toggle-content{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.toggle-label{display:flex;flex:1 1;flex-direction:column;gap:4px}.label-text{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}.label-description{color:var(--text-secondary);font-size:12px;line-height:1.3}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;position:relative;transition:all .3s ease}.toggle-switch.disabled{cursor:not-allowed;opacity:.6}.toggle-slider{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;position:relative;transition:all .3s ease}.toggle-thumb{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;left:2px;position:absolute;top:2px;transition:all .3s ease}.toggle-switch.small .toggle-slider{height:20px;width:36px}.toggle-switch.small .toggle-thumb{height:16px;width:16px}.toggle-switch.medium .toggle-slider{height:24px;width:44px}.toggle-switch.medium .toggle-thumb{height:20px;width:20px}.toggle-switch.large .toggle-slider{height:28px;width:52px}.toggle-switch.large .toggle-thumb{height:24px;width:24px}.toggle-switch.checked .toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-switch.checked .toggle-thumb{transform:translateX(20px)}.toggle-switch.large.checked .toggle-thumb{transform:translateX(24px)}.toggle-switch.small.checked .toggle-thumb{transform:translateX(16px)}.toggle-switch.primary.checked .toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-switch.success.checked .toggle-slider{background-color:#10b981;border-color:#10b981}.toggle-switch.warning.checked .toggle-slider{background-color:#f59e0b;border-color:#f59e0b}.toggle-switch.danger.checked .toggle-slider{background-color:#ef4444;border-color:#ef4444}.toggle-switch:not(.disabled):hover .toggle-slider{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.toggle-switch.checked:not(.disabled):hover .toggle-slider{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.toggle-switch:focus-within .toggle-slider{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes toggleOn{0%{transform:translateX(0)}to{transform:translateX(20px)}}@keyframes toggleOff{0%{transform:translateX(20px)}to{transform:translateX(0)}}.toggle-switch.medium.checked .toggle-thumb{animation:toggleOn .3s ease}.toggle-switch.medium:not(.checked) .toggle-thumb{animation:toggleOff .3s ease}@media (max-width:768px){.toggle-content{gap:12px}.label-text{font-size:13px}.label-description{font-size:11px}}[data-theme=dark] .toggle-switch .toggle-slider{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .toggle-switch .toggle-thumb{background-color:var(--bg-primary);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .toggle-switch.checked .toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.settings-page{background:var(--light-bg-primary);color:var(--light-text-primary);min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-normal)}.settings-page:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.settings-page>*{position:relative;z-index:1}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-normal)}.settings-section:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.settings-section>*{position:relative;z-index:1}.section-header h2{font-size:1.25rem;margin:0 1rem 0 0}.section-header-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.form-group label{color:var(--light-text-secondary)}.form-group input,.form-group select{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--gradient-primary);box-shadow:0 0 0 3px #8b45ff33;outline:none}.checkbox-group{gap:1rem}.checkbox-label{color:var(--light-text-secondary)}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:1.25rem;width:1.25rem}.settings-actions{border-top:1px solid var(--light-border-primary);display:flex;justify-content:flex-end;padding-top:1rem}.btn-primary{border-radius:var(--radius-lg)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--light-shadow-lg);transform:translateY(-1px)}[data-theme=dark] .settings-page{background:var(--dark-bg-primary);color:var(--dark-text-primary)}[data-theme=dark] .settings-page:before{background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba226 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb26 0,#0000 50%)}[data-theme=dark] .settings-section{box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .settings-section:before{background:var(--gradient-bg-card);opacity:.05}[data-theme=dark] .header-title h1{position:relative}[data-theme=dark] .header-title h1:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-.5rem;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}[data-theme=dark] .settings-header h1{color:var(--dark-text-primary)}[data-theme=dark] .settings-header p{color:var(--dark-text-secondary)}[data-theme=dark] .settings-section{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .section-header-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--dark-shadow-sm);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}[data-theme=dark] .form-group label{color:var(--dark-text-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--gradient-primary);box-shadow:0 0 0 3px #8b45ff33}[data-theme=dark] .checkbox-label{color:var(--dark-text-secondary)}[data-theme=dark] .checkbox-label input[type=checkbox]{accent-color:#667eea}[data-theme=dark] .settings-actions{border-top-color:var(--dark-border-primary)}[data-theme=dark] .btn-primary{background:var(--gradient-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--dark-shadow-lg)}.notifications-group{display:flex;flex-direction:column;gap:1.5rem}.notification-item{align-items:center;background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1rem;transition:all var(--transition-fast)}.notification-item:hover{background:var(--light-bg-card);border-color:var(--primary-color);box-shadow:var(--light-shadow-md)}.notification-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.frequency-selector{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-xl);margin-top:1rem;padding:1rem}.frequency-label{color:var(--light-text-secondary);display:flex;flex-direction:column;font-weight:500;gap:.5rem}.frequency-select{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-fast)}.frequency-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b45ff33;outline:none}.loading-state{align-items:center;color:var(--light-text-secondary);display:flex;gap:1rem;justify-content:center;padding:2rem}[data-theme=dark] .notification-item{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .notification-item:hover{background:var(--dark-bg-card);border-color:var(--primary-color);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .frequency-selector{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .frequency-label{color:var(--dark-text-secondary)}[data-theme=dark] .frequency-select{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .frequency-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b45ff33}[data-theme=dark] .loading-state{color:var(--dark-text-secondary)}@media (max-width:768px){.settings-header h1{font-size:2rem}.settings-section{padding:1.5rem}.settings-actions{justify-content:center}.notification-item{align-items:flex-start;flex-direction:column;gap:.75rem}.notification-icon{align-self:flex-start}}.permissions-table{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);overflow:hidden;position:relative}.permissions-table:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.permissions-table>*{position:relative;z-index:1}.permissions-header{background:var(--light-bg-glass);border-bottom:1px solid var(--light-border-primary);padding:2rem 2rem 1rem}.permissions-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--light-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.permissions-header p{color:var(--light-text-secondary);font-size:.95rem;margin:0}.permissions-content{overflow-x:auto}.permissions-header-row{grid-gap:1rem;background:var(--light-bg-glass);border-bottom:2px solid var(--light-border-primary);color:var(--light-text-primary);display:grid;font-weight:600;gap:1rem;grid-template-columns:300px repeat(auto-fit,minmax(120px,1fr));min-width:800px;padding:1.5rem 2rem}.permission-item-header{align-items:center;display:flex;font-size:1rem;font-weight:600}.role-header{align-items:center;display:flex;justify-content:center}.role-badge{border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);color:#fff;font-size:.875rem;font-weight:600;min-width:100px;padding:.5rem 1rem;text-align:center}.category-header,.permission-category{border-bottom:1px solid var(--light-border-primary)}.category-header{align-items:center;background:var(--light-bg-glass);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 2rem;transition:all var(--transition-fast)}.category-header:hover{background:var(--light-bg-card)}.category-info{align-items:center;color:var(--light-text-primary);display:flex;font-weight:600;gap:.75rem}.category-name{font-size:1.1rem}.category-count{font-weight:400}.category-count,.category-toggle{color:var(--light-text-secondary);font-size:.875rem}.category-toggle{transition:transform var(--transition-fast)}.category-toggle.expanded{transform:rotate(180deg)}.category-items{background:var(--light-bg-card)}.permission-row{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--light-border-primary);display:grid;gap:1rem;grid-template-columns:300px repeat(auto-fit,minmax(120px,1fr));min-width:800px;padding:1rem 2rem;transition:background-color var(--transition-fast)}.permission-row:hover{background:var(--light-bg-glass)}.permission-row:last-child{border-bottom:none}.permission-item{align-items:center;display:flex;gap:.75rem}.permission-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);color:#fff;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.permission-info{display:flex;flex-direction:column;gap:.25rem}.permission-label{color:var(--light-text-primary);font-size:.95rem;font-weight:500}.permission-description{color:var(--light-text-secondary);font-size:.8rem;line-height:1.3}.permission-checkbox{align-items:center;display:flex;justify-content:center}.checkbox-container{cursor:pointer;display:inline-block;position:relative}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background:var(--light-bg-glass);border:2px solid var(--light-border-primary);border-radius:var(--radius-lg);display:flex;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.checkbox-container:hover .checkmark{background:var(--light-bg-card);border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background:var(--gradient-primary);border-color:var(--primary-color);color:#fff}.checkbox-container input:disabled~.checkmark{background:var(--light-bg-secondary);border-color:var(--light-border-secondary);cursor:not-allowed;opacity:.6}.checkbox-container input:disabled:checked~.checkmark{background:var(--gradient-primary);border-color:var(--primary-color);opacity:1}.permissions-footer{align-items:center;background:var(--light-bg-glass);border-top:1px solid var(--light-border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.permissions-legend{display:flex;gap:1.5rem}.legend-item{color:var(--light-text-secondary);font-size:.875rem;gap:.5rem}.legend-check{color:#10b981;color:var(--success-color,#10b981)}.legend-x{color:#ef4444;color:var(--error-color,#ef4444)}.permissions-note{text-align:right}.permissions-note p{color:var(--light-text-secondary);font-size:.875rem;font-style:italic;margin:0}.permissions-table-loading{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);color:var(--light-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{border-top:3px solid var(--light-border-primary);border:3px solid var(--light-border-primary);border-top-color:var(--primary-color);height:2rem;width:2rem}[data-theme=dark] .permissions-table{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .permissions-table:before{background:var(--gradient-bg-card);opacity:.05}[data-theme=dark] .permissions-header{background:var(--dark-bg-glass);border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .permissions-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .permissions-header p{color:var(--dark-text-secondary)}[data-theme=dark] .permissions-header-row{color:var(--dark-text-primary)}[data-theme=dark] .category-header,[data-theme=dark] .permissions-header-row{background:var(--dark-bg-glass);border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .category-header:hover{background:var(--dark-bg-card)}[data-theme=dark] .category-info{color:var(--dark-text-primary)}[data-theme=dark] .category-count,[data-theme=dark] .category-toggle{color:var(--dark-text-secondary)}[data-theme=dark] .category-items{background:var(--dark-bg-card)}[data-theme=dark] .permission-row{border-bottom-color:var(--dark-border-primary)}[data-theme=dark] .permission-row:hover{background:var(--dark-bg-glass)}[data-theme=dark] .permission-label{color:var(--dark-text-primary)}[data-theme=dark] .permission-description{color:var(--dark-text-secondary)}[data-theme=dark] .checkmark{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .checkbox-container:hover .checkmark{background:var(--dark-bg-card);border-color:var(--primary-color)}[data-theme=dark] .checkbox-container input:disabled~.checkmark{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .permissions-footer{background:var(--dark-bg-glass);border-top-color:var(--dark-border-primary)}[data-theme=dark] .legend-item,[data-theme=dark] .permissions-note p{color:var(--dark-text-secondary)}[data-theme=dark] .permissions-table-loading{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl);color:var(--dark-text-secondary)}[data-theme=dark] .spinner{border-color:var(--dark-border-primary);border-top-color:var(--primary-color)}@media (max-width:1200px){.permission-row,.permissions-header-row{grid-template-columns:250px repeat(auto-fit,minmax(100px,1fr));min-width:700px}.permission-item-header{font-size:.9rem}.role-badge{font-size:.8rem;min-width:80px;padding:.4rem .8rem}}@media (max-width:768px){.permissions-header{padding:1.5rem 1rem 1rem}.permission-row,.permissions-header-row{grid-template-columns:200px repeat(auto-fit,minmax(80px,1fr));min-width:600px;padding:1rem}.category-header{padding:1rem}.permissions-footer{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.permissions-note{text-align:left}.permission-info{gap:.1rem}.permission-label{font-size:.9rem}.permission-description{font-size:.75rem}}.role-permissions-page{background:var(--light-bg-primary);color:var(--light-text-primary);min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-normal)}.role-permissions-page:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.role-permissions-page>*{position:relative;z-index:1}.header-content:before{pointer-events:none;z-index:0}.header-actions,.header-title{position:relative;z-index:1}.access-denied{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:4rem 2rem;text-align:center}.access-denied-icon{color:#ef4444;color:var(--error-color,#ef4444);margin-bottom:1.5rem}.access-denied h2{color:var(--light-text-primary);font-size:2rem;font-weight:600;margin:0 0 1rem}.access-denied p{color:var(--light-text-secondary);font-size:1.125rem;margin:0;max-width:500px}.message{align-items:center;animation:slideIn .3s ease;border-radius:var(--radius-xl);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.message-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.message-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.message-info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.message-icon{flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-permissions-content{display:flex;flex-direction:column;gap:2rem}.permissions-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.info-card{align-items:flex-start;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-md);display:flex;gap:1rem;padding:1.5rem}.info-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.info-content h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.info-content p{color:var(--light-text-secondary);line-height:1.5;margin:0}.roles-list{flex-direction:column;margin-top:1rem}.role-item,.roles-list{display:flex;gap:.75rem}.role-item{align-items:center;background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);padding:.75rem}.role-color{border-radius:50%;flex-shrink:0;height:.75rem;width:.75rem}.role-name{color:var(--light-text-primary);font-weight:500;min-width:100px}.role-description{color:var(--light-text-secondary);flex:1 1;font-size:.875rem}.permissions-table-container{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);overflow:hidden}.permissions-actions{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-md);display:flex;justify-content:center;padding:1.5rem}.btn{border-radius:var(--radius-lg);font-size:.95rem;padding:.875rem 1.5rem;transition:all var(--transition-fast)}.btn:disabled{opacity:.6}.btn-primary{box-shadow:var(--light-shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--light-shadow-lg)}.btn-secondary{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);box-shadow:var(--light-shadow-sm);color:var(--light-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--light-bg-card);border-color:var(--primary-color);box-shadow:var(--light-shadow-md)}.btn-outline{border:2px solid var(--light-border-primary);color:var(--light-text-primary)}.btn-outline:hover:not(:disabled){background:var(--light-bg-glass);border-color:var(--primary-color);color:var(--primary-color)}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}[data-theme=dark] .role-permissions-page{background:var(--dark-bg-primary);color:var(--dark-text-primary)}[data-theme=dark] .role-permissions-page:before{background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba226 0,#0000 50%),radial-gradient(circle at 40% 40%,#f093fb26 0,#0000 50%)}[data-theme=dark] .header-content:before{background:var(--gradient-bg-card);opacity:.1}[data-theme=dark] .access-denied{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .access-denied h2{color:var(--dark-text-primary)}[data-theme=dark] .access-denied p{color:var(--dark-text-secondary)}[data-theme=dark] .info-card{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .info-content h3{color:var(--dark-text-primary)}[data-theme=dark] .info-content p{color:var(--dark-text-secondary)}[data-theme=dark] .role-item{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .role-name{color:var(--dark-text-primary)}[data-theme=dark] .role-description{color:var(--dark-text-secondary)}[data-theme=dark] .permissions-table-container{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .permissions-actions{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .btn-secondary{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm);color:var(--dark-text-primary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--dark-bg-card);border-color:var(--primary-color);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .btn-outline{border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .btn-outline:hover:not(:disabled){background:var(--dark-bg-glass);border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:1200px){.permissions-info{grid-template-columns:1fr}}@media (max-width:768px){.role-permissions-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1.5rem}.header-actions{justify-content:flex-end;width:100%}.header-title h1{font-size:2rem}.info-card{flex-direction:column;text-align:center}.roles-list{gap:.5rem}.role-item{align-items:flex-start;flex-direction:column;gap:.5rem}.role-name{min-width:auto}}.unauthorized-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.unauthorized-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.unauthorized-icon{color:#ef4444;display:flex;justify-content:center;margin-bottom:2rem}.unauthorized-content h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.unauthorized-content p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.unauthorized-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.dark .unauthorized-container{background:#1e293bf2;color:#f8fafc}.dark .unauthorized-content h1{color:#f8fafc}.dark .unauthorized-content p{color:#cbd5e1}@media (max-width:640px){.unauthorized-page{padding:1rem}.unauthorized-container{padding:2rem}.unauthorized-content h1{font-size:1.5rem}.unauthorized-actions{align-items:center;flex-direction:column}}.login-page{align-items:center;background:var(--gradient-bg-hero);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{animation:login-bg-animation 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes login-bg-animation{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}33%{transform:translateX(30px) translateY(-30px) rotate(120deg)}66%{transform:translateX(-20px) translateY(20px) rotate(240deg)}}.login-container{max-width:420px;position:relative;width:100%;z-index:1}.login-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-xl);overflow:hidden;padding:3rem;position:relative;text-align:center;transform:translateZ(0);will-change:transform}.login-content:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.logo-container{border:none;margin-bottom:16px}.logo{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-md);display:flex;height:80px;justify-content:center;margin:0 auto 8px;padding:.75rem;width:80px}.logo-image{filter:brightness(0) invert(1);height:100%;object-fit:contain;width:100%}.logo-text{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;border:none;color:var(--light-text-primary);font-size:2.25rem;font-weight:700;margin:0;text-align:center}@supports (-webkit-background-clip:text){.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}}@supports not (-webkit-background-clip:text){.logo-text{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#3b82f6}}@media screen and (-webkit-min-device-pixel-ratio:0){.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}}.logo-text:after,.logo-text:before{display:none}.login-controls{border:none;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.language-selector,.language-toggle{position:relative}.language-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--light-text-muted);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all var(--transition-fast);width:2.5rem}.language-toggle:hover{background:var(--light-bg-glass);color:var(--light-text-primary);transform:translateY(-1px)}.language-dropdown{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-lg);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:12rem;z-index:10}.language-option{align-items:center;background:none;border:none;color:var(--light-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all var(--transition-normal);width:100%}.language-option:hover{background:var(--light-bg-hover);color:var(--light-text-primary)}.language-option.active{background:var(--gradient-primary);color:#fff}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--light-text-muted);cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:relative;transition:all var(--transition-fast);width:2.5rem}.theme-toggle:hover{background:var(--light-bg-glass);color:var(--light-text-primary);transform:translateY(-1px)}.login-form{border:none;margin-bottom:.5rem}.form-title{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 24px}.input-group{margin-bottom:16px}.input-container{align-items:center;-webkit-appearance:none;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.input-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-icon{stroke-width:1.5;color:#9ca3af;flex-shrink:0;margin-left:16px}.input{-webkit-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;color:#1e293b;flex:1 1;font-size:16px;height:50px;outline:none;padding:0 16px}.eye-button,.input::placeholder{color:#9ca3af}.eye-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;margin-right:4px;outline:none;padding:8px 16px;transition:all .2s ease}.eye-button:hover{background:#0000000d;color:#64748b}.eye-button:active{background:#0000001a}.eye-button svg{stroke-width:1.5;height:20px;width:20px}.login-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--light-shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:3.5rem;justify-content:center;margin:1rem 0 1.5rem;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--light-shadow-xl);transform:translateY(-2px)}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){box-shadow:var(--light-shadow-md);transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.forgot-password{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:.5rem;margin-top:.0625rem;padding:10px;transition:color .2s}.forgot-password:hover{color:#2563eb}.footer{border:none;text-align:center}.footer-text{color:#64748b;font-size:12px;font-weight:500;margin:0;opacity:.8}[data-theme=dark] .login-page{background:var(--gradient-bg-hero)}[data-theme=dark] .login-content{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .login-content:before{background:var(--gradient-bg-card)}[data-theme=dark] .form-title{color:var(--dark-text-primary)}[data-theme=dark] .input-container{-webkit-appearance:none;appearance:none;background:#1e293b;border-color:#334155}[data-theme=dark] .input-container:focus-within{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}[data-theme=dark] .input-icon{color:#cbd5e1}[data-theme=dark] .input{color:#f8fafc}[data-theme=dark] .input::placeholder{color:#94a3b8}[data-theme=dark] .eye-button{color:#cbd5e1}[data-theme=dark] .eye-button:hover{background:#ffffff1a;color:#f8fafc}[data-theme=dark] .eye-button:active{background:#ffffff26}[data-theme=dark] .logo{background:var(--gradient-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .logo-image{filter:brightness(0) invert(1)}[data-theme=dark] .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}@supports (-webkit-background-clip:text){[data-theme=dark] .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}}@supports not (-webkit-background-clip:text){[data-theme=dark] .logo-text{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#60a5fa}}@media screen and (-webkit-min-device-pixel-ratio:0){[data-theme=dark] .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}}[data-theme=dark] .language-toggle{color:var(--dark-text-muted)}[data-theme=dark] .language-toggle:hover{background:var(--dark-bg-glass);color:var(--dark-text-primary)}[data-theme=dark] .language-dropdown{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .language-option{color:var(--dark-text-secondary)}[data-theme=dark] .language-option:hover{background:var(--dark-bg-hover);color:var(--dark-text-primary)}[data-theme=dark] .language-option.active{background:var(--gradient-primary);color:var(--color-white)}[data-theme=dark] .theme-toggle{color:var(--dark-text-muted)}[data-theme=dark] .theme-toggle:hover{background:var(--dark-bg-glass);color:var(--dark-text-primary);transform:translateY(-1px)}[data-theme=dark] .footer-text{color:var(--dark-text-muted);opacity:.7}@supports (-webkit-appearance:none){.eye-button,.input,.input-container{-webkit-appearance:none;appearance:none}.input:-webkit-autofill,.input:-webkit-autofill:active,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 1000px #f8fafc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] .input:-webkit-autofill,[data-theme=dark] .input:-webkit-autofill:active,[data-theme=dark] .input:-webkit-autofill:focus,[data-theme=dark] .input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}}@media (max-width:480px){.login-content{padding:24px}.title{font-size:24px}.form-title{font-size:18px}}.reporting-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}[data-theme=dark] .reporting-page{background:var(--dark-bg-primary)}@media (max-width:768px){.reporting-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}}@media (max-width:480px){.reporting-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}}.forecast-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}[data-theme=dark] .forecast-page{background:var(--dark-bg-primary)}@media (max-width:768px){.forecast-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}}@media (max-width:480px){.forecast-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}}.media-planner-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}[data-theme=dark] .media-planner-page{background:var(--dark-bg-primary)}@media (max-width:768px){.media-planner-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}}@media (max-width:480px){.media-planner-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}}.create-integration-modal{padding:0}.create-integration-modal .progress-bar,.unified-modal-container.create-integration-modal .progress-bar{background:#0000!important;border-bottom:1px solid var(--light-border-secondary)!important;margin-bottom:1rem!important;padding:.75rem 2rem 1rem!important;position:relative!important;z-index:10!important}.create-integration-modal .progress-steps,.unified-modal-container.create-integration-modal .progress-steps{align-items:center!important;background:#0000!important;display:flex!important;justify-content:space-between!important;margin:0 auto!important;max-width:450px!important;position:relative!important;z-index:10!important}.create-integration-modal .progress-steps:before{background:linear-gradient(90deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border-radius:2px;box-shadow:inset 0 1px 2px #0000001a;content:"";height:3px;left:calc(16.67% - 2px);position:absolute;right:calc(16.67% - 2px);top:18px;z-index:1}.create-integration-modal .progress-step{align-items:center;background:#0000!important;display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem;position:relative;z-index:2}.create-integration-modal .step-number{align-items:center;background:linear-gradient(135deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border:4px solid var(--light-bg-card);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--light-text-secondary);display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:36px;z-index:3}.create-integration-modal .progress-step.active .step-number{background:#3b82f6!important;border:4px solid var(--light-bg-card)!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}.create-integration-modal .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)!important;border:4px solid var(--light-bg-card)!important}.create-integration-modal .progress-step.active .step-number,.modern-modal .create-integration-modal .progress-step.active .step-number,.unified-modal-container.create-integration-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border:4px solid var(--light-bg-card)!important;color:#fff!important}[data-theme=dark] .create-integration-modal .progress-step.active .step-number,[data-theme=dark] .modern-modal .create-integration-modal .progress-step.active .step-number,[data-theme=dark] .unified-modal-container.create-integration-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border:4px solid var(--dark-bg-card)!important;color:#fff!important}.create-integration-modal .step-label{color:var(--light-text-secondary);font-size:.8rem;font-weight:600;text-align:center;transition:all .3s ease;white-space:nowrap}.create-integration-modal .progress-step.active .step-label{color:#3b82f6!important;font-weight:700;transform:translateY(-2px)}.create-integration-modal .progress-step.completed .step-label{color:var(--success-color);font-weight:600}.create-integration-modal .step-container{background:#0000!important;min-height:400px;padding:2rem}.create-integration-modal .step-content{background:#0000!important;display:flex;flex-direction:column;gap:1.5rem}.form-row{align-items:start}.form-column{display:flex;flex-direction:column;gap:1.5rem}.create-integration-modal .create-integration-step{animation:fadeInUp .3s ease-out;background:#0000!important}.step-header h3{font-weight:600}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:var(--light-text-primary);font-size:.875rem}.form-input,.form-textarea{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:8px;box-sizing:border-box;max-width:280px;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626;outline:none}.character-count{color:var(--light-text-tertiary)}.category-grid{grid-gap:.4rem;gap:.4rem;grid-template-columns:repeat(7,1fr);max-width:100%;overflow:hidden}.category-option{box-sizing:border-box;outline:none!important}.category-option:hover{box-shadow:0 6px 16px #3b82f626!important}.category-option.selected,.category-option:hover{border-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;outline:none!important}.category-option.selected{background:#3b82f60d!important;box-shadow:0 4px 12px #3b82f633!important}.category-icon{height:28px;width:28px}.category-name{font-size:.7rem;font-weight:500}.image-upload-container{margin-top:.5rem}.image-upload-label{background:var(--light-bg-card);border-radius:12px;min-height:120px;padding:1.5rem;transition:all .3s ease;width:100%}.image-upload-label:hover{background:#3b82f60d!important;border:2px dashed #3b82f6!important}.image-upload-placeholder small{color:var(--light-text-tertiary)}.default-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),#3b82f6)!important;border-radius:12px;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important;display:flex;height:60px;justify-content:center;margin-bottom:.5rem;width:60px}[data-theme=light] .default-icon{background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;box-shadow:0 2px 8px #0000001a!important;color:var(--light-text-primary)!important}[data-theme=dark] .default-icon{background:var(--dark-bg-card)!important;border:1px solid var(--dark-border-primary)!important;box-shadow:0 2px 8px #0000004d!important;color:var(--dark-text-primary)!important}.image-preview{background:var(--light-bg-secondary);border-radius:8px;height:80px;width:80px}.preview-image{height:100%;width:100%}.integration-types{display:flex;flex-direction:column;gap:1rem}.integration-type{background:var(--light-bg-card);border:2px solid var(--light-border-primary);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.integration-type:hover{box-shadow:0 6px 16px #3b82f626;transform:translateY(-1px)}.integration-type.selected,.integration-type:hover{background:#3b82f60d;border-color:var(--primary-color)}.integration-type.selected{box-shadow:0 4px 12px #3b82f633}.type-icon{align-items:center;background:var(--primary-color);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.integration-type.selected .type-icon{background:var(--success-color)}.type-content h4{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.type-content p{color:var(--light-text-secondary);font-size:.875rem;margin:0 0 1rem}.type-content ul{list-style:none;margin:0;padding:0}.type-content li{color:var(--light-text-tertiary);font-size:.75rem;margin-bottom:.25rem}.scopes-container{margin-top:.5rem}.scopes-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.scope-tag{background:var(--primary-color);border-radius:20px;font-size:.75rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.scope-tag,.scope-tag button{align-items:center;color:#fff;display:flex}.scope-tag button{background:none;border:none;cursor:pointer;justify-content:center;opacity:.7;padding:0;transition:opacity .3s ease}.scope-tag button:hover{opacity:1}.step-navigation{align-items:center}[data-theme=dark] .create-integration-modal{background:#0000!important}[data-theme=dark] .create-integration-modal .progress-bar{background:#0000!important;border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .create-integration-modal .progress-steps:before{background:linear-gradient(90deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);box-shadow:inset 0 1px 2px #0000004d;left:calc(16.67% - 2px);right:calc(16.67% - 2px)}[data-theme=dark] .create-integration-modal .step-number{background:linear-gradient(135deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);border:4px solid var(--dark-bg-card);box-shadow:0 2px 8px #0000004d;color:var(--dark-text-secondary)}[data-theme=dark] .create-integration-modal .progress-step.active .step-number{background:#3b82f6!important;border:4px solid var(--dark-bg-card)!important;box-shadow:0 4px 16px #3b82f666;color:#fff!important}[data-theme=dark] .create-integration-modal .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)!important;border:4px solid var(--dark-bg-card)!important;box-shadow:0 4px 16px #10b98166!important;color:#fff!important}[data-theme=dark] .create-integration-modal .step-label{color:var(--dark-text-secondary)}[data-theme=dark] .create-integration-modal .progress-step.active .step-label{color:#3b82f6!important}[data-theme=dark] .create-integration-modal .progress-step.completed .step-label{color:var(--success-color)}[data-theme=dark] .create-integration-modal .progress-step{background:#0000!important}[data-theme=dark] .step-number{border:4px solid var(--dark-bg-card)}[data-theme=dark] .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%);border:4px solid var(--dark-bg-card)}[data-theme=dark] .progress-step.completed .step-number{border:4px solid var(--dark-bg-card)}[data-theme=dark] .create-integration-modal .step-content{background:#0000!important}[data-theme=dark] .form-label{color:var(--dark-text-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .character-count{color:var(--dark-text-tertiary)}[data-theme=dark] .category-option{border:2px solid var(--dark-border-primary)!important;outline:none!important}[data-theme=dark] .category-option:hover{box-shadow:0 6px 16px #3b82f626!important;transform:translateY(-1px)}[data-theme=dark] .category-option.selected,[data-theme=dark] .category-option:hover{border-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;outline:none!important}[data-theme=dark] .category-option.selected{background:#3b82f61a!important;box-shadow:0 4px 12px #3b82f633!important}[data-theme=dark] .image-upload-label{background:var(--dark-bg-card)}[data-theme=dark] .image-upload-label:hover{background:#3b82f60d!important;border:2px dashed #3b82f6!important}[data-theme=dark] .image-upload-placeholder small{color:var(--dark-text-tertiary)}[data-theme=dark] .default-icon{background:linear-gradient(135deg,var(--primary-color),#3b82f6);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .image-preview{background:var(--dark-bg-secondary)}[data-theme=dark] .integration-type{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .integration-type:hover{background:#3b82f60d;border-color:var(--primary-color);box-shadow:0 6px 16px #3b82f626;transform:translateY(-1px)}[data-theme=dark] .integration-type.selected{background:#3b82f61a;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .type-content h4{color:var(--dark-text-primary)}[data-theme=dark] .type-content p{color:var(--dark-text-secondary)}[data-theme=dark] .type-content li{color:var(--dark-text-tertiary)}@media (max-width:768px){.progress-steps{flex-direction:column;gap:1rem;max-width:none}.progress-steps:before{display:none}.progress-step{flex-direction:row;gap:.75rem;justify-content:flex-start;padding:0}.step-label{max-width:none;text-align:left}.step-container{min-height:350px;padding:1.5rem}.form-row{gap:1.5rem;grid-template-columns:1fr}.category-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.integration-types{gap:.75rem}.integration-type{flex-direction:column;text-align:center}.step-navigation{justify-content:space-between;width:100%}}html body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important;transform:scale(1.1)!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style],html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style]{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style],html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style]{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important;transform:scale(1.1)!important}.create-integration-modal div[style*="#3b82f6"]{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;color:#fff!important}.create-integration-modal .progress-step:first-child.active:not(.completed) .step-number,.create-integration-modal .progress-step:nth-child(2).active:not(.completed) .step-number,.create-integration-modal .progress-step:nth-child(3).active:not(.completed) .step-number{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}.create-integration-modal .progress-step.completed .step-label{color:var(--light-text-primary)!important;font-weight:600!important}[data-theme=dark] .create-integration-modal .progress-step.completed .step-label{color:var(--dark-text-primary)!important;font-weight:600!important}.create-integration-modal .progress-step.active:not(.completed) .step-label{color:#3b82f6!important;font-weight:700!important;transform:translateY(-2px)!important}.create-integration-modal .progress-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669)!important;background-color:#10b981!important;background-image:linear-gradient(135deg,#10b981,#059669)!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #10b9814d!important;color:#fff!important}.create-integration-modal .progress-step:first-child.completed .step-number,.create-integration-modal .progress-step:nth-child(2).completed .step-number,.create-integration-modal .progress-step:nth-child(3).completed .step-number{background:linear-gradient(135deg,#10b981,#059669)!important;background-color:#10b981!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #10b9814d!important;color:#fff!important}.modern-modal__mask .modern-modal .create-integration-modal .modal-actions,.modern-modal__mask .modern-modal .create-integration-modal .progress-bar,.modern-modal__mask .modern-modal .create-integration-modal .progress-steps{background:#0000!important}.modern-modal__mask .modern-modal .create-integration-modal .progress-step .step-number{background:linear-gradient(135deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%)!important}.modern-modal__mask .modern-modal .create-integration-modal .progress-step.active:not(.completed) .step-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-integration-modal .modal-actions,[data-theme=dark] .modern-modal__mask .modern-modal .create-integration-modal .progress-bar,[data-theme=dark] .modern-modal__mask .modern-modal .create-integration-modal .progress-steps{background:#0000!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-integration-modal .progress-step .step-number{background:linear-gradient(135deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%)!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-integration-modal .progress-step.active:not(.completed) .step-number{background:#3b82f6!important;color:#fff!important}.category-option:hover,.create-integration-modal .category-option:hover,div.create-integration-modal .category-option:hover,html body div.modern-modal__mask div.modern-modal.create-integration-modal .category-option:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .category-option:hover{background:#3b82f60d!important;border:3px solid #3b82f6!important;box-shadow:0 6px 16px #3b82f626!important;outline:none!important}.category-option.selected,.create-integration-modal .category-option.selected,div.create-integration-modal .category-option.selected,html body div.modern-modal__mask div.modern-modal.create-integration-modal .category-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .category-option.selected{background:#3b82f60d!important;border:3px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633!important;outline:none!important}.create-integration-modal .image-upload-label:hover,.image-upload-label:hover,div.create-integration-modal .image-upload-label:hover,html body div.modern-modal__mask div.modern-modal.create-integration-modal .image-upload-label:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .image-upload-label:hover,html[data-theme=dark] .create-integration-modal .image-upload-label:hover,html[data-theme=dark] .image-upload-label:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .image-upload-label:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .image-upload-label:hover,html[data-theme=dark] div.create-integration-modal .image-upload-label:hover{background:#3b82f60d!important;border:2px dashed #3b82f6!important}* .category-option.selected,[class*=category-option].selected,div[class*=category-option].selected{background:#3b82f60d!important;border:3px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633!important;outline:none!important}* .category-option:hover,[class*=category-option]:hover,div[class*=category-option]:hover{background:#3b82f60d!important;border:3px solid #3b82f6!important;box-shadow:0 6px 16px #3b82f626!important;outline:none!important}.create-integration-modal .integration-type:hover,.integration-type:hover,div.create-integration-modal .integration-type:hover,html body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-type:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-type:hover{background:#3b82f60d!important;border:2px solid #3b82f6!important;box-shadow:0 6px 16px #3b82f626!important;outline:none!important}.create-integration-modal .integration-type.selected,.integration-type.selected,div.create-integration-modal .integration-type.selected,html body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-type.selected,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-type.selected{background:#3b82f60d!important;border:2px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633!important;outline:none!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-option.selected{border-color:#3b82f6!important;border-width:2px!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-option:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-option:hover{border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-check,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-check{color:#3b82f6!important;font-size:1.2rem!important;font-weight:700!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .progress-step.active .step-number,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .progress-step.active .step-number{background:#3b82f6!important;border:4px solid var(--modal-bg-primary)!important;color:#fff!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .progress-step.active .step-label,html body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active .step-label,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .progress-step.active .step-label,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active .step-label{color:#3b82f6!important;font-weight:700!important;transform:translateY(-2px)!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .oauth-connect-btn:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .oauth-connect-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .form-input:focus,html body div.modern-modal__mask div.modern-modal.create-integration-modal .form-select:focus,html body div.modern-modal__mask div.modern-modal.create-integration-modal .form-textarea:focus,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-input:focus,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-select:focus,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}html body div.modern-modal__mask div.modern-modal.create-integration-modal .test-connection-btn:hover,html body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .test-connection-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important}html[data-theme=dark] .category-option:hover,html[data-theme=dark] .create-integration-modal .category-option:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .category-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .category-option:hover,html[data-theme=dark] div.create-integration-modal .category-option:hover{background:#3b82f60d!important;border:3px solid #3b82f6!important;box-shadow:0 6px 16px #3b82f626!important;outline:none!important}html[data-theme=dark] .category-option.selected,html[data-theme=dark] .create-integration-modal .category-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .category-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .category-option.selected,html[data-theme=dark] div.create-integration-modal .category-option.selected{background:#3b82f61a!important;border:3px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633!important;outline:none!important}html[data-theme=dark] .create-integration-modal .integration-type:hover,html[data-theme=dark] .integration-type:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-type:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-type:hover,html[data-theme=dark] div.create-integration-modal .integration-type:hover{background:#3b82f60d!important;border:2px solid #3b82f6!important;box-shadow:0 6px 16px #3b82f626!important;outline:none!important}html[data-theme=dark] .create-integration-modal .integration-type.selected,html[data-theme=dark] .integration-type.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-type.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-type.selected,html[data-theme=dark] div.create-integration-modal .integration-type.selected{background:#3b82f61a!important;border:2px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633!important;outline:none!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-option:hover{border-color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .integration-check,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .integration-check{color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .progress-step.active .step-number,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .progress-step.active .step-number{background:#3b82f6!important;border:4px solid var(--modal-bg-primary)!important;color:#fff!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .progress-step.active .step-label,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active .step-label,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .progress-step.active .step-label,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal div.progress-bar div.progress-steps div.progress-step.active .step-label{color:#3b82f6!important;font-weight:700!important;transform:translateY(-2px)!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .oauth-connect-btn:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .test-connection-btn:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .oauth-connect-btn:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .test-connection-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .form-input:focus,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .form-select:focus,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-integration-modal .form-textarea:focus,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-input:focus,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-select:focus,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-integration-modal .form-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.integration-setup-modal{background:var(--light-bg-card);border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%;z-index:1000}.modal-header{background:var(--light-bg-secondary);border-bottom:1px solid var(--light-border-primary);padding:24px}.modal-title-container{align-items:center;display:flex;gap:16px}.modal-icon{align-items:center;border-radius:24px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.integration-emoji,.modal-title{font-size:24px}.modal-title{color:var(--light-text-primary);font-weight:700;margin:0}.modal-subtitle{color:var(--light-text-secondary);font-size:14px;margin:4px 0 0}.close-button{align-items:center;background:var(--light-bg-glass);border-radius:20px;color:var(--light-text-muted);display:flex;height:40px;justify-content:center;width:40px}.close-button:hover{background:var(--light-bg-glass-hover);color:var(--light-text-primary);transform:scale(1.05)}.modal-content{gap:24px;padding:24px}.setup-info{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:16px;padding:20px}.info-header{gap:12px;margin-bottom:12px}.info-header h3{color:var(--light-text-primary);font-size:18px}.info-description{color:var(--light-text-secondary);line-height:1.5;margin:0 0 16px}.setup-steps{background:var(--light-bg-secondary);border-radius:12px;padding:16px}.setup-steps h4{color:var(--light-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.setup-steps ol{margin:0;padding-left:20px}.setup-steps li{color:var(--light-text-secondary);line-height:1.4;margin-bottom:8px}.required-fields{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:16px;padding:20px}.required-fields h3{color:var(--light-text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.fields-grid{grid-gap:16px;display:grid;gap:16px}.field-item{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:12px;padding:16px}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.field-label{color:var(--light-text-primary);font-size:14px;font-weight:600}.required-asterisk{color:#ef4444;margin-left:4px}.field-type{background:var(--light-bg-glass);border-radius:6px;color:var(--light-text-muted);font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.field-description{color:var(--light-text-secondary);font-size:13px;line-height:1.4;margin:0 0 8px}.field-options{margin-top:8px}.field-options strong{color:var(--light-text-primary);display:block;font-size:12px;margin-bottom:6px}.options-list{display:flex;flex-wrap:wrap;gap:6px}.option-tag{background:var(--gradient-primary);border-radius:6px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.setup-guide{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:16px;padding:20px}.setup-guide h3{color:var(--light-text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.guide-content{background:var(--light-bg-secondary);border-radius:12px;overflow-x:auto;padding:16px}.guide-text{color:var(--light-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.metrics-preview{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:16px;padding:20px}.metrics-preview h3{color:var(--light-text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-item{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:10px;color:var(--light-text-primary);font-size:14px;font-weight:500;padding:12px;text-align:center;transition:all .2s ease}.metric-item:hover{background:var(--light-bg-glass-hover);box-shadow:var(--light-shadow-sm);transform:translateY(-2px)}.modal-footer{border-top:1px solid var(--light-border-primary);gap:12px;padding:24px}.cancel-button{align-items:center;background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:12px;color:var(--light-text-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;padding:14px 0;transition:all .2s ease}.cancel-button:hover{background:var(--light-bg-glass-hover);color:var(--light-text-primary)}.connect-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:14px 0;transition:all .2s ease}.connect-button:hover{box-shadow:0 6px 12px #3b82f666;transform:translateY(-1px)}[data-theme=dark] .integration-setup-modal{background:var(--dark-bg-card)}[data-theme=dark] .modal-header{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .modal-title{color:var(--dark-text-primary)}[data-theme=dark] .modal-subtitle{color:var(--dark-text-secondary)}[data-theme=dark] .close-button{background:var(--dark-bg-glass);color:var(--dark-text-muted)}[data-theme=dark] .close-button:hover{background:var(--dark-bg-glass-hover);color:var(--dark-text-primary)}[data-theme=dark] .metrics-preview,[data-theme=dark] .required-fields,[data-theme=dark] .setup-guide,[data-theme=dark] .setup-info{background:var(--dark-bg-glass);border-color:var(--dark-border-primary)}[data-theme=dark] .info-header h3,[data-theme=dark] .metrics-preview h3,[data-theme=dark] .required-fields h3,[data-theme=dark] .setup-guide h3{color:var(--dark-text-primary)}[data-theme=dark] .field-description,[data-theme=dark] .guide-text,[data-theme=dark] .info-description{color:var(--dark-text-secondary)}[data-theme=dark] .setup-steps{background:var(--dark-bg-secondary)}[data-theme=dark] .setup-steps h4{color:var(--dark-text-primary)}[data-theme=dark] .setup-steps li{color:var(--dark-text-secondary)}[data-theme=dark] .field-item{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .field-label{color:var(--dark-text-primary)}[data-theme=dark] .field-type{background:var(--dark-bg-glass);color:var(--dark-text-muted)}[data-theme=dark] .field-options strong{color:var(--dark-text-primary)}[data-theme=dark] .guide-content,[data-theme=dark] .metric-item{background:var(--dark-bg-secondary)}[data-theme=dark] .metric-item{border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .metric-item:hover{background:var(--dark-bg-glass-hover);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .cancel-button,[data-theme=dark] .modal-footer{border-color:var(--dark-border-primary)}[data-theme=dark] .cancel-button{background:var(--dark-bg-glass);color:var(--dark-text-secondary)}[data-theme=dark] .cancel-button:hover{background:var(--dark-bg-glass-hover);color:var(--dark-text-primary)}@media (max-width:768px){.modal-overlay{padding:10px}.integration-setup-modal{max-height:95vh}.modal-header{padding:20px}.modal-content{gap:20px;padding:20px}.modal-footer{flex-direction:column;padding:20px}.cancel-button,.connect-button{width:100%}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modal-title{font-size:20px}.modal-icon{height:40px;width:40px}.integration-emoji{font-size:20px}}@media (max-width:480px){.modal-content{gap:16px;padding:16px}.metrics-preview,.required-fields,.setup-guide,.setup-info{padding:16px}.field-item{padding:12px}.metrics-grid{grid-template-columns:1fr 1fr}}.integrations-page{animation:fadeInUp .6s ease-out;background:var(--light-bg-primary);min-height:100vh;padding:2rem}.dashboard-header{animation:fadeInUp .6s ease-out .2s both}.header-content{align-items:flex-start;gap:2rem;padding:1.5rem 0}.header-title h1{font-size:2rem}.header-title p{font-size:1rem}.integrations-stats{animation:fadeInUp .6s ease-out .4s both;margin-bottom:3rem}.stats-grid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-radius:var(--radius-2xl)!important;overflow:hidden;padding:1.5rem 1.5rem .75rem}.stat-card:hover{box-shadow:var(--light-shadow-lg)}.stat-value{font-size:2rem;margin-bottom:.25rem}.stat-label{margin:0}.stat-card-wrapper{cursor:pointer;height:100%;position:relative;transition:all var(--transition-fast)}.stat-card-wrapper .stat-card{display:flex;flex-direction:column;height:100%;justify-content:center}.stat-card-wrapper:hover .stat-card{box-shadow:var(--light-shadow-lg);transform:translateY(-2px)}.stat-card-wrapper:active .stat-card{transform:translateY(0)}.stat-card.clickable-filter{position:relative;transition:all var(--transition-fast)}.stat-card.clickable-filter.active{background:linear-gradient(135deg,#3b82f60d,#2563eb05);border:2px solid var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,var(--light-shadow-lg)}.stat-card.clickable-filter.active:after{align-items:center;animation:fadeInScale .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #10b98166,0 1px 3px #0000004d;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:900;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.integrations-content{animation:fadeInUp .6s ease-out .6s both}.integrations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.integration-card{border:2px solid #0000;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-normal)}.integration-card:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.integration-card:hover:before{opacity:.1}.integration-card:hover{box-shadow:var(--light-shadow-xl);transform:translateY(-4px) scale(1.02)}.integration-card.connected{background:linear-gradient(135deg,#3b82f60d,#2563eb05);border:2px solid var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,var(--light-shadow-lg)}.integration-card.disconnected{border-color:#6b728033}.integration-card.connected:hover{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f626,var(--light-shadow-xl)}.integration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.integration-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:3rem;justify-content:center;transition:all var(--transition-normal);width:3rem}.integration-card.connected .integration-icon,.integration-icon{background:var(--gradient-primary);box-shadow:var(--light-shadow-md);color:#fff}.integration-icon svg{color:#fff}.integration-status{align-items:center;background:var(--light-bg-secondary);border-radius:var(--radius-full);display:flex;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.status-connected{color:#10b981}.status-disconnected{color:#6b7280}.integration-content{flex:1 1;margin-bottom:1.5rem}.integration-name{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.integration-description{color:var(--light-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.integration-category{background:#3b82f61a;border-radius:var(--radius-full);color:#3b82f6;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.integration-footer{display:flex;justify-content:flex-end;margin-top:auto}[data-theme=dark] .integrations-page{background:var(--dark-bg-primary)}[data-theme=dark] .stat-card{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .stat-card-wrapper:hover .stat-card,[data-theme=dark] .stat-card:hover{box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .stat-card.clickable-filter.active{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f626,var(--dark-shadow-xl)}[data-theme=dark] .integration-card{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .integration-card:hover{box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .integration-card.connected{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f626,var(--dark-shadow-xl)}[data-theme=dark] .integration-card.connected:hover{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f633,var(--dark-shadow-xl)}[data-theme=dark] .integration-status{background:var(--dark-bg-secondary)}[data-theme=dark] .integration-name{color:var(--dark-text-primary)}[data-theme=dark] .integration-description{color:var(--dark-text-secondary)}[data-theme=dark] .integration-category{background:#3b82f626;color:#60a5fa}[data-theme=dark] .integration-last-sync{color:var(--dark-text-secondary)!important}@media (max-width:768px){.integrations-page{padding:1rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.header-title h1{font-size:1.5rem}.integrations-grid,.stats-grid{grid-template-columns:1fr}.integration-card{padding:1rem}}@media (max-width:480px){.integrations-page{padding:.5rem}.header-content{padding:1rem 0}.header-title h1{font-size:1.25rem}.stat-card{padding:1rem 1rem .5rem}.integration-card{padding:.75rem}.integration-icon{height:2.5rem;width:2.5rem}.integration-name{font-size:1rem}}.create-integration-modal{padding:1.5rem}.modal-section{margin-bottom:1.5rem}.modal-label{color:var(--light-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.modal-input,.modal-select,.modal-textarea{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--light-text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all var(--transition-normal);width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-textarea{font-family:inherit;min-height:80px;resize:vertical}.character-count{color:var(--light-text-muted);font-size:.75rem;margin-top:.25rem;text-align:right}.image-upload-container{position:relative}.image-upload-input{display:none}.image-upload-label{background:var(--light-bg-secondary);border:2px dashed var(--light-border-primary);border-radius:var(--radius-lg);cursor:pointer;display:block;padding:2rem;text-align:center;transition:all var(--transition-normal)}.image-upload-label:hover{background:#3b82f60d;border-color:var(--primary-color)}.image-upload-content,.image-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:.5rem}.image-upload-placeholder{color:var(--light-text-secondary)}.image-upload-placeholder span{color:var(--light-text-primary);font-weight:500}.image-upload-placeholder small{color:var(--light-text-muted);font-size:.75rem}.image-preview{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;height:4rem;justify-content:center;overflow:hidden;position:relative;width:4rem}.preview-image{filter:brightness(0) invert(1);height:2.5rem;object-fit:contain;width:2.5rem}.modal-actions{justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}[data-theme=dark] .modal-label{color:var(--dark-text-primary)}[data-theme=dark] .modal-input,[data-theme=dark] .modal-select,[data-theme=dark] .modal-textarea{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .modal-input:focus,[data-theme=dark] .modal-select:focus,[data-theme=dark] .modal-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .character-count{color:var(--dark-text-muted)}[data-theme=dark] .image-upload-label{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .image-upload-label:hover{background:#3b82f614;border-color:var(--primary-color)}[data-theme=dark] .image-upload-placeholder{color:var(--dark-text-secondary)}[data-theme=dark] .image-upload-placeholder span{color:var(--dark-text-primary)}[data-theme=dark] .image-upload-placeholder small{color:var(--dark-text-muted)}.loading-container{gap:1rem}.integration-logo{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.integration-last-sync{align-items:center;color:var(--light-text-tertiary);display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.integration-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.status-error{color:var(--danger-color)}.integration-card.error{background:#ef44440d;border-color:var(--danger-color)}.integration-card.error:hover{border-color:var(--danger-color);box-shadow:0 8px 25px #ef444426}.oauth-flow-modal{padding:0}.modern-modal__mask .modern-modal .oauth-flow-modal .modal-actions,.modern-modal__mask .modern-modal .oauth-flow-modal .progress-bar,.modern-modal__mask .modern-modal .oauth-flow-modal .progress-step,.modern-modal__mask .modern-modal .oauth-flow-modal .progress-steps,.progress-bar,[data-theme=dark] .modern-modal__mask .modern-modal .oauth-flow-modal .modal-actions,[data-theme=dark] .modern-modal__mask .modern-modal .oauth-flow-modal .progress-bar,[data-theme=dark] .modern-modal__mask .modern-modal .oauth-flow-modal .progress-step,[data-theme=dark] .modern-modal__mask .modern-modal .oauth-flow-modal .progress-steps{background:#0000!important}.progress-bar{border-bottom:1px solid var(--light-border-secondary);padding:1rem 2rem .75rem}.progress-steps{align-items:center;background:#0000!important;display:flex;justify-content:space-between;margin:0 auto;max-width:450px;position:relative}.progress-steps:before{background:linear-gradient(90deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border-radius:2px;box-shadow:inset 0 1px 2px #0000001a;content:"";height:3px;left:20px;position:absolute;right:20px;top:50%;z-index:1}.progress-step{background:#0000!important;flex-direction:column;gap:.5rem;padding:0 .5rem;position:relative;z-index:2}.progress-step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border:2px solid #0000;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--light-text-secondary);font-size:.875rem;font-weight:700;height:36px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:36px}.progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border-color:#3b82f633!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}.progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);border-color:#10b98133;box-shadow:0 4px 16px #10b9814d;color:#fff}.step-label{color:var(--light-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.025em;max-width:90px;text-align:center;transition:all .3s ease}.progress-step.active .step-label{color:var(--primary-color);font-weight:700;transform:translateY(-2px)}.progress-step.completed .step-label{color:var(--success-color);font-weight:600}.step-content{align-items:center;background:#0000!important;display:flex;justify-content:center;min-height:300px;padding:2rem}.api-key-step-content,.oauth-step-content,.verification-step-content,.webhook-step-content{max-width:400px;text-align:center}.step-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.api-key-step-content h3,.oauth-step-content h3,.verification-step-content h3,.webhook-step-content h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.api-key-step-content p,.oauth-step-content p,.verification-step-content p,.webhook-step-content p{color:var(--light-text-secondary);line-height:1.5;margin:0 0 1.5rem}.oauth-info{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.info-item{font-size:.875rem}.info-item svg{color:var(--success-color)}.webhook-details{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.detail-item{color:var(--light-text-secondary);font-size:.875rem;text-align:left}.detail-item strong{color:var(--light-text-primary)}.api-key-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.api-key-input{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:8px;color:var(--light-text-primary);font-family:Courier New,monospace;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.api-key-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626;outline:none}.api-key-form small{color:var(--light-text-tertiary);font-size:.75rem;text-align:center}.verification-status{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.status-item{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem}.status-item.success{background:#10b9811a;border:1px solid #10b98133}.status-item.success,.status-item.success svg{color:var(--success-color)}.error-message{background:#ef44441a;border-top:1px solid #ef444433;color:var(--danger-color);padding:1rem 2rem}.error-message svg{flex-shrink:0}.modal-actions{background:#0000!important;border-top:1px solid var(--light-border-secondary);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}[data-theme=dark] .progress-bar{background:#0000!important;border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .progress-steps:before{background:linear-gradient(90deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark] .progress-step{background:#0000!important}[data-theme=dark] .step-number{background:linear-gradient(135deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);box-shadow:0 2px 8px #0000004d;color:var(--dark-text-secondary)}[data-theme=dark] .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;box-shadow:0 4px 16px #3b82f666}[data-theme=dark] .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);box-shadow:0 4px 16px #10b98166}[data-theme=dark] .step-label{color:var(--dark-text-secondary)}[data-theme=dark] .progress-step.active .step-label{color:var(--primary-color)}[data-theme=dark] .progress-step.completed .step-label{color:var(--success-color)}[data-theme=dark] .step-content{background:#0000!important}[data-theme=dark] .api-key-step-content h3,[data-theme=dark] .oauth-step-content h3,[data-theme=dark] .verification-step-content h3,[data-theme=dark] .webhook-step-content h3{color:var(--dark-text-primary)}[data-theme=dark] .api-key-step-content p,[data-theme=dark] .oauth-step-content p,[data-theme=dark] .verification-step-content p,[data-theme=dark] .webhook-step-content p{color:var(--dark-text-secondary)}[data-theme=dark] .webhook-details{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .detail-item{color:var(--dark-text-secondary)}[data-theme=dark] .detail-item strong{color:var(--dark-text-primary)}[data-theme=dark] .api-key-input{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .api-key-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .api-key-form small{color:var(--dark-text-tertiary)}[data-theme=dark] .error-message{background:#ef44441a;border-top-color:#ef444433}[data-theme=dark] .modal-actions{background:#0000!important;border-top-color:var(--dark-border-secondary)}@media (max-width:768px){.progress-steps{flex-direction:column;gap:1rem}.progress-steps:before{display:none}.progress-step{flex-direction:row;gap:.75rem;padding:0}.step-label{max-width:none;text-align:left}.step-content{min-height:250px;padding:1.5rem}.modal-actions{flex-direction:column}}.integration-logs-modal{display:flex;flex-direction:column;gap:1.5rem;height:100%;max-height:80vh}.logs-filters{flex-shrink:0}.filter-row{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem}.filter-group,.filter-row{align-items:center}.filter-group label{color:var(--light-text-secondary);letter-spacing:.05em;min-width:-webkit-fit-content;min-width:fit-content;text-transform:uppercase}.filter-select{background:var(--light-bg-primary);border-radius:.5rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.filter-select:focus{border-color:var(--primary-color)}.search-group{flex:1 1;min-width:200px}.search-input-container{flex:1 1;position:relative}.search-icon{color:var(--light-text-secondary);left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:.5rem;font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-actions{display:flex;gap:.75rem;margin-left:auto}.logs-table-container{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:.75rem;flex:1 1;overflow:hidden}.logs-table{display:flex;flex-direction:column;height:100%}.table-header{grid-gap:1rem;align-items:center;background:var(--light-bg-secondary);border-bottom:1px solid var(--light-border-primary);color:var(--light-text-secondary);display:grid;font-size:.75rem;font-weight:600;gap:1rem;grid-template-columns:100px 150px 1fr 160px 100px;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.header-cell{align-items:center;display:flex;padding:0}.header-cell.message-cell,.header-cell.status-cell,.header-cell.timestamp-cell,.header-cell.type-cell{justify-content:flex-start}.header-cell.actions-cell{justify-content:center}.table-body{flex:1 1;overflow-y:auto}.table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--light-border-primary);cursor:pointer;display:grid;gap:1rem;grid-template-columns:100px 150px 1fr 160px 100px;padding:1rem;transition:all .2s ease}.table-row:hover{background:var(--light-bg-secondary)}.table-row.selected{background:#3b82f61a;border-left:4px solid var(--primary-color)}.table-cell{align-items:center;display:flex;font-size:.875rem;overflow:hidden;padding:0}.table-cell.message-cell,.table-cell.status-cell,.table-cell.timestamp-cell,.table-cell.type-cell{justify-content:flex-start}.table-cell.actions-cell{justify-content:center}.status-badge{border-radius:.375rem;color:#fff;padding:.25rem .5rem;white-space:nowrap}.status-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.status-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.status-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b4d}.status-default{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b72804d}.type-badge{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:.375rem;color:var(--light-text-secondary);font-weight:500;padding:.25rem .5rem;white-space:nowrap}.message-text{word-wrap:break-word;color:var(--light-text-primary);line-height:1.4;white-space:normal}.timestamp-wrapper{align-items:center;color:var(--light-text-secondary);display:flex;font-size:.875rem;gap:.5rem;white-space:nowrap}.table-cell.actions-cell .modern-button{font-size:.75rem;min-width:100px;padding:.375rem .75rem;white-space:nowrap}.table-cell.status-cell{flex-shrink:0;width:100px}.table-cell.type-cell{flex-shrink:0;width:150px}.table-cell.message-cell{word-wrap:break-word;flex:1 1;max-width:300px;min-width:0;white-space:normal}.table-cell.timestamp-cell{flex-shrink:0;width:160px}.table-cell.actions-cell{flex-shrink:0;width:100px}.loading-container{color:var(--light-text-secondary);font-size:.875rem;gap:.75rem;padding:3rem}.loading-spinner{color:var(--primary-color)}.log-details{border-top:1px solid var(--light-border-primary);flex-shrink:0;padding-top:1.5rem}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.details-header h4{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin:0}.details-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section h5{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-json,.detail-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-json{word-wrap:break-word;background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:.5rem;color:var(--light-text-primary);font-size:.75rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}[data-theme=dark] .filter-row{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .filter-group label{color:var(--dark-text-secondary)}[data-theme=dark] .filter-select,[data-theme=dark] .search-input{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .search-icon{color:var(--dark-text-secondary)}[data-theme=dark] .logs-table-container{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}[data-theme=dark] .table-header{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}[data-theme=dark] .table-header,[data-theme=dark] .table-row{border-color:var(--dark-border-primary)}[data-theme=dark] .table-row:hover{background:var(--dark-bg-secondary)}[data-theme=dark] .table-row.selected{background:#3b82f626}[data-theme=dark] .message-text{color:var(--dark-text-primary)}[data-theme=dark] .timestamp-wrapper,[data-theme=dark] .type-badge{color:var(--dark-text-secondary)}[data-theme=dark] .type-badge{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .loading-container{color:var(--dark-text-secondary)}[data-theme=dark] .detail-json,[data-theme=dark] .detail-section h5,[data-theme=dark] .detail-value,[data-theme=dark] .details-header h4{color:var(--dark-text-primary)}[data-theme=dark] .detail-json{background:var(--dark-bg-secondary)}[data-theme=dark] .detail-json,[data-theme=dark] .log-details{border-color:var(--dark-border-primary)}@media (max-width:1024px){.filter-row{gap:1rem}.filter-group,.filter-row{align-items:stretch;flex-direction:column}.filter-group{gap:.5rem}.filter-group label{min-width:auto}.filter-actions{justify-content:center;margin-left:0}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.header-cell,.table-cell{justify-content:flex-start}.table-row{border:1px solid var(--light-border-primary);border-radius:.5rem;margin-bottom:.5rem;padding:1rem}.table-row:last-child{margin-bottom:0}.table-cell:before{color:var(--light-text-secondary);content:attr(data-label);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.table-cell.status-cell:before{content:"Estado:"}.table-cell.type-cell:before{content:"Tipo:"}.table-cell.message-cell:before{content:"Mensaje:"}.table-cell.timestamp-cell:before{content:"Timestamp:"}.table-cell.actions-cell:before{content:"Acciones:"}}@media (max-width:640px){.filter-row{padding:.75rem}.logs-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -.5rem}.table-row{margin:0 .5rem .5rem}.table-row:last-child{margin-bottom:.5rem}}.data-normalization-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.data-normalization-modal{background:var(--background-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{background:var(--background-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;padding:1.5rem 2rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:.75rem}.modal-title h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.close-button:hover{background:var(--background-tertiary);color:var(--text-primary)}.modal-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:2rem}.config-section{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.section-header{gap:.75rem}.section-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.section-description{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-left:auto}.config-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.config-field{display:flex;flex-direction:column;gap:.5rem}.config-field.full-width{grid-column:1/-1}.config-field label{color:var(--text-primary);font-size:.875rem;font-weight:500}.config-field input,.config-field select{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:all .2s ease}.config-field input:focus,.config-field select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.config-field input.error,.config-field select.error{border-color:var(--error-primary)}.error-message{color:var(--error-primary);font-size:.75rem;margin-top:.25rem}.field-description{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.checkbox-label{color:var(--text-primary);font-weight:500;gap:.75rem}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--background-primary);border:2px solid var(--border-primary);border-radius:4px;height:20px;position:relative;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.offset-display{background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:.75rem}.calculating{color:var(--text-secondary);font-style:italic;text-align:center}.offset-value{border-radius:6px;font-size:1.125rem;font-weight:600;padding:.5rem;text-align:center}.offset-value.same{background:rgba(var(--success-primary-rgb),.1);color:var(--success-primary)}.offset-value.different{background:rgba(var(--warning-primary-rgb),.1);color:var(--warning-primary)}.exchange-rate-input{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:.5rem;padding:.75rem}.currency-symbol{color:var(--text-primary);min-width:2rem;text-align:center}.exchange-rate-input input{background:#0000;border:none;flex:1 1;font-weight:600;padding:0;text-align:center}.equals{color:var(--text-secondary);font-weight:600}.rate-value{color:var(--text-primary);font-weight:600;min-width:3rem;text-align:center}.preview-section{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.preview-item{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.preview-item strong{color:var(--text-primary);font-size:.875rem}.example{background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.5rem}.modal-footer{background:var(--background-secondary);border-top:1px solid var(--border-primary);gap:1rem;justify-content:flex-end}.cancel-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button{background:var(--background-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.cancel-button:hover{background:var(--background-primary);color:var(--text-primary)}.save-button{background:var(--gradient-primary);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3);color:#fff}.save-button:hover{box-shadow:0 6px 16px rgba(var(--accent-primary-rgb),.4);transform:translateY(-1px)}@media (max-width:768px){.data-normalization-modal{margin:.5rem;max-height:95vh}.modal-content,.modal-footer,.modal-header{padding:1rem}.config-grid{gap:1rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.section-description{margin-left:0}.modal-footer{flex-direction:column}.cancel-button,.save-button{justify-content:center;width:100%}}[data-theme=dark] .data-normalization-modal{box-shadow:0 20px 60px #00000080}[data-theme=dark] .config-field input,[data-theme=dark] .config-field select,[data-theme=dark] .exchange-rate-input,[data-theme=dark] .offset-display,[data-theme=dark] .preview-item{background:var(--background-primary);border-color:var(--border-primary)}[data-theme=dark] .example{background:var(--background-tertiary);border-color:var(--border-primary)}.auto-modal{max-width:600px}.auto-info-section{padding:1.5rem}.info-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.info-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.info-description{color:var(--text-secondary);display:block;font-size:.875rem;line-height:1.4;margin-top:.5rem}.auto-config-display{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.config-item{align-items:flex-start;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:1rem;padding:1rem}.config-label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;min-width:140px}.config-value{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.currency-info,.format-info,.timezone-info{align-items:center;display:flex;font-size:.875rem;gap:.75rem}.server-currency,.server-format,.server-tz{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);padding:.25rem .5rem}.account-currency,.account-format,.account-tz{background:var(--background-primary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);font-weight:500;padding:.25rem .5rem}.arrow{color:var(--text-tertiary);font-weight:700}.exchange-info,.offset-info{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.auto-benefits{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.auto-benefits h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.auto-benefits ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.auto-benefits li{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem}.auto-benefits li svg{color:var(--accent-primary);flex-shrink:0}[data-theme=dark] .auto-info-section{background:var(--dark-bg-primary)}[data-theme=dark] .info-header{border-color:var(--dark-border-primary)}[data-theme=dark] .info-header h3{color:var(--dark-text-primary)}[data-theme=dark] .info-description{color:var(--dark-text-secondary)}[data-theme=dark] .config-item{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .config-label{color:var(--dark-text-primary)}[data-theme=dark] .server-currency,[data-theme=dark] .server-format,[data-theme=dark] .server-tz{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-secondary)}[data-theme=dark] .account-currency,[data-theme=dark] .account-format,[data-theme=dark] .account-tz{background:var(--dark-bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=dark] .arrow,[data-theme=dark] .exchange-info,[data-theme=dark] .offset-info{color:var(--dark-text-tertiary)}[data-theme=dark] .auto-benefits{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .auto-benefits h4{color:var(--dark-text-primary)}[data-theme=dark] .auto-benefits li{color:var(--dark-text-secondary)}.detecting-timezone{align-items:center;background:var(--background-tertiary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);display:flex;font-style:italic;gap:.5rem;padding:.5rem}.confidence-badge{border-radius:12px;display:inline-block;font-size:.625rem;font-weight:600;margin-left:.5rem;padding:.125rem .375rem;text-transform:uppercase}.confidence-badge.high{background:#10b981;color:#fff}.confidence-badge.medium{background:#f59e0b;color:#fff}.confidence-badge.low{background:#6b7280;color:#fff}.detected-country{color:var(--text-tertiary);font-size:.75rem;margin-left:.5rem}[data-theme=dark] .detecting-timezone{background:var(--dark-bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=dark] .detected-country{color:var(--dark-text-tertiary)}.create-tag-modal{padding:0}.create-tag-modal .active,.create-tag-modal .selected,.create-tag-modal :hover{--hover-color:var(--primary-color);--selected-color:var(--primary-color);--active-color:var(--primary-color)}.modern-modal.create-tag-modal .tag-type-option.selected,.unified-modal-container.create-tag-modal .tag-type-option.selected,div.create-tag-modal .tag-type-option.selected{border-color:#3b82f6!important;border-width:2px!important}.modern-modal.create-tag-modal .tag-type-check,.unified-modal-container.create-tag-modal .tag-type-check,div.create-tag-modal .tag-type-check{color:#3b82f6!important;font-size:1.2rem!important;font-weight:700!important}.modern-modal__mask .modern-modal .create-tag-modal .modal-actions,.modern-modal__mask .modern-modal .create-tag-modal .progress-bar,.modern-modal__mask .modern-modal .create-tag-modal .progress-steps{background:#0000!important}.modern-modal__mask .modern-modal .create-tag-modal .progress-step .step-number{background:linear-gradient(135deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%)!important}.modern-modal__mask .modern-modal .create-tag-modal .progress-step.active:not(.completed) .step-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-tag-modal .modal-actions,[data-theme=dark] .modern-modal__mask .modern-modal .create-tag-modal .progress-bar,[data-theme=dark] .modern-modal__mask .modern-modal .create-tag-modal .progress-steps{background:#0000!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-tag-modal .progress-step .step-number{background:linear-gradient(135deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%)!important}[data-theme=dark] .modern-modal__mask .modern-modal .create-tag-modal .progress-step.active:not(.completed) .step-number{background:#3b82f6!important;color:#fff!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active:not(.completed) div.step-number{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;border:4px solid var(--modal-bg-primary)!important;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important;transform:scale(1.1)!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style],html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style]{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style],html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.active div.step-number[style]{background:#3b82f6!important;background-color:#3b82f6!important;background-image:none!important;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important;transform:scale(1.1)!important}.create-tag-modal .progress-bar,.unified-modal-container.create-tag-modal .progress-bar{background:#0000!important;border-bottom:1px solid var(--light-border-secondary)!important;margin-bottom:1rem!important;padding:.75rem 2rem 1rem!important;position:relative!important;z-index:10!important}.create-tag-modal .progress-steps,.unified-modal-container.create-tag-modal .progress-steps{align-items:center!important;background:#0000!important;display:flex!important;justify-content:space-between!important;margin:0 auto!important;max-width:450px!important;position:relative!important;z-index:10!important}.create-tag-modal .progress-steps:before{background:linear-gradient(90deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border-radius:2px;box-shadow:inset 0 1px 2px #0000001a;content:"";height:3px;left:calc(16.67% - 22px);position:absolute;right:calc(16.67% - 22px);top:18px;z-index:1}.create-tag-modal .progress-step{align-items:center;background:#0000!important;display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem;position:relative;z-index:2}.create-tag-modal .step-number{align-items:center;background:linear-gradient(135deg,var(--light-border-secondary) 0,var(--light-border-primary) 100%);border:4px solid var(--light-bg-card);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--light-text-secondary);display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:36px;z-index:3}.create-tag-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border:4px solid var(--light-bg-card)!important;box-shadow:0 4px 16px #3b82f64d!important;color:#fff!important;transform:scale(1.1)!important}[data-theme=dark] .create-tag-modal .progress-step.active .step-number{border:4px solid var(--dark-bg-card)!important;box-shadow:0 4px 16px #3b82f666!important;color:#fff!important}.create-tag-modal .progress-step.active .step-number,.modern-modal .create-tag-modal .progress-step.active .step-number,.unified-modal-container.create-tag-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border:4px solid var(--light-bg-card)!important;color:#fff!important}[data-theme=dark] .create-tag-modal .progress-step.active .step-number,[data-theme=dark] .modern-modal .create-tag-modal .progress-step.active .step-number,[data-theme=dark] .unified-modal-container.create-tag-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;border:4px solid var(--dark-bg-card)!important;color:#fff!important}.create-tag-modal .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)!important;border:4px solid var(--light-bg-card)!important;box-shadow:0 4px 16px #10b9814d!important;color:#fff!important}.create-tag-modal .step-label{color:var(--light-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.025em;max-width:90px;text-align:center;transition:all .3s ease}.create-tag-modal .progress-step.active .step-label{color:var(--primary-color);font-weight:700;transform:translateY(-2px)}.create-tag-modal .progress-step.completed .step-label{color:var(--light-text-primary)!important;font-weight:600}[data-theme=dark] .create-tag-modal .progress-step.completed .step-label{color:var(--dark-text-primary)!important;font-weight:600}.create-tag-modal .step-container{background:#0000!important;min-height:400px;padding:2rem}.create-tag-modal .step-content{background:#0000!important;display:flex;flex-direction:column;gap:1.5rem}.create-tag-modal .create-tag-step{animation:fadeInUp .3s ease-out;background:#0000!important}.step-header{margin-bottom:2rem;text-align:center}.step-header h3{color:var(--light-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.step-header p{color:var(--light-text-secondary);margin:0}.form-content{margin:0 auto;max-width:600px}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group label{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:8px;color:var(--light-text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-group{margin-bottom:1.5rem}.tag-types{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tag-type-option{align-items:center;background:var(--light-bg-card);border:2px solid var(--light-border-primary);border-radius:12px;cursor:pointer;display:flex;padding:1rem;position:relative;transition:all .3s ease}.tag-type-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626}.tag-type-option.selected{background:#3b82f60d;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #3b82f633}.tag-type-icon{font-size:1.5rem;margin-right:1rem}.tag-type-content{flex:1 1}.tag-type-content h4{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.tag-type-content p{color:var(--light-text-secondary);font-size:.75rem;margin:0}.tag-type-check{color:var(--primary-color)!important;font-size:1.2rem;font-weight:700;position:absolute;right:.5rem;top:.5rem}.category-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);padding:.5rem 0}.category-option{align-items:center;background:var(--light-bg-card);border:2px solid var(--light-border-primary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1rem .5rem;transition:all .3s ease}.category-option:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #3b82f626;transform:translateY(-1px)}.category-option.selected{background:#3b82f60d;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f633}.category-icon{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:48px;margin-bottom:.5rem;width:48px}.category-name{color:var(--light-text-primary);font-size:.75rem;font-weight:600;line-height:1.2;text-align:center}.color-picker{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr)}.color-option{align-items:center;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.color-option:hover{box-shadow:0 4px 12px #3b82f64d}.color-option.selected,.color-option:hover{border-color:var(--primary-color);transform:scale(1.1)}.color-option.selected{box-shadow:0 4px 12px #3b82f666}.icon-categories-tabs{background:var(--light-bg-secondary);border:1px solid var(--light-border-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:140px;overflow-y:auto;padding:.75rem}.category-tab{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all var(--transition-fast);white-space:nowrap}.category-tab:hover{background:var(--light-bg-glass);border-color:var(--primary-color);box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.category-tab.active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.icon-picker{grid-gap:.5rem;background:var(--light-bg-secondary);border:1px solid var(--light-border-secondary);border-radius:var(--radius-lg);display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);max-height:200px;overflow-y:auto;padding:.5rem}.icon-option{align-items:center;background:var(--light-bg-card);border:2px solid var(--light-border-primary);border-radius:8px;color:var(--light-text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.icon-option:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.icon-option.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633;color:#fff;transform:scale(1.05)}.api-config,.formula-config,.outbound-config,.webhook-config{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:12px;padding:1.5rem}.api-config h4,.formula-config h4,.outbound-config h4,.webhook-config h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.webhook-preview{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:8px}.webhook-item label{display:block;font-size:.75rem;margin-bottom:.25rem}.webhook-item code{background:var(--light-bg-primary);border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem}.output-preview{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:12px;padding:1.5rem}.output-preview h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.preview-examples{gap:1rem}.preview-examples,.preview-item{display:flex;flex-direction:column}.preview-item{gap:.5rem}.preview-item label{color:var(--light-text-secondary);font-size:.875rem;font-weight:600}.preview-value{color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;padding:1rem;text-align:center}.format-info,.preview-value{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:8px}.format-info{display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.format-type{color:var(--primary-color);font-weight:700;text-transform:capitalize}.format-details{color:var(--light-text-secondary);font-weight:500}.create-tag-modal .modal-actions{align-items:center;background:#0000!important;border-top:1px solid var(--light-border-secondary);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.step-navigation{display:flex;gap:1rem}[data-theme=dark] .create-tag-modal .progress-bar{background:#0000!important;border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .create-tag-modal .progress-steps:before{background:linear-gradient(90deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);box-shadow:inset 0 1px 2px #0000004d;left:calc(16.67% - 22px);right:calc(16.67% - 22px)}[data-theme=dark] .create-tag-modal .step-number{border:4px solid var(--dark-bg-card)}[data-theme=dark] .create-tag-modal .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%)!important;border:4px solid var(--dark-bg-card)!important;box-shadow:0 4px 16px #10b98166!important;color:#fff!important}[data-theme=dark] .create-tag-modal .progress-step{background:#0000!important}[data-theme=dark] .create-tag-modal .step-number{background:linear-gradient(135deg,var(--dark-border-secondary) 0,var(--dark-border-primary) 100%);box-shadow:0 2px 8px #0000004d;color:var(--dark-text-secondary)}[data-theme=dark] .create-tag-modal .progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0,#3b82f6 100%)!important;box-shadow:0 4px 16px #3b82f666}[data-theme=dark] .create-tag-modal .progress-step.completed .step-number{background:linear-gradient(135deg,var(--success-color) 0,#10b981 100%);box-shadow:0 4px 16px #10b98166}[data-theme=dark] .create-tag-modal .step-label{color:var(--dark-text-secondary)}[data-theme=dark] .create-tag-modal .progress-step.active .step-label{color:var(--primary-color)}[data-theme=dark] .create-tag-modal .progress-step.completed .step-label{color:var(--success-color)}[data-theme=dark] .create-tag-modal .step-content{background:#0000!important}[data-theme=dark] .step-header h3{color:var(--dark-text-primary)}[data-theme=dark] .step-header p{color:var(--dark-text-secondary)}[data-theme=dark] .form-group label{color:var(--dark-text-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .tag-type-option{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .tag-type-option:hover{border-color:var(--primary-color)}[data-theme=dark] .tag-type-option.selected{background:#3b82f61a;border-color:var(--primary-color)!important}[data-theme=dark] .tag-type-check{color:var(--primary-color)!important}[data-theme=dark] .tag-type-content h4{color:var(--dark-text-primary)}[data-theme=dark] .tag-type-content p{color:var(--dark-text-secondary)}[data-theme=dark] .category-option{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .category-option:hover{border-color:var(--primary-color)}[data-theme=dark] .category-option.selected{background:#3b82f61a}[data-theme=dark] .category-name{color:var(--dark-text-primary)}[data-theme=dark] .icon-option{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-secondary)}[data-theme=dark] .icon-option:hover{border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .icon-option.selected{background:var(--primary-color);box-shadow:0 0 0 3px #3b82f64d;color:#fff;transform:scale(1.05)}[data-theme=dark] .api-config,[data-theme=dark] .formula-config,[data-theme=dark] .outbound-config,[data-theme=dark] .webhook-config{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .api-config h4,[data-theme=dark] .formula-config h4,[data-theme=dark] .outbound-config h4,[data-theme=dark] .webhook-config h4{color:var(--dark-text-primary)}[data-theme=dark] .webhook-preview{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .webhook-item label{color:var(--dark-text-secondary)}[data-theme=dark] .webhook-item code{background:var(--dark-bg-primary)}[data-theme=dark] .output-preview{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .output-preview h4{color:var(--dark-text-primary)}[data-theme=dark] .preview-value{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--primary-color)}[data-theme=dark] .preview-item label{color:var(--dark-text-secondary)}[data-theme=dark] .format-info{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .format-details{color:var(--dark-text-secondary)}[data-theme=dark] .create-tag-modal .modal-actions{background:#0000!important;border-top-color:var(--dark-border-secondary)}@media (max-width:768px){.form-row{gap:1rem}.form-row,.tag-types{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.color-picker,.icon-picker{grid-template-columns:repeat(4,1fr)}.modal-actions{flex-direction:column}.step-navigation{justify-content:space-between;width:100%}}.webhook-preview{background:var(--light-bg-secondary);border:1px solid var(--light-border-secondary);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem}.webhook-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.webhook-item:last-child{margin-bottom:0}.webhook-item label{color:var(--light-text-secondary);font-size:.875rem;font-weight:600}.webhook-item code{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;padding:.5rem;word-break:break-all}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{align-items:center;color:var(--light-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:1rem;width:1rem}.available-tags{border:1px solid var(--light-border-secondary);margin-bottom:.5rem}.tag-item{border-bottom:1px solid var(--light-border-secondary);cursor:pointer;justify-content:space-between;padding:.5rem 0;transition:all var(--transition-fast)}.tag-item:last-child{border-bottom:none}.tag-item:hover{background:var(--light-bg-glass);border-radius:var(--radius-md);margin:0 -1rem;padding:.5rem 1rem}.tag-name{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;padding:.25rem .5rem}.operators-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.operator-btn{background:var(--light-bg-secondary);border:1px solid var(--light-border-secondary);border-radius:var(--radius-md);color:var(--light-text-primary);cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;font-weight:600;padding:.5rem;transition:all var(--transition-fast)}.operator-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.validation-status{margin-top:.5rem}.validation-indicator{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.validation-indicator.valid{background:#10b9811a;border:1px solid #10b98133;color:var(--success-color)}.validation-indicator.invalid{background:#ef44441a;border:1px solid #ef444433;color:var(--error-color)}.auth-config{display:flex;flex-direction:column;gap:.75rem}[data-theme=dark] .webhook-preview{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .webhook-item code{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--primary-color)}[data-theme=dark] .available-tags{border-color:var(--dark-border-secondary)}[data-theme=dark] .tag-item{border-bottom-color:var(--dark-border-secondary)}[data-theme=dark] .tag-item:hover{background:var(--dark-bg-glass)}[data-theme=dark] .tag-name{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--primary-color)}[data-theme=dark] .operator-btn{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary);color:var(--dark-text-primary)}[data-theme=dark] .operator-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-theme=dark] .icon-categories-tabs{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .category-tab{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .category-tab:hover{background:var(--dark-bg-glass);border-color:var(--primary-color)}[data-theme=dark] .category-tab.active{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:var(--primary-color)}[data-theme=dark] .icon-picker{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}.format-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.format-option{align-items:center;background:var(--light-bg-primary);border:2px solid var(--light-border-primary);border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .2s ease}.format-option:hover{background:var(--light-bg-secondary);border-color:var(--light-border-secondary)}.format-option.selected{background:#3b82f61a;border-color:var(--primary-color)}.format-icon{align-items:center;background:var(--light-bg-secondary);border-radius:.5rem;color:var(--light-text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.format-option.selected .format-icon{background:var(--primary-color);color:#fff}.format-content{flex:1 1}.format-content h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.format-content p{color:var(--light-text-secondary);font-size:.875rem;margin:0}.format-check{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.decimal-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.decimal-option{align-items:center;background:var(--light-bg-primary);border:2px solid var(--light-border-primary);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.decimal-option:hover{background:var(--light-bg-secondary);border-color:var(--light-border-secondary)}.decimal-option.selected{background:#3b82f61a;border-color:var(--primary-color)}.decimal-label{display:flex;flex-direction:column;gap:.25rem}.decimal-name{color:var(--light-text-primary);font-size:.875rem;font-weight:500}.decimal-example{color:var(--light-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.decimal-check{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.currency-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto}.currency-option{align-items:center;background:var(--light-bg-primary);border:2px solid var(--light-border-primary);border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.currency-option:hover{background:var(--light-bg-secondary);border-color:var(--light-border-secondary)}.currency-option.selected{background:#3b82f61a;border-color:var(--primary-color)}.currency-symbol{align-items:center;background:var(--light-bg-secondary);border-radius:.375rem;color:var(--light-text-primary);display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:32px;justify-content:center;width:32px}.currency-option.selected .currency-symbol{background:var(--primary-color);color:#fff}.currency-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.currency-code{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.currency-name{color:var(--light-text-secondary);font-size:.75rem}.currency-check{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}[data-theme=dark] .format-option{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}[data-theme=dark] .format-option:hover{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .format-option.selected{background:#3b82f626;border-color:var(--primary-color)}[data-theme=dark] .format-icon{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}[data-theme=dark] .format-option.selected .format-icon{background:var(--primary-color);color:#fff}[data-theme=dark] .format-content h4{color:var(--dark-text-primary)}[data-theme=dark] .format-content p{color:var(--dark-text-secondary)}[data-theme=dark] .decimal-option{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}[data-theme=dark] .decimal-option:hover{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .decimal-option.selected{background:#3b82f626;border-color:var(--primary-color)}[data-theme=dark] .decimal-name{color:var(--dark-text-primary)}[data-theme=dark] .decimal-example{color:var(--dark-text-secondary)}[data-theme=dark] .currency-option{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}[data-theme=dark] .currency-option:hover{background:var(--dark-bg-secondary);border-color:var(--dark-border-secondary)}[data-theme=dark] .currency-option.selected{background:#3b82f626;border-color:var(--primary-color)}[data-theme=dark] .currency-symbol{background:var(--dark-bg-secondary);color:var(--dark-text-primary)}[data-theme=dark] .currency-option.selected .currency-symbol{background:var(--primary-color);color:#fff}html body div.modern-modal__mask div.modern-modal.create-tag-modal .tag-type-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .tag-type-option.selected{border-color:#3b82f6!important;border-width:2px!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .tag-type-check,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .tag-type-check{color:#3b82f6!important;font-size:1.2rem!important;font-weight:900!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .tag-type-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .tag-type-option.selected{border-color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .tag-type-check,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .tag-type-check{color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .category-option.selected,html body div.modern-modal__mask div.modern-modal.create-tag-modal .category-option:hover,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-option:hover{border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option.selected{background:#3b82f6!important;border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .category-tab.active,html body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option:hover,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-tab.active,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option:hover{border-color:#3b82f6!important;color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .category-tab:hover,html body div.modern-modal__mask div.modern-modal.create-tag-modal .format-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-tab:hover,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .format-option.selected{border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .format-option.selected .format-icon,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .format-option.selected .format-icon{background:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .currency-option.selected,html body div.modern-modal__mask div.modern-modal.create-tag-modal .decimal-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .currency-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .decimal-option.selected{border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .currency-option.selected .currency-symbol,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .currency-option.selected .currency-symbol{background:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .color-option.selected,html body div.modern-modal__mask div.modern-modal.create-tag-modal .color-option:hover,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .color-option.selected,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .color-option:hover{border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .operator-btn:hover,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .operator-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal .progress-step.active .step-label,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .progress-step.active .step-label{color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .category-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .category-option:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .category-tab.active,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .category-tab:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .color-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .color-option:hover,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .currency-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .decimal-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .format-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option.selected,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-tab.active,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-tab:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .color-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .color-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .currency-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .decimal-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .format-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option:hover{border-color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option.selected,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option.selected{background:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .category-tab.active,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .icon-option:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .category-tab.active,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .icon-option:hover{color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .currency-option.selected .currency-symbol,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .format-option.selected .format-icon,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .currency-option.selected .currency-symbol,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .format-option.selected .format-icon{background:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .operator-btn:hover,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .operator-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important}html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal .progress-step.active .step-label,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal .progress-step.active .step-label{color:#3b82f6!important}html body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.completed div.step-number,html body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.completed div.step-number,html[data-theme=dark] body div.modern-modal__mask div.modern-modal.create-tag-modal div.progress-bar div.progress-steps div.progress-step.completed div.step-number,html[data-theme=dark] body div.unified-modal-overlay div.unified-modal-container.create-tag-modal div.progress-bar div.progress-steps div.progress-step.completed div.step-number{background:linear-gradient(135deg,#10b981,#059669)!important;border:4px solid var(--modal-bg-primary)!important;color:#fff!important}[data-theme=dark] .currency-code{color:var(--dark-text-primary)}[data-theme=dark] .currency-name{color:var(--dark-text-secondary)}.currency-info-box{align-items:flex-start;background:var(--light-bg-secondary);border:2px solid var(--light-border-primary);border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.currency-info-icon{align-items:center;background:var(--primary-color);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.currency-info-content{flex:1 1}.currency-info-content h4{color:var(--light-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.currency-info-content p{color:var(--light-text-secondary);font-size:.875rem;margin:0 0 .75rem}.currency-preview{align-items:center;display:flex;gap:.5rem}.currency-preview-label{color:var(--light-text-secondary);font-size:.75rem;font-weight:500}.currency-preview-value{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:.25rem;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;padding:.25rem .5rem}[data-theme=dark] .currency-info-box{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .currency-info-content h4{color:var(--dark-text-primary)}[data-theme=dark] .currency-info-content p,[data-theme=dark] .currency-preview-label{color:var(--dark-text-secondary)}[data-theme=dark] .currency-preview-value{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--primary-color)}.normalization-section{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-top:1rem;padding:1.5rem}.normalization-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.normalization-title{align-items:center;display:flex;gap:.75rem}.normalization-title h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.normalization-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.normalization-preview{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.normalization-preview .preview-item{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.5rem 0}.normalization-preview .preview-item:last-child{border-bottom:none}.normalization-preview .preview-item strong{color:var(--text-primary);font-size:.875rem;font-weight:500}.normalization-preview .preview-item span{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.normalization-button{gap:.5rem;justify-content:center;width:100%}[data-theme=dark] .normalization-section{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .normalization-title h4{color:var(--dark-text-primary)}[data-theme=dark] .normalization-description{color:var(--dark-text-secondary)}[data-theme=dark] .normalization-preview{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}[data-theme=dark] .normalization-preview .preview-item{border-color:var(--dark-border-primary)}[data-theme=dark] .normalization-preview .preview-item strong{color:var(--dark-text-primary)}[data-theme=dark] .normalization-preview .preview-item span{color:var(--dark-text-secondary)}.delete-tag-modal{--delete-danger-color:#ef4444;--delete-danger-hover:#dc2626;--delete-warning-bg:#fbbf241a;--delete-warning-border:#fbbf2433;--delete-warning-color:#f59e0b}.delete-tag-modal .unified-modal-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--delete-warning-bg);border:2px solid var(--delete-warning-border)}.tag-preview{align-items:flex-start;display:flex;gap:1rem;text-align:left}.tag-preview-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.tag-preview-info{flex:1 1}.tag-preview-name{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.tag-preview-description{color:var(--light-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.tag-preview-stats{display:flex;gap:1.5rem}.tag-stat-item{display:flex;flex-direction:column;gap:.25rem}.tag-stat-item .stat-label{color:var(--light-text-secondary);font-size:.75rem;font-weight:500}.tag-stat-item .stat-value{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.tag-stat-item .stat-value.status-active{color:var(--success-color)}.tag-stat-item .stat-value.status-testing{color:var(--delete-warning-color)}.tag-stat-item .stat-value.status-inactive{color:var(--light-text-secondary)}.warning-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.warning-list li{color:var(--modal-text-primary);font-size:.875rem;line-height:1.5;padding-left:1.5rem;position:relative}.warning-list li:before{content:"⚠️";font-size:.875rem;left:0;position:absolute;top:0}.delete-tag-modal .unified-modal-actions{gap:1rem;justify-content:center}.delete-tag-modal .unified-modal-actions button{min-width:120px}[data-theme=dark] .delete-tag-modal .unified-modal-card{background:#fbbf240d;border-color:#fbbf2426}[data-theme=dark] .tag-preview-name{color:var(--dark-text-primary)}[data-theme=dark] .tag-preview-description,[data-theme=dark] .tag-stat-item .stat-label{color:var(--dark-text-secondary)}[data-theme=dark] .tag-stat-item .stat-value{color:#fff!important}[data-theme=dark] .tag-stat-item .stat-value.status-inactive{color:var(--dark-text-secondary)}[data-theme=dark] .warning-list li{color:var(--dark-text-primary)}@media (max-width:640px){.delete-tag-modal .unified-modal-card{padding:1rem}.tag-preview{flex-direction:column;gap:.75rem;text-align:center}.tag-preview-stats{gap:1rem;justify-content:center}.delete-tag-modal .unified-modal-actions{flex-direction:column}.delete-tag-modal .unified-modal-actions button{width:100%}}.tags-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}.stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{cursor:pointer;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026}.stat-icon{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--light-shadow-md);color:#fff;flex-shrink:0;height:3rem;overflow:hidden;position:relative;transition:all var(--transition-normal);width:3rem}.stat-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.stat-card:hover .stat-icon:before{transform:translateX(100%)}.stat-info{flex:1 1}.stat-value{line-height:1}.stat-label{margin-top:.25rem}.stat-card-success .stat-icon{background:var(--gradient-success)}.stat-card-warning .stat-icon{background:var(--gradient-warning)}.stat-card-info .stat-icon{background:var(--gradient-info)}.tags-section{margin-bottom:2rem}.section-header{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--light-shadow-md);margin-bottom:1.5rem;padding:1.5rem 2rem}.section-header h2{color:var(--light-text-primary);font-size:1.5rem;font-weight:600;margin:0 1rem .5rem}.section-header p{color:var(--light-text-secondary);margin:0 1rem}.tags-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tag-card{padding:1.5rem;transition:all .3s ease}.tag-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.tag-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.tag-icon{border-radius:var(--radius-xl);box-shadow:var(--light-shadow-md);height:3rem;position:relative;width:3rem}.tag-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.tag-cell:hover .tag-icon:before{transform:translateX(100%)}.tag-name{background:none!important;border:none!important;margin:0 0 .25rem;padding:0!important}.tag-description{color:var(--light-text-secondary);font-size:.875rem;line-height:1.4;margin:0}.tag-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.tag-status--active{background:#10b9811a;color:var(--success-color)}.tag-status--inactive{background:#6b72801a;color:var(--light-text-secondary)}.tag-status--error{background:#ef44441a;color:var(--danger-color)}.tag-status--testing{background:#f59e0b1a;color:#f59e0b}.tag-details{grid-gap:.5rem;background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.tag-detail{align-items:center;display:flex;justify-content:space-between}.detail-value{font-size:.75rem}.tag-stats{grid-gap:1rem;background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;padding:1rem}.tag-stat{text-align:center}.tag-stat .stat-value{color:var(--primary-color);display:block;font-size:1.125rem;font-weight:700;line-height:1}.tag-stat .stat-label{color:var(--light-text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.tag-actions{display:flex;gap:.5rem;justify-content:flex-end}.loading-container{padding:4rem 2rem;text-align:center}.loading-spinner{margin-bottom:1rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state svg{color:var(--light-text-secondary);margin-bottom:1rem}.empty-state h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:var(--light-text-secondary);margin:0 0 1.5rem}[data-theme=dark] .tags-page{background:var(--dark-bg-primary)}[data-theme=dark] .section-header{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-md)}[data-theme=dark] .section-header h2{color:var(--dark-text-primary)}[data-theme=dark] .section-header p,[data-theme=dark] .tag-description,[data-theme=dark] .tag-status--inactive{color:var(--dark-text-secondary)}[data-theme=dark] .tag-details,[data-theme=dark] .tag-stats{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .tag-stat .stat-label{color:var(--dark-text-secondary)}[data-theme=dark] .loading-spinner{border-top-color:var(--primary-color)}[data-theme=dark] .empty-state svg{color:var(--dark-text-secondary)}[data-theme=dark] .empty-state h3{color:var(--dark-text-primary)}[data-theme=dark] .empty-state p{color:var(--dark-text-secondary)}@media (max-width:768px){.tags-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}}@media (max-width:480px){.tags-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}}.filters-section{margin-bottom:2rem}.filters-card{padding:1.5rem}.filters-content{gap:1rem}.search-filter{flex:1 1}.search-container{align-items:center;background:var(--light-bg-glass);border:none;border-radius:var(--radius-xl);display:flex;gap:.75rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.search-container:focus-within{border:none;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:var(--light-text-muted);flex-shrink:0}.search-input{background:#0000;border:none;color:var(--light-text-primary);flex:1 1;font-size:1rem;outline:none}.search-input::placeholder{color:var(--light-text-muted)}.filter-controls{align-items:center;display:flex;gap:1rem}.filter-select{background:var(--light-bg-glass);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-primary);cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem 1rem;transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--light-border-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.table-section{margin-bottom:2rem}.table-card{overflow:hidden;padding:0}.tag-cell{align-items:center;background:#0000;border-radius:var(--radius-md);display:flex;flex:1 1;gap:.5rem;min-width:0;overflow:hidden;padding:.5rem;transition:all var(--transition-normal)}.tag-cell:hover{background:var(--light-bg-hover);box-shadow:var(--light-shadow-sm);transform:translateY(-1px)}[data-theme=dark] .tag-cell:hover{background:var(--dark-bg-hover)}.tag-icon{border-radius:var(--radius-md);font-size:.75rem;font-weight:700;height:2rem;overflow:hidden;width:2rem}.tag-icon,[data-theme=dark] .tag-icon{background:var(--gradient-primary)}.table-section .tag-icon,.tag-cell .tag-icon,.tags-section .tag-icon{background:var(--gradient-primary)!important;background-image:var(--gradient-primary)!important;border:none!important;box-shadow:var(--light-shadow-sm)!important;height:2.5rem!important;outline:none!important;width:2.5rem!important}.table-section .tag-name,.tag-cell .tag-name,.tags-section .tag-name{background:none!important;border:none!important;color:var(--light-text-primary)!important;font-size:.875rem!important;font-weight:600!important;line-height:1.2!important;margin:0 0 .25rem!important;padding:0!important}.table-section .tag-icon-custom,.tag-cell .tag-icon-custom,.tags-section .tag-icon-custom{background:var(--custom-bg-color)!important;background-image:none!important;border:none!important;box-shadow:var(--light-shadow-sm)!important;height:2.5rem!important;outline:none!important;width:2.5rem!important}[data-theme=dark] .table-section .tag-icon,[data-theme=dark] .tag-cell .tag-icon,[data-theme=dark] .tags-section .tag-icon{background:var(--gradient-primary)!important;background-image:var(--gradient-primary)!important;box-shadow:var(--dark-shadow-sm)!important}[data-theme=dark] .table-section .tag-icon-custom,[data-theme=dark] .tag-cell .tag-icon-custom,[data-theme=dark] .tags-section .tag-icon-custom{background:var(--custom-bg-color)!important;background-image:none!important;box-shadow:var(--dark-shadow-sm)!important}[data-theme=dark] .table-section .tag-name,[data-theme=dark] .tag-cell .tag-name,[data-theme=dark] .tags-section .tag-name{background:none!important;border:none!important;color:var(--dark-text-primary)!important;font-size:.875rem!important;font-weight:600!important;line-height:1.2!important;margin:0 0 .25rem!important;padding:0!important}.tag-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.tag-name{line-height:1.2}.tag-description{color:var(--light-text-muted);cursor:help;font-size:.75rem;line-height:1.2;max-width:100%;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.tag-description:hover{color:var(--light-text-secondary)}[data-theme=dark] .tag-description:hover{color:var(--dark-text-secondary)}.type-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.type-badge-success{background:var(--gradient-success)}.type-badge-info,.type-badge-success{box-shadow:var(--light-shadow-sm);color:#fff}.type-badge-info{background:var(--gradient-info)}.type-badge-warning{background:var(--gradient-warning)}.type-badge-primary,.type-badge-warning{box-shadow:var(--light-shadow-sm);color:#fff}.type-badge-primary{background:var(--gradient-primary)}.category-cell{color:var(--light-text-primary);font-size:.875rem;gap:.5rem}.category-cell,.category-icon{align-items:center;display:flex}.category-icon{border-radius:6px;color:#fff;font-size:.75rem;height:24px;justify-content:center;width:24px}.format-cell{display:flex;flex-direction:column;gap:.25rem}.format-type{color:var(--light-text-primary);font-size:.875rem;font-weight:600}.format-details{color:var(--light-text-muted);font-size:.75rem}.format-currency{color:var(--primary-color);font-size:.75rem;font-weight:500}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge-success{background:var(--gradient-success)}.status-badge-success,.status-badge-warning{box-shadow:var(--light-shadow-sm);color:#fff}.status-badge-warning{background:var(--gradient-warning)}.status-badge-error{background:var(--gradient-danger);box-shadow:var(--light-shadow-sm);color:#fff}.stats-cell{display:flex;flex-direction:column;gap:.25rem}.stat-item{font-size:.75rem;justify-content:space-between}.stat-value{font-weight:600}.stat-value.success{color:var(--success-color)}.stat-value.error{color:var(--error-color)}.actions-cell{justify-content:center;max-width:120px;min-width:120px;width:120px}[data-theme=dark] .filters-card{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .search-container{background:var(--dark-bg-glass)}[data-theme=dark] .search-input{background:#0000;color:var(--dark-text-primary)}[data-theme=dark] .search-icon,[data-theme=dark] .search-input::placeholder{color:var(--dark-text-muted)}[data-theme=dark] .filter-select{background:var(--dark-bg-glass);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .tag-name{background:none!important;border:none!important;padding:0!important}[data-theme=dark] .tag-description{color:var(--dark-text-muted)}[data-theme=dark] .category-cell,[data-theme=dark] .format-type{color:var(--dark-text-primary)}[data-theme=dark] .format-details,[data-theme=dark] .stat-label{color:var(--dark-text-muted)}.status-badge.clickable-filter:hover,.type-badge.clickable-filter:hover{box-shadow:var(--light-shadow-md);transform:translateY(-1px)}.status-badge.clickable-filter:active,.type-badge.clickable-filter:active{box-shadow:var(--light-shadow-sm);transform:translateY(0)}[data-theme=dark] .status-badge.clickable-filter:hover,[data-theme=dark] .type-badge.clickable-filter:hover{box-shadow:var(--dark-shadow-md)}[data-theme=dark] .type-badge-success{background:var(--gradient-success);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .type-badge-info{background:var(--gradient-info);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .type-badge-warning{background:var(--gradient-warning);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .type-badge-primary{background:var(--gradient-primary);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .status-badge-success{background:var(--gradient-success);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .status-badge-warning{background:var(--gradient-warning);box-shadow:var(--dark-shadow-sm);color:#fff}[data-theme=dark] .status-badge-error{background:var(--gradient-danger);box-shadow:var(--dark-shadow-sm);color:#fff}.zyra-calendar{animation:zyraCalendarSlideIn .3s cubic-bezier(.4,0,.2,1)!important;backdrop-filter:var(--blur-md)!important;-webkit-backdrop-filter:var(--blur-md)!important;background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--light-shadow-lg)!important;isolation:isolate!important;padding:8px!important;position:fixed!important;transform:translateZ(0)!important;width:240px!important;will-change:transform!important}@keyframes zyraCalendarSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.zyra-calendar-header{align-items:center;border-bottom:1px solid var(--light-border-primary)!important;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.zyra-calendar-nav-btn{align-items:center;background:#0000!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-sm)!important;color:var(--light-text-primary)!important;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast)!important;width:24px}.zyra-calendar-nav-btn:hover{background:var(--light-bg-glass)!important;border-color:var(--light-border-accent)!important;transform:scale(1.05)!important}.zyra-calendar-title{align-items:center;color:var(--light-text-primary)!important;display:flex;font-size:13px;font-weight:600;gap:4px}.zyra-calendar-title svg{color:var(--gradient-primary)!important;filter:drop-shadow(0 1px 2px rgba(59,130,246,.3))!important}.zyra-calendar-day-names{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.zyra-calendar-day-name{align-items:center;color:var(--light-text-secondary)!important;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;letter-spacing:.3px;text-transform:uppercase}.zyra-calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.zyra-calendar-day{align-items:center;background:#0000!important;border:1px solid #0000!important;border-radius:var(--radius-sm)!important;color:var(--light-text-primary)!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;position:relative;transition:all var(--transition-fast)!important;width:28px}.zyra-calendar-day:hover:not(:disabled){background:var(--light-bg-glass)!important;border-color:var(--light-border-accent)!important;box-shadow:var(--light-shadow-sm)!important;transform:scale(1.1)!important}.zyra-calendar-day.today{background:var(--gradient-primary)!important;border-color:var(--gradient-primary)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;font-weight:600!important}.zyra-calendar-day.today:hover{background:var(--gradient-primary-hover)!important;transform:scale(1.1)!important}.zyra-calendar-day.selected{background:var(--gradient-primary)!important;border-color:var(--gradient-primary)!important;box-shadow:var(--light-shadow-md)!important;color:#fff!important;font-weight:600!important}.zyra-calendar-day.selected:hover{background:var(--gradient-primary-hover)!important;transform:scale(1.1)!important}.zyra-calendar-day.other-month{color:var(--light-text-muted)!important;opacity:.5}.zyra-calendar-day.past{color:var(--light-text-muted)!important;cursor:not-allowed;opacity:.4}.zyra-calendar-day.past:hover{background:#0000!important;border-color:#0000!important;box-shadow:none!important;transform:none!important}.zyra-calendar-footer{border-top:1px solid var(--light-border-primary)!important;display:flex;justify-content:center;padding-top:6px}.zyra-calendar-today-btn{background:var(--gradient-primary)!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all var(--transition-fast)!important}.zyra-calendar-today-btn:hover{background:var(--gradient-primary-hover)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}[data-theme=dark] .zyra-calendar{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-xl)!important}[data-theme=dark] .zyra-calendar-header{border-bottom-color:var(--dark-border-primary)!important}[data-theme=dark] .zyra-calendar-nav-btn{border-color:var(--dark-border-primary)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .zyra-calendar-nav-btn:hover{background:var(--dark-bg-glass)!important;border-color:var(--dark-border-accent)!important}[data-theme=dark] .zyra-calendar-title{color:var(--dark-text-primary)!important}[data-theme=dark] .zyra-calendar-title svg{fill:none!important;stroke:#fff!important;stroke-width:2!important;color:#fff!important}[data-theme=dark] .zyra-calendar-day-name{color:var(--dark-text-secondary)!important}[data-theme=dark] .zyra-calendar-day{color:var(--dark-text-primary)!important}[data-theme=dark] .zyra-calendar-day:hover:not(:disabled){background:var(--dark-bg-glass)!important;border-color:var(--dark-border-accent)!important}[data-theme=dark] .zyra-calendar-day.other-month,[data-theme=dark] .zyra-calendar-day.past{color:var(--dark-text-muted)!important}[data-theme=dark] .zyra-calendar-footer{border-top-color:var(--dark-border-primary)!important}@media (max-width:480px){.zyra-calendar{padding:10px!important;width:260px!important}.zyra-calendar-day{font-size:12px;height:28px;width:28px}.zyra-calendar-nav-btn{height:24px;width:24px}.zyra-calendar-title{font-size:13px}.zyra-calendar-day-name{font-size:10px;height:20px}}.zyra-calendar{z-index:2147483647!important}.modern-date-selector{display:inline-block;position:relative;z-index:1000}.modern-date-trigger{align-items:center;backdrop-filter:var(--blur-sm)!important;-webkit-backdrop-filter:var(--blur-sm)!important;background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;min-width:200px;padding:12px 18px;transition:all var(--transition-fast)!important}.modern-date-trigger:hover{background:var(--light-bg-glass-hover)!important;border-color:var(--light-border-accent)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}.modern-date-trigger:focus{border-color:var(--light-border-accent)!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}.modern-date-icon{color:var(--gradient-primary);filter:drop-shadow(0 1px 2px rgba(59,130,246,.3));flex-shrink:0}.modern-date-label{flex:1 1;font-weight:500;text-align:left}.modern-date-chevron{color:var(--light-text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}.modern-date-chevron.rotated{transform:rotate(180deg)}.modern-date-dropdown{animation:modernDropdownSlideIn .3s cubic-bezier(.4,0,.2,1)!important;backdrop-filter:var(--blur-md)!important;-webkit-backdrop-filter:var(--blur-md)!important;background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-xl)!important;left:auto;max-height:500px!important;min-height:380px!important;min-width:520px!important;overflow:hidden!important;right:auto;top:auto}@keyframes modernDropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-date-header{align-items:center;background:linear-gradient(135deg,#3b82f614,#8b5cf60d)!important;border-bottom:1px solid var(--light-border-primary)!important;display:flex;gap:10px;padding:16px 20px 12px}.modern-date-header-icon{color:var(--gradient-primary)!important;filter:drop-shadow(0 1px 2px rgba(59,130,246,.4))!important}.modern-date-header h4{-webkit-text-fill-color:#0000!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;background-clip:text!important;color:var(--light-text-primary)!important;font-size:16px;font-weight:600;margin:0}.modern-date-content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:240px}.modern-date-column{border-right:1px solid var(--light-border-primary);box-sizing:border-box;overflow:hidden;padding:12px 14px}.modern-date-column:last-child{border-right:none}.modern-date-column-header{align-items:center;border-bottom:1px solid var(--light-border-secondary);color:var(--light-text-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px;padding-bottom:6px}.modern-date-column-header svg{color:var(--gradient-primary);filter:drop-shadow(0 1px 2px rgba(59,130,246,.3))}.modern-date-options{box-sizing:border-box;display:flex;flex-direction:column;gap:2px;max-height:none;overflow-x:hidden;overflow-y:visible;width:100%}.modern-date-option{align-items:center;background:#0000!important;border:1px solid #0000!important;border-radius:var(--radius-sm)!important;box-sizing:border-box;color:var(--light-text-primary)!important;cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:space-between;margin:1px 4px;overflow:hidden;padding:6px 8px;position:relative;text-align:left;transition:all var(--transition-fast)!important;width:calc(100% - 8px)}.modern-date-option:before{background:linear-gradient(90deg,#0000,#3b82f626,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.modern-date-option:hover:before{left:100%}.modern-date-option:hover{background:var(--light-bg-glass)!important;border-color:var(--light-border-accent)!important;box-shadow:var(--light-shadow-sm)!important;transform:translateX(2px)!important}.modern-date-option.selected{background:var(--gradient-primary)!important;border-color:var(--gradient-primary)!important;box-shadow:var(--light-shadow-md)!important;color:#fff!important;font-weight:600!important;transform:translateX(2px)!important}.modern-date-option.selected:hover{background:var(--gradient-primary-hover)!important;transform:translateX(2px) scale(1.01)!important}.modern-date-option-label{position:relative;z-index:1}.modern-date-partial-indicator{flex-shrink:0;font-size:9px;font-style:italic;margin-left:4px;opacity:.8;position:relative;white-space:nowrap;z-index:1}.modern-date-option.selected .modern-date-partial-indicator{opacity:.9}.modern-date-custom{display:flex;flex-direction:column;gap:16px}.modern-date-input-group{gap:6px}.modern-date-input-group label{font-size:13px;margin-bottom:4px}.modern-date-input{background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;font-size:14px;padding:10px 14px;transition:all var(--transition-fast)!important}.modern-date-input:focus{background:var(--light-bg-glass-hover)!important;border-color:var(--light-border-accent)!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}.modern-date-input:hover{border-color:var(--light-border-accent)!important;box-shadow:var(--light-shadow-sm)!important}.modern-date-apply-btn{background:var(--gradient-primary)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 16px;transition:all var(--transition-fast)!important}.modern-date-apply-btn:hover:not(:disabled){background:var(--gradient-primary-hover)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}.modern-date-apply-btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.modern-date-comparison{background:linear-gradient(135deg,#3b82f60d,#8b5cf608)!important;border-top:1px solid var(--light-border-primary)!important;padding:20px 24px}.modern-date-comparison-header{align-items:center;color:var(--light-text-primary)!important;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.modern-date-switch{background:#0000!important;border:2px solid var(--light-border-primary)!important;border-radius:24px!important;cursor:pointer;display:inline-block;height:24px;position:relative;transition:all var(--transition-fast)!important;width:48px}.modern-date-switch input{height:0;opacity:0;width:0}.modern-date-slider{background:var(--light-border-primary)!important;border-radius:20px!important;box-shadow:inset 0 1px 3px #0000001a!important;left:2px;right:2px;top:2px}.modern-date-slider,.modern-date-slider:before{bottom:2px;position:absolute;transition:all var(--transition-fast)!important}.modern-date-slider:before{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;content:"";height:18px;left:-2px;width:18px}.modern-date-switch input:checked{border-color:var(--gradient-primary)!important}.modern-date-switch input:checked+.modern-date-slider{background:var(--gradient-primary)!important}.modern-date-switch input:checked+.modern-date-slider:before{transform:translateX(26px)!important}.modern-date-comparison-period{border-top:1px solid var(--light-border-primary);margin-bottom:8px;margin-top:8px;padding-bottom:6px;padding-top:8px}.modern-date-comparison-dates{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.modern-date-input-group{display:flex;flex-direction:column}.modern-date-input-group label{color:var(--light-text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.modern-date-input-group input{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);font-size:13px;margin-bottom:8px;padding:8px 12px;transition:all var(--transition-fast);width:100%}.modern-date-input-group input:focus{border-color:var(--gradient-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}[data-theme=dark] .modern-date-trigger{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-trigger:hover{background:var(--dark-bg-glass-hover)!important;border-color:var(--dark-border-accent)!important;box-shadow:var(--dark-shadow-md)!important;transform:translateY(-1px)!important}[data-theme=dark] .modern-date-trigger:focus{border-color:var(--dark-border-accent)!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .modern-date-dropdown{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-xl)!important}[data-theme=dark] .modern-date-header{background:linear-gradient(135deg,#3b82f626,#8b5cf614)!important;border-bottom-color:var(--dark-border-primary)!important}[data-theme=dark] .modern-date-header h4{-webkit-text-fill-color:#0000!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;background-clip:text!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-icon{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(255,255,255,.3))!important}[data-theme=dark] .modern-date-header-icon{color:var(--gradient-primary)!important;filter:drop-shadow(0 1px 2px rgba(59,130,246,.4))!important}[data-theme=dark] .modern-date-column{border-right-color:var(--dark-border-primary)!important}[data-theme=dark] .modern-date-column-header{border-bottom-color:var(--dark-border-secondary)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-column-header svg{color:var(--gradient-primary)!important;filter:drop-shadow(0 1px 2px rgba(59,130,246,.4))!important}[data-theme=dark] .modern-date-option{color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-option:hover{background:var(--dark-bg-glass)!important;border-color:var(--dark-border-accent)!important;box-shadow:var(--dark-shadow-sm)!important;transform:translateX(2px)!important}[data-theme=dark] .modern-date-option.selected{background:var(--gradient-primary)!important;border-color:var(--gradient-primary)!important;box-shadow:var(--dark-shadow-md)!important;color:#fff!important;font-weight:600!important;transform:translateX(2px)!important}[data-theme=dark] .modern-date-option.selected:hover{background:var(--gradient-primary-hover)!important;transform:translateX(2px) scale(1.01)!important}[data-theme=dark] .modern-date-input{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-input:focus{background:var(--dark-bg-glass-hover)!important;border-color:var(--dark-border-accent)!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .modern-date-input:hover{border-color:var(--dark-border-accent)!important;box-shadow:var(--dark-shadow-sm)!important}[data-theme=dark] .modern-date-apply-btn{background:var(--gradient-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:#fff!important}[data-theme=dark] .modern-date-apply-btn:hover:not(:disabled){background:var(--gradient-primary-hover)!important;box-shadow:var(--dark-shadow-md)!important;transform:translateY(-1px)!important}[data-theme=dark] .modern-date-comparison{background:linear-gradient(135deg,#3b82f614,#8b5cf60d)!important;border-top-color:var(--dark-border-primary)!important}[data-theme=dark] .modern-date-comparison-header{color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-comparison-period{border-top-color:var(--dark-border-primary)!important}[data-theme=dark] .modern-date-input-group label{color:var(--dark-text-secondary)!important}[data-theme=dark] .modern-date-input-group input{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .modern-date-input-group input:focus{background:var(--dark-bg-glass-hover)!important;border-color:var(--dark-border-accent)!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .modern-date-switch{border-color:var(--dark-border-primary)!important}[data-theme=dark] .modern-date-slider{background:var(--dark-border-primary)!important;box-shadow:inset 0 1px 3px #0000004d!important}[data-theme=dark] .modern-date-slider:before{background:var(--dark-text-primary)!important;box-shadow:0 2px 4px #0000004d!important}[data-theme=dark] .modern-date-switch input:checked{border-color:var(--gradient-primary)!important}[data-theme=dark] .modern-date-switch input:checked+.modern-date-slider{background:var(--gradient-primary)!important}@media (max-width:768px){.modern-date-dropdown{left:-50%;min-width:320px;right:-50%}.modern-date-content{gap:0;grid-template-columns:1fr}.modern-date-column{border-bottom:1px solid var(--light-border-primary);border-right:none}.modern-date-column:last-child{border-bottom:none}[data-theme=dark] .modern-date-column{border-bottom-color:var(--dark-border-primary)}}@media (max-width:480px){.modern-date-trigger{font-size:13px;min-width:160px;padding:10px 14px}.modern-date-dropdown{left:-100%;min-width:280px;right:-100%}}.dashboard-header,.header-actions,.header-content,.modern-date-selector,.modern-date-selector *,.statistics-page{overflow:visible!important}.modern-date-dropdown{contain:layout style paint!important;isolation:isolate!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:2147483647!important}.modern-date-dropdown *{z-index:inherit!important}.modern-date-dropdown,.modern-date-dropdown *{position:relative!important;z-index:auto!important}.modern-date-selector{position:relative!important;z-index:2147483647!important}body>.modern-date-dropdown{contain:layout style paint!important;isolation:isolate!important;pointer-events:auto!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:2147483647!important}body>.modern-date-dropdown *{position:relative!important;z-index:inherit!important}.modern-date-options::-webkit-scrollbar{width:6px}.modern-date-options::-webkit-scrollbar-track{background:var(--light-border-secondary);border-radius:3px}.modern-date-options::-webkit-scrollbar-thumb{background:var(--light-border-primary);border-radius:3px}.modern-date-options::-webkit-scrollbar-thumb:hover{background:var(--light-border-accent)}[data-theme=dark] .modern-date-options::-webkit-scrollbar-track{background:var(--dark-border-secondary)}[data-theme=dark] .modern-date-options::-webkit-scrollbar-thumb{background:var(--dark-border-primary)}[data-theme=dark] .modern-date-options::-webkit-scrollbar-thumb:hover{background:var(--dark-border-accent)}.metric-scorecard{cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.metric-scorecard:hover{box-shadow:var(--light-shadow-xl);transform:translateY(-2px)}[data-theme=dark] .metric-scorecard:hover{box-shadow:var(--dark-shadow-xl)}.metric-scorecard--loading{pointer-events:none}.metric-loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}[data-theme=dark] .metric-loading-overlay{background:#000c}.metric-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--light-border-primary);border:2px solid var(--light-border-primary);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}.metric-scorecard-content{display:flex;flex-direction:column;gap:.5rem;height:100%;margin-top:0;padding:.5rem .375rem .75rem}.metric-header{align-items:center;display:flex;justify-content:space-between;width:100%}.metric-icon-info{flex:1 1;gap:.5rem;min-width:0}.metric-icon,.metric-icon-info{align-items:center;display:flex;overflow:hidden}.metric-icon{border-radius:var(--radius-xl);box-shadow:var(--light-shadow-md);color:#fff;flex-shrink:0;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.metric-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.metric-scorecard:hover .metric-icon:before{transform:translateX(100%)}.metric-info{flex:1 1;min-width:0}.metric-name{color:var(--light-text-primary);font-size:.875rem;font-weight:600;line-height:1.2;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .metric-name{color:#fff!important}.metric-period{align-items:center;color:var(--light-text-secondary);display:flex;font-size:.75rem;gap:.25rem;margin:0}[data-theme=dark] .metric-period{color:#94a3b8!important}.metric-main-value{color:var(--light-text-primary);flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1;min-width:0;text-align:right;white-space:nowrap}[data-theme=dark] .metric-main-value{color:#fff!important;opacity:1!important;visibility:visible!important}.metric-comparisons{display:flex;flex-direction:column;gap:.25rem}.metric-comparison,.metric-goal{align-items:center;display:flex;justify-content:space-between;min-height:auto}.comparison-content,.goal-content{align-items:center;display:flex;gap:.375rem}.comparison-text,.goal-text{font-size:.875rem;font-weight:600}.comparison-label,.goal-label{color:var(--light-text-secondary);font-size:.7rem;line-height:1.2}[data-theme=dark] .comparison-label,[data-theme=dark] .goal-label{color:var(--dark-text-secondary)}.trend-icon{flex-shrink:0}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.trend-neutral{color:var(--light-text-secondary)}[data-theme=dark] .trend-neutral{color:var(--dark-text-secondary)}.goal-icon{flex-shrink:0}.goal-achieved{color:var(--success-color)}.goal-pending{color:var(--warning-color)}.metric-details{border-top:1px solid var(--light-border-primary);display:flex;gap:1rem;padding-top:1rem}[data-theme=dark] .metric-details{border-top-color:var(--dark-border-primary)}.metric-detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--light-text-secondary);font-size:.75rem;font-weight:500}.detail-value{color:var(--light-text-primary);font-size:.875rem;font-weight:600;text-transform:capitalize}[data-theme=dark] .detail-label{color:var(--dark-text-secondary)}[data-theme=dark] .detail-value{color:var(--dark-text-primary)}.metric-goal-progress{border-top:1px solid var(--light-border-primary);margin-top:-.75rem;padding-top:.25rem}[data-theme=dark] .metric-goal-progress{border-top-color:var(--dark-border-primary)}.goal-progress-bar{background:var(--light-border-primary);border-radius:var(--radius-full);height:6px;margin-bottom:.25rem;overflow:hidden;width:100%}[data-theme=dark] .goal-progress-bar{background:var(--dark-border-primary)}.goal-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.goal-progress-text{align-items:center;color:var(--light-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}[data-theme=dark] .goal-progress-text{color:var(--dark-text-secondary)}[data-theme=dark] .metric-icon{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--dark-shadow-md);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}.metric-scorecard--sm{min-height:100px}.metric-scorecard--sm .metric-icon{height:2rem;width:2rem}.metric-scorecard--sm .metric-main-value{font-size:1rem}.metric-scorecard--sm .metric-name{font-size:.75rem}.metric-scorecard--md{min-height:120px}.metric-scorecard--lg{min-height:140px}.metric-scorecard--lg .metric-icon{height:3rem;width:3rem}.metric-scorecard--lg .metric-main-value{font-size:1.5rem}.metric-scorecard--lg .metric-name{font-size:1rem}.metric-scorecard--xl{min-height:160px}.metric-scorecard--xl .metric-icon{height:3.5rem;width:3.5rem}.metric-scorecard--xl .metric-main-value{font-size:1.75rem}.metric-scorecard--xl .metric-name{font-size:1.125rem}.metric-scorecard--full{min-height:180px}.metric-scorecard--full .metric-icon{height:4rem;width:4rem}.metric-scorecard--full .metric-main-value{font-size:2rem}.metric-scorecard--full .metric-name{font-size:1.25rem}.metric-scorecard--horizontal{min-height:auto}.metric-scorecard--horizontal .metric-scorecard-content{align-items:center;flex-direction:row}.metric-scorecard--horizontal .metric-header{flex:1 1}.metric-scorecard--horizontal .metric-value-section{flex:1 1;text-align:right}.metric-scorecard--horizontal .metric-comparisons{flex-direction:row;gap:1rem}.metric-scorecard--horizontal .metric-comparison,.metric-scorecard--horizontal .metric-goal{align-items:flex-end;flex-direction:column}.metric-scorecard--horizontal .metric-current-value{font-size:1.75rem;margin-bottom:.5rem}@media (max-width:768px){.metric-scorecard--horizontal{min-height:120px}.metric-scorecard--horizontal .metric-scorecard-content{align-items:stretch;flex-direction:column;text-align:center}.metric-scorecard--horizontal .metric-value-section{text-align:center}.metric-scorecard--horizontal .metric-comparisons{align-items:center;flex-direction:column}.metric-scorecard--horizontal .metric-comparison,.metric-scorecard--horizontal .metric-goal{align-items:center}}.metric-scorecard-grid{display:flex;flex-direction:column;gap:2rem}.metric-grid-empty{align-items:center;background:var(--light-bg-secondary);border:2px dashed var(--light-border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}[data-theme=dark] .metric-grid-empty{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.empty-icon{font-size:3rem;margin-bottom:1rem}.metric-grid-empty h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.metric-grid-empty p{color:var(--light-text-secondary);margin:0}[data-theme=dark] .metric-grid-empty h3{color:var(--dark-text-primary)}[data-theme=dark] .metric-grid-empty p{color:var(--dark-text-secondary)}.metric-row{grid-gap:2rem;display:grid;gap:2rem;transition:all var(--transition-normal);width:100%}.metric-row--dragging{background:#3b82f60d;border-radius:var(--radius-lg);padding:.5rem}.metric-row--1{grid-template-columns:1fr}.metric-row--2{grid-template-columns:1fr 1fr}.metric-row--3{grid-template-columns:repeat(3,1fr)}.metric-row--4{grid-template-columns:repeat(4,1fr)}.metric-row--5{grid-template-columns:repeat(5,1fr)}.metric-item{cursor:grab;transition:all var(--transition-normal)}.metric-item:active{cursor:grabbing}.metric-item--dragging{box-shadow:var(--light-shadow-2xl);transform:rotate(5deg);z-index:1000}[data-theme=dark] .metric-item--dragging{box-shadow:var(--dark-shadow-2xl)}.layout-info{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:1rem}[data-theme=dark] .layout-info{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.layout-text{color:var(--light-text-secondary);font-size:.875rem;font-weight:500}[data-theme=dark] .layout-text{color:var(--dark-text-secondary)}@media (max-width:1200px){.metric-row--5{grid-template-columns:repeat(3,1fr)}.metric-row--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.metric-scorecard-grid{gap:1rem}.metric-row{gap:1rem;grid-template-columns:1fr!important}.metric-grid-empty{padding:3rem 1.5rem}.empty-icon{font-size:2.5rem}.metric-grid-empty h3{font-size:1.125rem}}@media (max-width:480px){.metric-row,.metric-scorecard-grid{gap:.75rem}.metric-grid-empty{padding:2rem 1rem}}.interactive-chart{padding:1.5rem}.chart-header{align-items:center;background:#0000!important;border-bottom:1px solid var(--light-border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}[data-theme=dark] .chart-header{border-bottom-color:var(--dark-border-primary)}.chart-title{align-items:center;display:flex;gap:.75rem}.chart-title h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .chart-title h3{color:var(--dark-text-primary)}.chart-controls{align-items:center;display:flex;gap:1rem}.granularity-selector{border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.25rem}.granularity-selector,[data-theme=dark] .granularity-selector{background:#0000!important;border:none!important}.chart-content{overflow:visible}.chart-content,.interactive-chart .recharts-wrapper{position:relative}.recharts-surface,.recharts-surface:focus{border:none!important;outline:none!important}.recharts-surface{transform:scale(1.1)!important;transform-origin:center!important}.recharts-cartesian-axis:focus,.recharts-cartesian-axis:focus-visible,.recharts-cartesian-grid:focus,.recharts-cartesian-grid:focus-visible,.recharts-surface:focus,.recharts-surface:focus-visible,.recharts-wrapper:focus,.recharts-wrapper:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.chart-legend{-ms-overflow-style:none;align-items:center;background:#0000;border:none;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;margin-bottom:.5rem;margin-top:.5rem;overflow-x:auto;padding:.75rem;scrollbar-width:none}.chart-legend::-webkit-scrollbar{display:none}[data-theme=dark] .chart-legend{background:#0000;border:none}.legend-item{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;gap:.375rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.375rem .5rem;pointer-events:auto;position:relative;transition:all var(--transition-fast);z-index:10}[data-theme=dark] .legend-item{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}.legend-item:hover{background:var(--light-bg-hover);box-shadow:var(--light-shadow-md);transform:translateY(-1px)}[data-theme=dark] .legend-item:hover{background:var(--dark-bg-hover);box-shadow:var(--dark-shadow-md)}.legend-item--hidden{background:var(--light-bg-tertiary);opacity:.5}[data-theme=dark] .legend-item--hidden{background:var(--dark-bg-tertiary)}.legend-color{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:50%;flex-shrink:0;height:10px;width:10px}.legend-color,.legend-label{align-items:center;display:flex;justify-content:center;pointer-events:none}.legend-label{color:var(--light-text-primary);font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap}[data-theme=dark] .legend-label{color:var(--dark-text-primary)}.chart-tooltip{backdrop-filter:var(--blur-md)!important;-webkit-backdrop-filter:var(--blur-md)!important;background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-xl)!important;min-width:200px!important;padding:1rem!important;position:relative!important;z-index:1000!important}.recharts-tooltip-wrapper,.recharts-tooltip-wrapper .recharts-tooltip-content{pointer-events:none!important;position:absolute!important;z-index:1000!important}.recharts-tooltip-wrapper .recharts-tooltip-content{backdrop-filter:var(--blur-md)!important;-webkit-backdrop-filter:var(--blur-md)!important;background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-xl)!important;min-width:200px!important;padding:1rem!important}[data-theme=dark] .chart-tooltip,[data-theme=dark] .recharts-tooltip-wrapper .recharts-tooltip-content{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-xl)!important}.tooltip-header{border-bottom:1px solid var(--light-border-secondary)}[data-theme=dark] .tooltip-header{border-bottom-color:var(--dark-border-secondary)}.tooltip-header h4{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin:0}[data-theme=dark] .tooltip-header h4{color:var(--dark-text-primary)}.tooltip-label{flex:1 1;font-weight:500}.tooltip-header{border-bottom:1px solid var(--light-border-primary);margin-bottom:.75rem;padding-bottom:.5rem}[data-theme=dark] .tooltip-header{border-bottom-color:var(--dark-border-primary)}.tooltip-header strong{color:var(--light-text-primary);font-size:.875rem}[data-theme=dark] .tooltip-header strong{color:var(--dark-text-primary)}.tooltip-content{display:flex;flex-direction:column;gap:.5rem}.tooltip-item{align-items:center;display:flex;gap:.5rem}.tooltip-color{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tooltip-label{color:var(--light-text-secondary);font-size:.75rem;min-width:80px}[data-theme=dark] .tooltip-label{color:var(--dark-text-secondary)}.tooltip-value{color:var(--light-text-primary);font-size:.75rem;font-weight:600}[data-theme=dark] .tooltip-value{color:var(--dark-text-primary)}.recharts-bar-rectangle{rx:4!important;ry:4!important}.recharts-line{z-index:10!important}.recharts-line-dot{z-index:11!important}.recharts-line-active-dot{z-index:12!important}.recharts-brush{fill:#f8fafc!important;stroke:#e2e8f0!important;stroke-width:1!important;margin-top:.5rem!important}[data-theme=dark] .recharts-brush{fill:#1f2937!important;stroke:#374151!important}[data-theme=dark] .recharts-brush .recharts-brush-slide{fill:#1f2937!important}[data-theme=dark] .recharts-brush .recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke:url(#brushTravellerStrokeGradient)!important;stroke-width:2!important}.recharts-brush-slide{fill:#3b82f6!important;stroke:#3b82f6!important;stroke-width:1!important;opacity:.3!important}.recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke-width:2!important;rx:3!important;ry:3!important}.recharts-brush-texts{fill:#000!important;dominant-baseline:middle!important;color:#000!important;font-size:10px!important;font-weight:700!important}[data-theme=dark] .recharts-brush .recharts-brush-texts,[data-theme=dark] .recharts-brush-texts{fill:#fff!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .recharts-brush-slide{fill:#3b82f6!important;stroke:#3b82f6!important;stroke-width:2!important;opacity:1!important}[data-theme=dark] .recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke-width:2!important}[data-theme=dark] .recharts-brush-traveller:hover{fill:url(#brushTravellerGradient)!important;stroke:#60a5fa!important;stroke-width:4!important}.chart-brush .recharts-brush{fill:#f8fafc!important;stroke:#e2e8f0!important;stroke-width:1!important;margin-top:.5rem!important}[data-theme=dark] .chart-brush .recharts-brush{fill:#1f2937!important;stroke:#374151!important}[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-slide{fill:#1f2937!important}[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke:url(#brushTravellerStrokeGradient)!important;stroke-width:2!important}.chart-brush .recharts-brush-slide{fill:#3b82f6!important;stroke:#3b82f6!important;stroke-width:1!important;opacity:.3!important}.chart-brush .recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke-width:2!important;rx:3!important;ry:3!important}.chart-brush .recharts-brush-texts{fill:#000!important;dominant-baseline:middle!important;color:#000!important;font-size:10px!important;font-weight:700!important}[data-theme=dark] .chart-brush .recharts-brush-texts{font-weight:600!important}[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-texts{fill:#fff!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .chart-brush .recharts-brush-traveller:hover{fill:url(#brushTravellerGradient)!important;stroke:#60a5fa!important;stroke-width:4!important}[data-theme=dark] .recharts-brush .recharts-brush-slide rect,[data-theme=dark] .recharts-brush rect{fill:#1f2937!important}[data-theme=dark] .recharts-brush .recharts-brush-traveller rect{fill:url(#brushTravellerGradient)!important}[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-slide rect,[data-theme=dark] .chart-brush .recharts-brush rect{fill:#1f2937!important}.chart-brush .recharts-brush-traveller rect,.interactive-chart .recharts-brush-traveller rect,.recharts-brush-traveller rect,[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-traveller rect,[data-theme=dark] .chart-brush .recharts-brush-traveller rect,[data-theme=dark] .interactive-chart .recharts-brush-traveller rect,[data-theme=dark] .recharts-brush-traveller rect{fill:url(#brushTravellerGradient)!important}.chart-brush .recharts-brush-traveller,.interactive-chart .recharts-brush-traveller,.recharts-brush-traveller,[data-theme=dark] .interactive-chart .recharts-brush-traveller,[data-theme=dark] .recharts-brush-traveller{stroke:url(#brushTravellerStrokeGradient)!important}.chart-brush .recharts-brush-traveller rect,.recharts-brush-traveller rect,[data-theme=dark] .chart-brush .recharts-brush-traveller rect,[data-theme=dark] .recharts-brush-traveller rect{stroke:url(#brushTravellerStrokeGradient)!important;stroke-width:2!important}[data-theme=dark] .chart-brush .recharts-brush-slide,[data-theme=dark] .recharts-brush-slide{border:2px solid #3b82f6!important;box-shadow:0 0 8px #3b82f680!important}[data-theme=dark] .chart-brush .recharts-brush text,[data-theme=dark] .recharts-brush text{fill:#fff!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .chart-brush .recharts-brush .recharts-brush-texts text,[data-theme=dark] .recharts-brush .recharts-brush-texts text{fill:#fff!important;color:#fff!important;font-weight:700!important}.chart-brush .recharts-brush .recharts-brush-texts text,.recharts-brush .recharts-brush-texts text,.recharts-brush text[fill]{fill:#000!important;color:#000!important;font-weight:700!important}[data-theme=dark] .recharts-brush text[fill]{fill:#fff!important;color:#fff!important;font-weight:700!important}.chart-brush .recharts-brush text[fill]{fill:#000!important;color:#000!important;font-weight:700!important}[data-theme=dark] .chart-brush .recharts-brush text[fill]{fill:#fff!important;color:#fff!important;font-weight:700!important}[data-theme=dark] .chart-brush{fill:#1f2937!important;stroke:#374151!important}[data-theme=dark] .chart-brush .recharts-brush-texts{fill:#fff!important;color:#fff!important;font-weight:700!important}.interactive-chart .recharts-brush text{fill:#000!important;color:#000!important;font-weight:700!important}[data-theme=dark] .interactive-chart .recharts-brush text{fill:#fff!important;color:#fff!important;font-weight:700!important}.interactive-chart .chart-brush .recharts-brush text{fill:#000!important;color:#000!important;font-weight:700!important}[data-theme=dark] .interactive-chart .chart-brush .recharts-brush text{fill:#fff!important;color:#fff!important;font-weight:700!important}[data-theme=dark] .chart-brush .recharts-brush-slide{fill:#3b82f6!important;stroke:#3b82f6!important;stroke-width:2!important;opacity:1!important}[data-theme=dark] .chart-brush .recharts-brush-traveller{fill:url(#brushTravellerGradient)!important;stroke:url(#brushTravellerStrokeGradient)!important;stroke-width:2!important}.recharts-brush-traveller:hover{fill:url(#brushTravellerGradient)!important;stroke:url(#brushTravellerStrokeGradient)!important;stroke-width:3!important;opacity:.8!important}.recharts-brush-slide:hover{opacity:.6!important}.chart-loading{min-height:400px;padding:4rem 2rem}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner{border-top-color:var(--primary-color)}.loading-content p{color:var(--light-text-secondary);margin:0}[data-theme=dark] .loading-content p{color:var(--dark-text-secondary)}@media (max-width:768px){.chart-header{align-items:stretch;flex-direction:column;gap:1rem}.chart-controls,.granularity-selector{justify-content:center}.granularity-selector{flex:1 1}.chart-legend{flex-direction:column;gap:.5rem}.legend-item{justify-content:center}}@media (max-width:480px){.interactive-chart{padding:1rem}.chart-title h3{font-size:1.125rem}.granularity-selector{flex-direction:column}}.funnel-container{display:flex;flex-direction:column;height:100%;padding:0;width:100%}.funnel-header{align-items:center;background:#0000!important;border-bottom:1px solid var(--light-border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.875rem;position:relative}[data-theme=dark] .funnel-header{border-bottom-color:var(--dark-border-primary)}.funnel-title{align-items:center;display:flex;gap:.75rem;margin-top:-.625rem}.funnel-title h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.funnel-title h3,[data-theme=dark] .funnel-title h3{color:#3b82f6!important}.funnel-chart{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:350px}.funnel-svg{height:100%;max-height:350px;max-width:400px;width:100%}.funnel-level{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s cubic-bezier(.4,0,.2,1)}.funnel-level:hover{filter:brightness(1.05) drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:translateY(-2px);transform-origin:center}.funnel-label{font-size:13px;font-weight:600;letter-spacing:.025em}.funnel-label,.funnel-value{fill:var(--text-primary);text-shadow:0 1px 3px #0003}.funnel-value{font-size:20px;font-weight:700;letter-spacing:-.025em}.funnel-percentage{fill:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.025em;text-shadow:0 1px 2px #0003}.funnel-controls{background:#0000;margin-left:1.5rem;margin-right:1.5rem;margin-top:-2rem;padding:1rem 1.5rem}.funnel-hidden-stages{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.funnel-hidden-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-right:.5rem}.funnel-show-button{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.funnel-show-button:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.funnel-clickable-area{transition:all .2s ease}.funnel-clickable-area:hover{filter:brightness(1.05)}[data-theme=dark] .funnel-controls{background:#0000}[data-theme=dark] .funnel-hidden-label{color:var(--dark-text-secondary)}[data-theme=dark] .funnel-show-button{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .funnel-show-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.funnel-empty{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:200px;justify-content:center}.funnel-empty-text{color:var(--text-secondary);font-size:1rem}[data-theme=dark] .funnel-label,[data-theme=dark] .funnel-value{fill:var(--text-primary)}@media (max-width:768px){.funnel-header{align-items:stretch;flex-direction:column;gap:1rem}.funnel-chart{min-height:300px}.funnel-svg{max-height:400px;max-width:300px}.funnel-label{font-size:12px}.funnel-value{font-size:20px}.funnel-title h3{font-size:1.125rem}}@media (max-width:480px){.funnel-chart{min-height:250px}.funnel-svg{max-height:350px;max-width:250px}.funnel-label{font-size:11px}.funnel-value{font-size:18px}}.statistics-config-content{background:#0000;padding:0}.config-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;min-height:400px;padding:.25rem}.available-tags-section{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);padding:1rem;transition:all var(--transition-normal)}[data-theme=dark] .available-tags-section{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}.available-tags-section h3{align-items:center;border-bottom:1px solid var(--light-border-secondary);color:var(--light-text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem}[data-theme=dark] .available-tags-section h3{border-bottom-color:var(--dark-border-secondary);color:var(--dark-text-primary)}.reuse-hint{background:var(--light-bg-secondary);border-left:2px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--light-text-secondary);font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.375rem .5rem}[data-theme=dark] .reuse-hint{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}.tags-controls{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.selected-tags-actions{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);margin-top:1rem;padding:1rem}[data-theme=dark] .selected-tags-actions{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}.selected-tags-info{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.75rem}[data-theme=dark] .selected-tags-info{color:var(--dark-text-primary)}.section-buttons{grid-gap:.375rem!important;display:grid!important;gap:.375rem!important;grid-template-columns:repeat(4,1fr)!important;margin-top:.75rem!important}.add-to-section-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #3b82f64d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important;min-height:1.5rem!important;padding:.375rem .5rem!important;text-align:center!important;transition:all .2s ease!important}.add-to-section-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 8px #3b82f666!important;transform:translateY(-1px)!important}[data-theme=dark] .add-to-section-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 2px 4px #3b82f666!important;color:#fff!important}[data-theme=dark] .add-to-section-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 8px #3b82f680!important}.selection-count{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3);font-weight:700;margin-left:.75rem}.clear-selection-btn,.selection-count{color:#fff;font-size:.75rem;padding:.375rem .75rem}.clear-selection-btn{background:linear-gradient(135deg,var(--error-color),#dc2626);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #dc26264d;cursor:pointer;font-weight:600;transition:all var(--transition-normal)}.clear-selection-btn:hover{box-shadow:0 4px 8px #dc262666;transform:translateY(-1px)}[data-theme=dark] .clear-selection-btn{background:linear-gradient(135deg,var(--error-color),#dc2626);box-shadow:0 2px 4px #dc262666;color:#fff}[data-theme=dark] .clear-selection-btn:hover{box-shadow:0 4px 8px #dc262680}.available-tags{background:var(--light-bg-secondary);border:2px dashed var(--light-border-primary);border-radius:var(--radius-lg);min-height:200px;overflow-x:visible;overflow-y:auto;padding:1rem;position:relative;transition:all var(--transition-normal)}[data-theme=dark] .available-tags{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.available-tags.drag-over{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.05),rgba(var(--primary-color-rgb),.1));border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);transform:scale(1.02)}.available-tags:before{color:var(--light-text-tertiary);content:"Arrastra etiquetas aquí";font-size:.875rem;font-weight:500;left:50%;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-normal)}.available-tags:not(:empty):before{opacity:0}[data-theme=dark] .available-tags:before{color:var(--dark-text-tertiary)}.statistics-sections h3{align-items:center;border-bottom:1px solid var(--light-border-secondary);color:var(--light-text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}[data-theme=dark] .statistics-sections h3{border-bottom-color:var(--dark-border-secondary);color:var(--dark-text-primary)}.sections-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.config-section{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-normal)}[data-theme=dark] .config-section{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}.config-section.enabled{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2),var(--light-shadow-md)}[data-theme=dark] .config-section.enabled{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2),var(--dark-shadow-md)}.config-section.disabled{opacity:.6;transform:scale(.98)}.config-section:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.config-section.enabled:before{opacity:1}.section-header{align-items:center;background:linear-gradient(135deg,var(--light-bg-secondary),var(--light-bg-tertiary));border-bottom:1px solid var(--light-border-primary);display:flex;justify-content:space-between;padding:.75rem;position:relative}[data-theme=dark] .section-header{background:linear-gradient(135deg,var(--dark-bg-secondary),var(--dark-bg-tertiary));border-bottom-color:var(--dark-border-primary)}.section-info{align-items:center;display:flex;gap:.5rem}.section-info h3{color:var(--light-text-primary);font-size:.875rem;font-weight:700;margin:0}[data-theme=dark] .section-info h3{color:var(--dark-text-primary)}.section-info svg{color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(var(--primary-color-rgb),.3))}.tag-count{background:linear-gradient(135deg,var(--light-bg-tertiary),var(--light-bg-secondary));border:1px solid var(--light-border-primary);border-radius:var(--radius-full);box-shadow:var(--light-shadow-xs);color:var(--light-text-primary);font-size:.75rem;font-weight:700;padding:.375rem .75rem}[data-theme=dark] .tag-count{background:linear-gradient(135deg,var(--dark-bg-tertiary),var(--dark-bg-secondary));border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-xs);color:var(--dark-text-primary)}.section-controls{gap:.5rem}.section-controls,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:none;border:none;border-radius:var(--radius-lg);color:var(--light-text-secondary);cursor:pointer;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all var(--transition-normal)}.toggle-btn:before{background:linear-gradient(90deg,#0000,rgba(var(--primary-color-rgb),.1),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.toggle-btn:hover:before{left:100%}.toggle-btn:hover{background:var(--light-bg-tertiary);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.2);color:var(--primary-color);transform:scale(1.1)}.toggle-btn.enabled{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);color:#fff}.toggle-btn.disabled{background:var(--light-bg-tertiary);color:var(--light-text-tertiary)}[data-theme=dark] .toggle-btn{color:var(--dark-text-secondary)}[data-theme=dark] .toggle-btn:hover{background:var(--dark-bg-tertiary);color:var(--primary-color)}[data-theme=dark] .toggle-btn.disabled{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}.section-tags{min-height:100px;overflow:visible;padding:1rem;position:relative;transition:all var(--transition-normal)}.section-tags.drag-over{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.05),rgba(var(--primary-color-rgb),.1))}.section-tags.disabled{background:var(--light-bg-tertiary);cursor:not-allowed}[data-theme=dark] .section-tags.disabled{background:var(--dark-bg-tertiary)}.tag-item{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);box-sizing:border-box;cursor:grab;display:flex;gap:.5rem;height:2rem;margin-bottom:.375rem;overflow:hidden;padding:.5rem;position:relative;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.tag-item:last-child{margin-bottom:0}[data-theme=dark] .tag-item{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}.tag-item.dragging{border-color:var(--primary-color);box-shadow:var(--light-shadow-xl);transform:rotate(3deg) scale(1.05);z-index:1000}[data-theme=dark] .tag-item.dragging{box-shadow:var(--dark-shadow-xl)}.tag-item:active{cursor:grabbing}.drag-handle{align-items:center;background:var(--light-bg-tertiary);border-radius:var(--radius-sm);color:var(--light-text-tertiary);cursor:grab;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;opacity:.6;transition:all var(--transition-normal);width:1.25rem}[data-theme=dark] .drag-handle{background:var(--dark-bg-tertiary);color:var(--dark-text-secondary)}.tag-icon{border-radius:var(--radius-sm);box-shadow:0 1px 3px #0003;height:1rem;width:1rem}[data-theme=dark] .tag-icon{box-shadow:0 1px 3px #0006;color:#fff}.tag-name{align-items:center;color:var(--light-text-primary);display:flex;flex:1 1;font-size:.75rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .tag-name{color:var(--dark-text-primary)}.remove-btn{align-items:center;background:linear-gradient(135deg,var(--error-color),#dc2626);border:none;border-radius:var(--radius-full);box-shadow:0 1px 3px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;opacity:.7;transition:all var(--transition-normal);width:1.25rem}.remove-btn:hover{box-shadow:0 4px 8px #dc262666;opacity:1;transform:scale(1.2) rotate(90deg)}.tags-grid{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:1rem}.tag-option{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:.375rem;height:1.75rem;overflow:hidden;padding:.375rem .5rem;position:relative;transition:all var(--transition-normal)}[data-theme=dark] .tag-option{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}.tag-option span{color:var(--light-text-primary);font-size:.625rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .tag-option span{color:var(--dark-text-primary)}.tag-option.selected{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.05));border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);transform:scale(1.02)}.tag-option.selected:after{color:var(--primary-color);content:"✓";font-size:.875rem;font-weight:700;position:absolute;right:.75rem;top:.5rem}.tag-option.assigned{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.05),rgba(var(--primary-color-rgb),.02));border-color:rgba(var(--primary-color-rgb),.3);cursor:pointer;opacity:.8}[data-theme=dark] .tag-option.assigned{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.05));border-color:rgba(var(--primary-color-rgb),.4)}.tag-option.assigned span{color:var(--light-text-primary)}[data-theme=dark] .tag-option.assigned span{color:var(--dark-text-primary)}.assigned-indicator{color:var(--primary-color);font-size:.875rem;font-weight:700;position:absolute;right:.75rem;top:.5rem}.empty-section{align-items:center;background:var(--light-bg-tertiary);border:2px dashed var(--light-border-primary);border-radius:var(--radius-lg);color:var(--light-text-secondary);display:flex;flex-direction:column;font-size:.75rem;font-style:italic;height:80px;justify-content:center;overflow:hidden;position:relative}.empty-section:before{background:linear-gradient(90deg,#0000,rgba(var(--primary-color-rgb),.05),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 2s ease;width:100%}.empty-section:hover:before{left:100%}[data-theme=dark] .empty-section{background:var(--dark-bg-tertiary);border-color:var(--dark-border-primary);color:var(--dark-text-secondary)}.unified-modal-actions{align-items:center;border-top:1px solid var(--light-border-primary);display:flex;flex-shrink:0;justify-content:space-between}.unified-modal-actions,.unified-modal-actions.full-width{background:linear-gradient(135deg,var(--light-bg-secondary),var(--light-bg-tertiary));gap:.75rem;min-height:auto;padding:1rem 1.5rem}.unified-modal-actions.full-width{justify-content:flex-end;width:100%}[data-theme=dark] .unified-modal-actions{background:linear-gradient(135deg,var(--dark-bg-secondary),var(--dark-bg-tertiary));border-top-color:var(--dark-border-primary)}@keyframes modern-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modern-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.section-buttons,.sections-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.config-layout{gap:1rem;min-height:auto}.sections-grid{gap:.75rem;grid-template-columns:1fr}.available-tags{min-height:150px}.section-tags{min-height:80px}.tags-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.section-buttons{grid-template-columns:1fr}.unified-modal-actions{flex-direction:column;padding:1rem}.unified-modal-actions button{width:100%}}@media (max-width:480px){.config-layout{padding:.25rem}.available-tags-section,.statistics-sections{padding:1rem}.section-header{padding:1rem .75rem}.section-tags{padding:1rem}}.available-tags::-webkit-scrollbar,.section-tags::-webkit-scrollbar{width:8px}.available-tags::-webkit-scrollbar-track,.section-tags::-webkit-scrollbar-track{background:var(--light-bg-tertiary);border-radius:var(--radius-full)}[data-theme=dark] .available-tags::-webkit-scrollbar-track,[data-theme=dark] .section-tags::-webkit-scrollbar-track{background:var(--dark-bg-tertiary)}.available-tags::-webkit-scrollbar-thumb,.section-tags::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--light-border-primary),var(--primary-color));border:2px solid var(--light-bg-tertiary);border-radius:var(--radius-full)}[data-theme=dark] .available-tags::-webkit-scrollbar-thumb,[data-theme=dark] .section-tags::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--dark-border-primary),var(--primary-color));border-color:var(--dark-bg-tertiary)}.available-tags::-webkit-scrollbar-thumb:hover,.section-tags::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark))}.clear-selection-btn:focus,.remove-btn:focus,.tag-item:focus,.tag-option:focus,.toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.config-section.loading{opacity:.7;pointer-events:none}.config-section.loading:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}[data-theme=dark] .config-section.loading:after{background:#000c}.modal-footer{background:var(--light-bg-secondary);padding:1.5rem 2rem;padding:var(--modal-footer-padding,1.5rem 2rem);will-change:auto}.modal-footer,.modal-footer .unified-modal-actions{align-items:center;border-top:none;display:flex;flex-shrink:0;gap:.375rem;justify-content:space-between}.modal-footer .unified-modal-actions,.modal-footer .unified-modal-actions.full-width{background:#0000;min-height:auto;padding:0;width:100%}.modal-footer .unified-modal-actions.full-width{justify-content:space-between}[data-theme=dark] .modal-footer{background:var(--dark-bg-secondary)}@media (max-width:768px){.modal-footer{flex-direction:column;gap:1rem;padding:1rem 1.5rem}}.statistics-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}[data-theme=dark] .statistics-page{background:var(--dark-bg-primary)}.dashboard-header{margin-bottom:2rem}.header-content{overflow:visible}.view-selector-card{margin-bottom:2rem;padding:1rem 1.5rem}.view-selector{align-items:center;display:flex;justify-content:space-between}.view-tabs{background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.25rem}[data-theme=dark] .view-tabs{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.view-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--light-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.view-tab .tag-count{background:var(--light-bg-tertiary);border-radius:var(--radius-sm);color:var(--light-text-tertiary);font-size:.75rem;margin-left:.25rem;padding:.125rem .375rem}[data-theme=dark] .view-tab .tag-count{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}[data-theme=dark] .view-tab{color:var(--dark-text-secondary)}.view-tab:hover{background:var(--light-bg-hover);color:var(--light-text-primary)}[data-theme=dark] .view-tab:hover{background:var(--dark-bg-hover);color:var(--dark-text-primary)}.view-tab.active{background:var(--primary-color);box-shadow:var(--light-shadow-md);color:#fff}.view-actions{align-items:center;display:flex;gap:.75rem}.statistics-content{min-height:400px}.no-metrics-card{padding:4rem 2rem}.no-metrics-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.no-metrics-icon{align-items:center;color:var(--light-text-tertiary);display:flex;justify-content:center;margin-bottom:1rem}[data-theme=dark] .no-metrics-icon{color:var(--dark-text-tertiary)}.no-metrics-content h3{color:var(--light-text-primary);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .no-metrics-content h3{color:var(--dark-text-primary)}.no-metrics-content p{color:var(--light-text-secondary);font-size:1rem;margin:0 0 1.5rem;max-width:400px}[data-theme=dark] .no-metrics-content p{color:var(--dark-text-secondary)}.chart-funnel-row,.table-funnel-row{display:flex;gap:2rem;margin-bottom:1.5rem;transition:all var(--transition-fast)}.table-funnel-row{flex-direction:column;gap:0}.table-funnel-row .table-section{flex:1 1 100%!important;max-width:100%!important;min-width:100%!important;width:100%!important}.table-funnel-row:not(:has(.funnel-section)) .table-section{flex:1 1 100%!important;max-width:100%!important;min-width:100%!important;width:100%!important}.chart-funnel-row--dragging{background:var(--light-bg-hover);border-radius:var(--radius-lg);padding:.5rem}.statistics-content .metric-scorecard-grid+div{margin-top:1.5rem}.chart-section{flex:0 0 74%!important;max-width:74%!important;min-width:74%!important;width:74%!important}.chart-funnel-row:not(:has(.funnel-section)) .chart-section{flex:1 1 100%!important;max-width:100%!important;min-width:100%!important;width:100%!important}.table-section{flex:1 1 100%!important;max-width:100%!important;min-width:100%!important;width:100%!important}.funnel-section{flex:0 0 26%!important;max-width:26%!important;min-width:26%!important;width:26%!important}.chart-placeholder,.funnel-placeholder,.table-placeholder{min-height:400px;padding:4rem 2rem}.placeholder-content{align-items:center;color:var(--light-text-secondary);display:flex;flex-direction:column;gap:1rem;text-align:center}[data-theme=dark] .placeholder-content{color:var(--dark-text-secondary)}.placeholder-content h3{color:var(--light-text-primary);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .placeholder-content h3{color:var(--dark-text-primary)}.placeholder-content p{color:var(--light-text-secondary);font-size:1rem;margin:0;max-width:300px}[data-theme=dark] .placeholder-content p{color:var(--dark-text-secondary)}.placeholder-note{background:var(--warning-color);border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.config-modal-placeholder{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.config-placeholder{max-width:500px;padding:3rem;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--light-border-primary);border:3px solid var(--light-border-primary);border-radius:50%;border-top-color:var(--gradient-primary);height:40px;width:40px}.loading-container p{color:var(--light-text-secondary);font-size:14px;margin:0}[data-theme=dark] .loading-spinner{border-color:var(--dark-border-primary);border-top-color:var(--gradient-primary)}[data-theme=dark] .loading-container p{color:var(--dark-text-secondary)}@media (max-width:768px){.statistics-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.view-selector{align-items:stretch;flex-direction:column;gap:1rem}.view-actions,.view-tabs{justify-content:center}.header-title h1{font-size:2rem}.chart-funnel-row,.table-funnel-row{flex-direction:column;gap:1rem}.chart-section,.funnel-section,.table-section{flex:1 1 100%}}@media (max-width:480px){.statistics-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}.view-tabs{flex-wrap:wrap;gap:.25rem}.view-tab{flex:1 1;justify-content:center;min-width:0}.view-tab span{display:none}}.funnel-card{display:flex;flex-direction:column;height:100%;margin:0;min-height:500px;width:calc(25% + 14.6rem)}.funnel-card .funnel-container{display:flex;flex:1 1;flex-direction:column;height:100%;padding:0}.funnel-card .funnel-chart{flex:1 1;min-height:350px}.chart-funnel-row .chart-section .interactive-chart{height:100%;min-height:350px;padding:1.5rem}.chart-funnel-row .funnel-section .funnel-card .funnel-container{padding:0}.chart-funnel-row .chart-header{padding:0 0 .5rem}.chart-funnel-row .chart-header,.chart-funnel-row .funnel-header{align-items:center;background:#0000!important;border-bottom:1px solid var(--light-border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;min-height:2.5rem;position:relative}.chart-funnel-row .funnel-header{margin-top:.5rem;padding:0 0 .875rem}[data-theme=dark] .chart-funnel-row .chart-header,[data-theme=dark] .chart-funnel-row .funnel-header{border-bottom-color:var(--dark-border-primary)}.chart-funnel-row .chart-title,.chart-funnel-row .funnel-title{align-items:center;display:flex;flex:1 1;gap:.75rem;margin-top:-.625rem}.chart-funnel-row .chart-title h3,.chart-funnel-row .funnel-title h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}[data-theme=dark] .chart-funnel-row .chart-title h3,[data-theme=dark] .chart-funnel-row .funnel-title h3{color:var(--dark-text-primary)}.chart-funnel-row .funnel-title h3,.statistics-content .chart-funnel-row .funnel-section .funnel-card .funnel-header .funnel-title h3,[data-theme=dark] .chart-funnel-row .funnel-title h3,[data-theme=dark] .statistics-content .chart-funnel-row .funnel-section .funnel-card .funnel-header .funnel-title h3,[data-theme=dark] div.funnel-header div.funnel-title h3,div.funnel-header div.funnel-title h3{color:#3b82f6!important}.chart-funnel-row .funnel-header .drag-handle{cursor:grab;left:.5rem;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);z-index:10}.chart-funnel-row .funnel-header .drag-handle:hover{opacity:1}.chart-funnel-row .funnel-header .drag-handle:active{cursor:grabbing}[data-theme=dark] .chart-funnel-row .funnel-header .drag-handle{opacity:.7}[data-theme=dark] .chart-funnel-row .funnel-header .drag-handle:hover{opacity:1}.chart-funnel-row .chart-controls{align-items:center;display:flex;flex-shrink:0;gap:1rem;min-height:2.5rem}.account-billing-page{background:var(--light-bg-primary);min-height:100vh;padding:2rem;transition:all var(--transition-normal)}.page-header{margin-bottom:2rem}.header-content{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-3xl);box-shadow:var(--light-shadow-xl);max-width:100%;overflow:hidden;padding:1.5rem 2rem;position:relative;width:100%}.header-content:before{background:var(--gradient-bg-card);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.header-title h1{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--light-text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem;position:relative}.header-title h1:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-.5rem;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.header-title p{color:var(--light-text-secondary);font-size:1.125rem;margin:0}[data-theme=dark] .account-billing-page{background:var(--dark-bg-primary)}[data-theme=dark] .header-content{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--dark-shadow-xl)}[data-theme=dark] .header-title h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--dark-text-primary)}[data-theme=dark] .header-title p{color:var(--dark-text-secondary)}@media (max-width:768px){.account-billing-page{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem}}@media (max-width:480px){.account-billing-page{padding:.75rem}.header-content{padding:1.5rem}.header-title h1{font-size:1.75rem}}.crear-objetivo-multi-form-new{background:var(--light-bg-primary);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;gap:2rem;min-height:0;padding:1.5rem}[data-theme=dark] .crear-objetivo-multi-form-new{background:var(--dark-bg-primary)}.form-section-new{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);margin-bottom:.5rem;padding:1.75rem;transition:all var(--transition-normal)}[data-theme=dark] .form-section-new{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}.form-section-new:hover{border-color:var(--primary-color);box-shadow:var(--light-shadow-md)}[data-theme=dark] .form-section-new:hover{box-shadow:var(--dark-shadow-md)}.section-header-new{align-items:center;border-bottom:2px solid var(--light-border-primary);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}[data-theme=dark] .section-header-new{border-bottom-color:var(--dark-border-primary)}.section-icon-new{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:var(--light-shadow-sm);color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}[data-theme=dark] .section-icon-new{box-shadow:var(--dark-shadow-sm)}.section-title-new{color:var(--light-text-primary);flex:1 1;font-size:1.125rem;font-weight:700;margin:0}[data-theme=dark] .section-title-new{color:var(--dark-text-primary)}.section-subtitle-new{color:var(--light-text-secondary);font-size:.875rem;font-weight:500;margin:0}[data-theme=dark] .section-subtitle-new{color:var(--dark-text-secondary)}.form-group-new{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group-new:last-child{margin-bottom:0}.form-label-new{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}[data-theme=dark] .form-label-new{color:var(--dark-text-primary)}.form-input-new,.form-select-new,.form-textarea-new{background:var(--light-bg-secondary);border:2px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);font-size:.875rem;font-weight:500;min-height:2.5rem;padding:.75rem 1rem;transition:all var(--transition-normal)}[data-theme=dark] .form-input-new,[data-theme=dark] .form-select-new,[data-theme=dark] .form-textarea-new{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}.form-input-new:focus,.form-select-new:focus,.form-textarea-new:focus{background:var(--light-bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}[data-theme=dark] .form-input-new:focus,[data-theme=dark] .form-select-new:focus,[data-theme=dark] .form-textarea-new:focus{background:var(--dark-bg-primary)}.form-input-new::placeholder,.form-textarea-new::placeholder{color:var(--light-text-muted);font-weight:400}[data-theme=dark] .form-input-new::placeholder,[data-theme=dark] .form-textarea-new::placeholder{color:var(--dark-text-muted)}.form-grid-new{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-grid-new{grid-template-columns:1fr}}.etiquetas-container-new{display:flex;flex-direction:column;gap:1rem}.etiqueta-item-new{background:var(--light-bg-tertiary);border:2px solid var(--light-border-primary);border-radius:var(--radius-md)}[data-theme=dark] .etiqueta-item-new{background:var(--dark-bg-tertiary)}.etiqueta-item-new:hover{box-shadow:var(--light-shadow-sm);transform:translateY(-1px)}[data-theme=dark] .etiqueta-item-new:hover{box-shadow:var(--dark-shadow-sm)}.etiqueta-info-new{gap:.75rem}.etiqueta-icon-new{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;display:flex;font-size:.875rem;height:2rem;justify-content:center;width:2rem}.etiqueta-details-new{flex:1 1}.etiqueta-name-new{color:var(--light-text-primary);font-size:.875rem;font-weight:600;margin:0}[data-theme=dark] .etiqueta-name-new{color:var(--dark-text-primary)}.etiqueta-description-new{color:var(--light-text-secondary);font-size:.75rem;margin:.25rem 0 0}[data-theme=dark] .etiqueta-description-new{color:var(--dark-text-secondary)}.value-input-new{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);font-size:.8rem;font-weight:500;height:2.5rem;padding:.5rem;text-align:left;width:8rem}[data-theme=dark] .value-input-new{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}.value-input-new:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.value-unit-new{color:var(--light-text-secondary);font-size:.75rem;font-weight:500}[data-theme=dark] .value-unit-new{color:var(--dark-text-secondary)}.add-etiqueta-btn-new,.button-group-new{align-items:center;display:flex;gap:.5rem}.add-etiqueta-btn-new{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--light-shadow-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all var(--transition-normal)}[data-theme=dark] .add-etiqueta-btn-new{box-shadow:var(--dark-shadow-sm)}.add-etiqueta-btn-new:hover{box-shadow:var(--light-shadow-md);transform:translateY(-1px)}[data-theme=dark] .add-etiqueta-btn-new:hover{box-shadow:var(--dark-shadow-md)}.remove-etiqueta-btn-new{background:var(--light-bg-hover);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);color:var(--light-text-secondary)}[data-theme=dark] .remove-etiqueta-btn-new{background:var(--dark-bg-hover);border-color:var(--dark-border-primary);color:var(--dark-text-secondary)}.remove-etiqueta-btn-new:hover{background:var(--light-danger);border-color:var(--light-danger);color:#fff}[data-theme=dark] .remove-etiqueta-btn-new:hover{background:var(--dark-danger);border-color:var(--dark-danger)}.checkbox-group-new{align-items:center;display:flex;gap:.75rem;padding:.75rem 0}.checkbox-label-new{align-items:center;color:var(--light-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}[data-theme=dark] .checkbox-label-new{color:var(--dark-text-primary)}.checkbox-input-new{accent-color:var(--primary-color);cursor:pointer;height:1.125rem;width:1.125rem}.range-container-new{align-items:center;background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem;transition:all var(--transition-normal)}[data-theme=dark] .range-container-new{background:var(--dark-bg-primary);border-color:var(--dark-border-primary)}.range-container-new:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.range-input-new{-webkit-appearance:none;background:var(--light-bg-tertiary);background-clip:padding-box;background-image:none;border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);cursor:pointer;flex:1 1;height:.5rem;outline:none}[data-theme=dark] .range-input-new{background:var(--dark-bg-tertiary);border-color:var(--dark-border-primary)}.range-input-new::-webkit-slider-thumb{-webkit-appearance:none;border:none!important;border-radius:50%;box-shadow:0 2px 6px #0000004d;-webkit-box-shadow:0 2px 6px #0000004d;cursor:pointer;height:1.5rem;outline:none;position:relative;width:1.5rem;z-index:2}.range-input-new::-webkit-slider-thumb,[data-theme=dark] .range-input-new::-webkit-slider-thumb{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%)!important}[data-theme=dark] .range-input-new::-webkit-slider-thumb{border:none!important;box-shadow:0 2px 6px #0006!important;-webkit-box-shadow:0 2px 6px #0006!important}.range-input-new::-moz-range-thumb{border:none!important;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:1.5rem;outline:none;position:relative;width:1.5rem;z-index:2}.range-input-new::-moz-range-thumb,[data-theme=dark] .range-input-new::-moz-range-thumb{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%)!important}[data-theme=dark] .range-input-new::-moz-range-thumb{border:none!important;box-shadow:0 2px 6px #0006!important}.range-value-new{color:var(--primary-color);font-size:1rem;font-weight:700;min-width:3rem;text-align:center}@media (max-width:768px){.crear-objetivo-multi-form-new{gap:1.5rem;padding:1rem}.form-section-new{margin-bottom:.25rem;padding:1.25rem}.section-header-new{margin-bottom:1rem;padding-bottom:.75rem}.etiqueta-item-new{align-items:stretch;flex-direction:column;gap:.75rem}.etiqueta-info-new,.etiqueta-selector-new,.etiqueta-value-new{min-width:auto}}.form-actions-new{border-top:1px solid var(--light-border-primary);display:flex;justify-content:center;margin-top:1rem;padding:1.5rem 0 0}[data-theme=dark] .form-actions-new{border-top-color:var(--dark-border-primary)}.empty-state-new{background:var(--light-bg-tertiary);border:2px dashed var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-secondary);font-style:italic;padding:2rem;text-align:center}[data-theme=dark] .empty-state-new{background:var(--dark-bg-tertiary);border-color:var(--dark-border-primary);color:var(--dark-text-secondary)}.crear-objetivo-multi-form-new::-webkit-scrollbar{width:6px}.crear-objetivo-multi-form-new::-webkit-scrollbar-track{background:var(--light-bg-tertiary);border-radius:3px}[data-theme=dark] .crear-objetivo-multi-form-new::-webkit-scrollbar-track{background:var(--dark-bg-tertiary)}.crear-objetivo-multi-form-new::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.crear-objetivo-multi-form-new::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}.etiqueta-selector-new{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:200px}.etiqueta-label-new{color:var(--light-text-secondary);font-size:.875rem;font-weight:600;margin:0}[data-theme=dark] .etiqueta-label-new{color:var(--dark-text-secondary)}.etiqueta-select-new{background:var(--light-bg-primary);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);cursor:pointer;font-size:.8rem;font-weight:500;height:2.5rem;padding:.5rem .75rem;transition:all var(--transition-normal)}[data-theme=dark] .etiqueta-select-new{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}.etiqueta-select-new:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.etiqueta-select-new:focus,.etiqueta-select-new:hover{border-color:var(--primary-color)}.value-label-new{color:var(--light-text-secondary);font-size:.875rem;font-weight:600;margin:0 0 .5rem}[data-theme=dark] .value-label-new{color:var(--dark-text-secondary)}.value-input-container-new{align-items:center;display:flex;flex:1 1;gap:.5rem}.etiqueta-item-new{align-items:center;background:var(--light-bg-secondary);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:row;gap:1rem;padding:1rem;position:relative;transition:all var(--transition-normal)}[data-theme=dark] .etiqueta-item-new{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}.etiqueta-item-new:hover{border-color:var(--primary-color);box-shadow:var(--light-shadow-md)}[data-theme=dark] .etiqueta-item-new:hover{box-shadow:var(--dark-shadow-md)}.etiqueta-info-new{align-items:center;background:var(--light-bg-primary);border:1px solid var(--light-border-secondary);border-radius:var(--radius-md);display:flex;flex:1 1;gap:.5rem;min-width:180px;padding:.5rem}[data-theme=dark] .etiqueta-info-new{background:var(--dark-bg-primary);border-color:var(--dark-border-secondary)}.etiqueta-value-new{align-items:center;display:flex;flex-direction:row;gap:.5rem;min-width:200px;position:relative}.remove-etiqueta-btn-new{align-items:center;background:var(--danger-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;opacity:.8;transition:all var(--transition-normal);width:2rem}.remove-etiqueta-btn-new:hover{box-shadow:var(--light-shadow-sm);opacity:1;transform:scale(1.05)}[data-theme=dark] .remove-etiqueta-btn-new:hover{box-shadow:var(--dark-shadow-sm)}.subir-pdf-ocr{margin:0 auto;max-width:800px;width:100%}.ocr-container{display:flex;flex-direction:column;gap:1.5rem}.upload-section{padding:2rem;text-align:center}.upload-header{margin-bottom:1.5rem}.upload-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:.5rem 0}.upload-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.upload-zone{background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:3rem 2rem;transition:all .3s ease}.upload-zone:hover{background:var(--background-hover);border-color:var(--primary-color)}.upload-zone.has-file{background:var(--success-background);border-color:var(--success-color)}.upload-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem}.upload-hint,.upload-placeholder svg{color:var(--text-muted)}.upload-hint{font-size:.75rem}.file-selected{align-items:center;color:var(--success-color);gap:1rem}.file-info,.file-selected{display:flex;flex-direction:column}.file-info{gap:.25rem}.file-name{color:var(--text-primary);font-weight:600}.file-size{color:var(--text-secondary);font-size:.875rem}.upload-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.ocr-results{padding:2rem}.results-header{margin-bottom:2rem;text-align:center}.results-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:.5rem 0}.results-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.ocr-content{display:flex;flex-direction:column;gap:2rem}.extracted-text h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.text-content{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;max-height:200px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.detected-tags h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.tags-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detected-tag{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.detected-tag:hover{background:var(--background-hover);border-color:var(--primary-color)}.tag-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.tag-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.tag-header{align-items:center;display:flex;justify-content:space-between}.tag-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.tag-confidence{background:var(--background-tertiary);border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.tag-value{color:var(--primary-color);font-size:1.125rem;font-weight:700}.no-tags-detected{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.no-tags-detected svg{color:var(--warning-color)}.period-config h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.period-select{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;max-width:200px;padding:.75rem;width:100%}.period-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.results-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding-top:1rem}.error-message{align-items:center;background:var(--error-background);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.upload-zone{padding:2rem 1rem}.tags-list{grid-template-columns:1fr}.detected-tag,.results-actions,.upload-actions{flex-direction:column}.detected-tag{text-align:center}.tag-header{flex-direction:column;gap:.5rem}}.detected-tags h4,.extracted-text h4,.period-config h4,.results-header h3,.upload-header h3{color:var(--light-text-primary)!important;font-size:1.25rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .detected-tags h4,[data-theme=dark] .extracted-text h4,[data-theme=dark] .period-config h4,[data-theme=dark] .results-header h3,[data-theme=dark] .upload-header h3{color:var(--dark-text-primary)!important;text-shadow:0 1px 2px #ffffff1a!important}.results-header p,.upload-header p{color:var(--light-text-secondary)!important;font-size:.9rem!important;font-weight:600!important;opacity:.9!important}[data-theme=dark] .results-header p,[data-theme=dark] .upload-header p{color:var(--dark-text-secondary)!important}.upload-zone{background:var(--light-bg-card)!important;box-shadow:var(--light-shadow-sm)!important;transition:all var(--transition-normal)!important}[data-theme=dark] .upload-zone{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.upload-zone:hover{transform:translateY(-2px)!important}[data-theme=dark] .upload-zone:hover{background:var(--primary-color-dark)!important;box-shadow:var(--dark-shadow-md)!important}.upload-zone.has-file{background:var(--success-color-light)!important;border-color:var(--success-color)!important;box-shadow:var(--light-shadow-md)!important}[data-theme=dark] .upload-zone.has-file{background:var(--success-color-dark)!important;box-shadow:var(--dark-shadow-md)!important}.upload-placeholder{color:var(--light-text-primary)!important}[data-theme=dark] .upload-placeholder{color:var(--dark-text-primary)!important}.upload-placeholder p{font-size:1.1rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .upload-placeholder p{text-shadow:0 1px 2px #ffffff1a!important}.upload-hint{font-size:.9rem!important;font-weight:600!important;opacity:.8!important}.file-selected{color:var(--success-color)!important}.file-name{font-size:1.1rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}.file-size{font-size:.9rem!important;font-weight:600!important;opacity:.9!important}.extracted-text{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important}[data-theme=dark] .extracted-text{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.text-content{background:var(--light-bg-tertiary)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;font-size:.9rem!important;font-weight:500!important}[data-theme=dark] .text-content{background:var(--dark-bg-tertiary)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:var(--dark-text-primary)!important}.detected-tag{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;transition:all var(--transition-normal)!important}[data-theme=dark] .detected-tag{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.detected-tag:hover{border-color:var(--primary-color)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-2px)!important}[data-theme=dark] .detected-tag:hover{box-shadow:var(--dark-shadow-md)!important}.tag-icon{background:var(--primary-color)!important;border:3px solid #fff!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;font-size:1.5rem!important;font-weight:700!important}[data-theme=dark] .tag-icon{border-color:var(--dark-bg-card)!important;box-shadow:var(--dark-shadow-sm)!important}.tag-name{color:var(--light-text-primary)!important;font-size:1.1rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .tag-name{color:var(--dark-text-primary)!important;text-shadow:0 1px 2px #ffffff1a!important}.tag-value{color:var(--primary-color)!important;font-size:1rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .tag-value{text-shadow:0 1px 2px #ffffff1a!important}.tag-confidence{color:var(--light-text-secondary)!important;font-size:.8rem!important;font-weight:600!important;opacity:.9!important}[data-theme=dark] .tag-confidence{color:var(--dark-text-secondary)!important}.period-select{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;font-size:.9rem!important;font-weight:600!important;padding:12px 16px!important;transition:all var(--transition-normal)!important}[data-theme=dark] .period-select{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:var(--dark-text-primary)!important}.period-select:focus{background:var(--light-bg-glass-hover)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.2)!important}[data-theme=dark] .period-select:focus{background:var(--dark-bg-glass-hover)!important;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.3)!important}.results-actions,.upload-actions{border-top:2px solid var(--light-border-primary)!important;padding-top:1.5rem!important}[data-theme=dark] .results-actions,[data-theme=dark] .upload-actions{border-top-color:var(--dark-border-primary)!important}.error-message{background:var(--error-color-light)!important;border:2px solid var(--error-color)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--error-color)!important;font-size:.9rem!important;font-weight:700!important}[data-theme=dark] .error-message{background:var(--error-color-dark)!important;box-shadow:var(--dark-shadow-sm)!important;color:#fff!important}.results-actions button,.upload-actions button{border:2px solid #0000!important;box-shadow:var(--light-shadow-sm)!important;font-size:.9rem!important;font-weight:700!important;padding:12px 24px!important;transition:all var(--transition-normal)!important}[data-theme=dark] .results-actions button,[data-theme=dark] .upload-actions button{box-shadow:var(--dark-shadow-sm)!important}.results-actions button:hover,.upload-actions button:hover{box-shadow:var(--light-shadow-md)!important;transform:translateY(-2px)!important}[data-theme=dark] .results-actions button:hover,[data-theme=dark] .upload-actions button:hover{box-shadow:var(--dark-shadow-md)!important}.period-select:focus-visible,.results-actions button:focus-visible,.upload-actions button:focus-visible,.upload-zone:focus-visible{outline:3px solid var(--primary-color)!important;outline-offset:2px!important}@media (max-width:768px){.detected-tags h4,.extracted-text h4,.period-config h4,.results-header h3,.upload-header h3{font-size:1.1rem!important}.tag-name,.upload-placeholder p{font-size:1rem!important}.tag-value{font-size:.9rem!important}}@media (max-width:480px){.detected-tags h4,.extracted-text h4,.period-config h4,.results-header h3,.upload-header h3{font-size:1rem!important}.upload-placeholder p{font-size:.9rem!important}.text-content,.upload-hint{font-size:.8rem!important}.tag-name{font-size:.9rem!important}.tag-value{font-size:.85rem!important}}.objetivos-modal .modal-content{max-height:90vh;overflow:hidden;padding:0}.objetivos-modal-content{display:flex;flex-direction:column;height:100%}.objetivos-header{align-items:center;background:var(--light-bg-card);border-bottom:1px solid var(--light-border-primary);display:flex;gap:1rem;padding:1.5rem 2rem}[data-theme=dark] .objetivos-header{background:var(--dark-bg-card);border-bottom-color:var(--dark-border-primary)}.objetivos-header-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border-radius:var(--radius-lg);box-shadow:var(--light-shadow-md);color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.objetivos-header-text h2{color:var(--light-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}[data-theme=dark] .objetivos-header-text h2{color:var(--dark-text-primary)}.objetivos-header-text p{color:var(--light-text-secondary);font-size:.875rem;margin:0}[data-theme=dark] .objetivos-header-text p{color:var(--dark-text-secondary)}.objetivos-tabs{background:var(--light-bg-tertiary);border-bottom:1px solid var(--light-border-primary);display:flex;overflow-x:auto}[data-theme=dark] .objetivos-tabs{background:var(--dark-bg-tertiary);border-bottom-color:var(--dark-border-primary)}.objetivos-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--light-text-secondary);cursor:pointer;display:flex;gap:.75rem;min-width:200px;padding:1rem 1.5rem;text-align:left;transition:all var(--transition-normal)}.objetivos-tab:hover{background:var(--light-bg-hover);color:var(--light-text-primary)}.objetivos-tab.active{border-bottom-color:var(--primary-color);box-shadow:var(--light-shadow-lg);transform:translateY(-2px)}[data-theme=dark] .objetivos-tab,[data-theme=dark] .objetivos-tab .tab-label{color:var(--dark-text-secondary)}[data-theme=dark] .objetivos-tab .tab-description{color:var(--dark-text-secondary);opacity:.8}[data-theme=dark] .objetivos-tab:hover{background:var(--dark-bg-hover);color:var(--dark-text-primary)}[data-theme=dark] .objetivos-tab:hover .tab-label{color:var(--dark-text-primary)}[data-theme=dark] .objetivos-tab:hover .tab-description{color:var(--dark-text-primary);opacity:.8}[data-theme=dark] .objetivos-tab.active{box-shadow:var(--dark-shadow-lg)}[data-theme=dark] .objetivos-tab.active .tab-label{font-weight:700!important}[data-theme=dark] .objetivos-tab.active .tab-description{font-weight:500!important;opacity:.9!important}[data-theme=dark] .objetivos-tab.active svg{color:#fff!important}.tab-content{display:flex;flex-direction:column;gap:.25rem}.tab-label{font-size:.875rem;font-weight:600}.tab-description{font-size:.75rem;opacity:.8}.objetivos-tab-content{background:var(--light-bg-primary);flex:1 1;overflow-y:auto;padding:2rem}[data-theme=dark] .objetivos-tab-content{background:var(--dark-bg-primary)}.objetivos-modal .unified-modal-footer{bottom:0;left:0;margin:0;padding:.5rem 2rem;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:10}.objetivos-modal .unified-modal-footer,[data-theme=dark] .objetivos-modal .unified-modal-footer{background:#0000;border:none;box-shadow:none}.objetivos-stats{gap:2rem}.objetivos-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:.5rem}.stat-value{background:var(--primary-color-light);border:none;border-radius:var(--radius-sm);box-shadow:none;color:var(--primary-color);font-size:.875rem;padding:.25rem .5rem}[data-theme=dark] .stat-value{background:var(--primary-color-dark);border:none;box-shadow:none}@media (max-width:768px){.objetivos-modal .modal-content{margin:1rem;max-height:95vh}.objetivos-header{gap:.75rem;padding:1rem;text-align:center}.objetivos-header,.objetivos-tabs{flex-direction:column}.objetivos-tab{min-width:auto;padding:.75rem 1rem}.objetivos-tab-content{padding:1rem}.objetivos-stats{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.objetivos-header-text h2{font-size:1.25rem}.objetivos-tab{padding:.5rem .75rem}.tab-content{gap:.125rem}.tab-label{font-size:.8rem}.tab-description{font-size:.7rem}}.objetivos-tab{border-radius:var(--radius-md) var(--radius-md) 0 0!important}.objetivos-tab:hover{box-shadow:var(--light-shadow-sm)!important}.objetivos-tab.active{box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}.agregar-etiqueta-btn{background:var(--primary-color)!important;border:2px solid var(--primary-color)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;font-weight:600!important;transition:all .2s ease-in-out!important}.agregar-etiqueta-btn:hover{background:var(--primary-color-dark)!important;border-color:var(--primary-color-dark)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}.form-group input,.form-group select,.form-group textarea{transition:all .2s ease-in-out!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important;outline:none!important}.form-group label{font-weight:600!important}.etiquetas-container{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-sm)!important;padding:1.5rem!important}.etiqueta-row{background:var(--light-bg-primary)!important;border:1px solid var(--light-border-primary)!important;border-radius:var(--radius-md)!important;margin-bottom:.75rem!important;padding:1rem!important;transition:all .2s ease-in-out!important}.etiqueta-row:hover{border-color:var(--primary-color)!important;transform:translateY(-1px)!important}.etiqueta-row:hover,.objetivos-stats{box-shadow:var(--light-shadow-sm)!important}.objetivos-stats{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;padding:1rem 1.5rem!important}.stat-item{align-items:center!important;display:flex!important;gap:.5rem!important}.stat-value{border-radius:var(--radius-sm)!important;padding:.25rem .5rem!important}.upload-zone{background:var(--light-bg-tertiary)!important;border:3px dashed var(--light-border-primary)!important;border-radius:var(--radius-lg)!important;padding:2rem!important;text-align:center!important;transition:all .3s ease-in-out!important}.upload-zone:hover{background:var(--primary-color-light)!important;border-color:var(--primary-color)!important;box-shadow:var(--light-shadow-md)!important}.upload-icon{color:var(--primary-color)!important;margin-bottom:1rem!important}.upload-text{color:var(--light-text-primary)!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:.5rem!important}.upload-subtitle{color:var(--light-text-secondary)!important;font-size:.9rem!important}@media (max-width:768px){.objetivos-tab{font-size:.85rem!important;padding:.75rem 1rem!important}.etiquetas-container{padding:1rem!important}.etiqueta-row{padding:.75rem!important}.objetivos-stats{padding:.75rem 1rem!important}}@media (max-width:480px){.objetivos-tab{font-size:.8rem!important;padding:.5rem .75rem!important}.tab-content{gap:.125rem!important}.tab-label{font-size:.8rem!important}.tab-description{font-size:.75rem!important}}.objetivos-modal .unified-modal-header{background:var(--light-bg-secondary)!important;border-bottom:var(--modal-header-border)!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;box-shadow:var(--light-shadow-sm)!important;padding:var(--modal-header-padding)!important}[data-theme=dark] .objetivos-modal .unified-modal-header{background:var(--dark-bg-secondary)!important;border-bottom-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.objetivos-modal .unified-modal-title{color:var(--light-text-primary)!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.objetivos-modal .unified-modal-title,[data-theme=dark] .objetivos-modal .unified-modal-title{-webkit-text-fill-color:#0000!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .objetivos-modal .unified-modal-title{color:var(--dark-text-primary)!important}.objetivos-modal .unified-modal-subtitle{color:var(--light-text-secondary)!important;font-size:.875rem!important;font-weight:500!important;line-height:1.4!important;margin:0!important}[data-theme=dark] .objetivos-modal .unified-modal-subtitle{color:var(--dark-text-secondary)!important}.objetivos-modal .unified-modal-icon{align-items:center!important;background:var(--gradient-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--light-shadow-md)!important;color:#fff!important;display:flex!important;flex-shrink:0!important;height:3rem!important;justify-content:center!important;width:3rem!important}[data-theme=dark] .objetivos-modal .unified-modal-icon{box-shadow:var(--dark-shadow-md)!important}.objetivos-modal .unified-modal-close{align-items:center!important;background:#0000!important;border:none!important;border-radius:var(--radius-lg)!important;color:var(--light-text-secondary)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:2rem!important;justify-content:center!important;transition:var(--modal-transition)!important;width:2rem!important}.objetivos-modal .unified-modal-close:hover{background:var(--light-bg-hover)!important;color:var(--light-text-primary)!important;transform:scale(1.05)!important}[data-theme=dark] .objetivos-modal .unified-modal-close:hover{background:var(--dark-bg-hover)!important}.objetivos-modal .unified-modal-content{padding:0!important}.objetivos-tabs{border-bottom:var(--modal-header-border)!important;border-radius:0!important;margin:0!important}@media (max-width:768px){.objetivos-modal .unified-modal-header{padding:1rem 1.5rem!important}.objetivos-modal .unified-modal-title{font-size:1.25rem!important}.objetivos-modal .unified-modal-subtitle{font-size:.8rem!important}.objetivos-modal .unified-modal-icon{height:2.5rem!important;width:2.5rem!important}}@media (max-width:480px){.objetivos-modal .unified-modal-header{padding:.75rem 1rem!important}.objetivos-modal .unified-modal-title{font-size:1.1rem!important}.objetivos-modal .unified-modal-subtitle{font-size:.75rem!important}.objetivos-modal .unified-modal-icon{height:2rem!important;width:2rem!important}}.objetivos-modal .unified-modal-content{background:var(--light-bg-primary)!important;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.75rem!important;max-height:75vh!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:.5rem 2rem 2rem!important;padding:.5rem var(--modal-content-padding-right,2rem) var(--modal-content-padding-bottom,2rem) var(--modal-content-padding-left,2rem)!important}[data-theme=dark] .objetivos-modal .unified-modal-content{background:var(--dark-bg-primary)!important}.objetivos-tabs{background:var(--light-bg-tertiary)!important;border:2px solid var(--light-border-primary)!important;border-radius:var(--radius-xl)!important;display:flex!important;gap:.75rem!important;margin:-.25rem 0 0!important;min-height:5rem!important;padding:1rem!important}[data-theme=dark] .objetivos-tabs{background:var(--dark-bg-tertiary)!important;border-color:var(--dark-border-primary)!important}.objetivos-tab{align-items:center!important;background:#0000!important;border:2px solid #0000!important;border-radius:var(--radius-lg)!important;color:var(--light-text-secondary)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:.9rem!important;gap:.75rem!important;min-height:3rem!important;overflow:hidden!important;padding:1.25rem 1.5rem!important;position:relative!important;transition:all .2s ease-in-out!important}[data-theme=dark] .objetivos-tab{color:var(--dark-text-secondary)!important}.objetivos-tab:hover{color:var(--light-text-primary)!important}[data-theme=dark] .objetivos-tab:hover{color:var(--dark-text-primary)!important}.tab-content{align-items:flex-start!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.25rem!important}.tab-label{line-height:1.2!important}.tab-description{line-height:1.3!important}.objetivos-tab-content{background:#0000!important;border-radius:0!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1rem!important;max-height:65vh!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important}.objetivos-tab svg{color:inherit!important;flex-shrink:0!important;transition:all .2s ease-in-out!important}.objetivos-tab:hover svg{transform:scale(1.1)!important}.objetivos-tab.active svg{transform:scale(1.05)!important}.objetivos-tab:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%)!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease-in-out!important}.objetivos-tab:hover:before{opacity:1!important;transform:translateX(100%)!important}.objetivos-tab.active:before{display:none!important}@media (max-width:768px){.objetivos-tabs{flex-direction:column!important;gap:.5rem!important;min-height:4rem!important;padding:.75rem!important}.objetivos-tab{min-height:2.5rem!important;padding:1rem 1.25rem!important}.objetivos-tab,.tab-label{font-size:.85rem!important}.tab-description{font-size:.75rem!important}}@media (max-width:480px){.objetivos-tabs{min-height:3.5rem!important;padding:.5rem!important}.objetivos-tab{min-height:2rem!important;padding:.75rem 1rem!important}.objetivos-tab,.tab-label{font-size:.8rem!important}.tab-description{font-size:.7rem!important}}.objetivos-modal .unified-modal-content::-webkit-scrollbar{width:8px}.objetivos-modal .unified-modal-content::-webkit-scrollbar-track{background:var(--light-bg-tertiary);border-radius:10px}[data-theme=dark] .objetivos-modal .unified-modal-content::-webkit-scrollbar-track{background:var(--dark-bg-tertiary)}.objetivos-modal .unified-modal-content::-webkit-scrollbar-thumb{background:var(--primary-color);border:2px solid var(--light-bg-tertiary);border-radius:10px}[data-theme=dark] .objetivos-modal .unified-modal-content::-webkit-scrollbar-thumb{border-color:var(--dark-bg-tertiary)}.objetivos-modal .unified-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}.objetivos-modal .modal-title{text-shadow:0 1px 2px #0000001a}[data-theme=dark] .objetivos-modal .modal-title{text-shadow:0 1px 2px #ffffff1a}.objetivos-modal .modal-subtitle{font-weight:500!important}.objetivos-tab{background:var(--light-bg-card)!important;border:1px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;font-weight:600!important;transition:all var(--transition-normal)!important}[data-theme=dark] .objetivos-tab{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.objetivos-tab:hover{background:var(--light-bg-hover)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}.objetivos-tab:hover,[data-theme=dark] .objetivos-tab:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}[data-theme=dark] .objetivos-tab:hover{background:var(--dark-bg-hover)!important;box-shadow:var(--dark-shadow-md)!important}.objetivos-tab.active{box-shadow:var(--light-shadow-lg)!important;transform:translateY(-2px)!important}[data-theme=dark] .objetivos-tab.active{background:var(--primary-color)!important;box-shadow:var(--dark-shadow-lg)!important}.tab-label{font-size:.9rem!important;font-weight:700!important}.tab-description{font-size:.8rem!important;font-weight:500!important;opacity:.9!important}.form-group label{color:var(--light-text-primary)!important;font-size:.9rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a}[data-theme=dark] .form-group label{text-shadow:0 1px 2px #ffffff1a}.form-group input,.form-group select,.form-group textarea{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-primary)!important;font-weight:500!important;transition:all var(--transition-normal)!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--light-bg-glass-hover)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.2)!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:var(--dark-bg-glass-hover)!important;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.3)!important}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--light-text-tertiary)!important;font-weight:500!important;opacity:.8!important}.etiqueta-line{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important;transition:all var(--transition-normal)!important}[data-theme=dark] .etiqueta-line{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.etiqueta-line:hover{border-color:var(--primary-color)!important;box-shadow:var(--light-shadow-md)!important;transform:translateY(-1px)!important}[data-theme=dark] .etiqueta-line:hover{box-shadow:var(--dark-shadow-md)!important}.etiqueta-name{color:var(--light-text-primary)!important;font-size:.9rem!important;font-weight:600!important}.remove-btn{background:var(--error-color)!important;border:2px solid var(--error-color)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;font-weight:700!important;transition:all var(--transition-normal)!important}[data-theme=dark] .remove-btn{border-color:var(--error-color)!important;box-shadow:var(--dark-shadow-sm)!important}.remove-btn:hover{background:var(--error-color-dark)!important;border-color:var(--error-color-dark)!important;box-shadow:var(--light-shadow-md)!important;transform:scale(1.1)!important}[data-theme=dark] .remove-btn:hover{box-shadow:var(--dark-shadow-md)!important}.range-input input[type=range]{background:var(--light-bg-tertiary)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important}[data-theme=dark] .range-input input[type=range]{background:var(--dark-bg-tertiary)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.range-input input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%)!important;border:none!important;box-shadow:0 2px 6px #0000004d!important;height:1.5rem!important;width:1.5rem!important}[data-theme=dark] .range-input input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%)!important;border:none!important;box-shadow:0 2px 6px #0006!important}.range-input input[type=range]::-moz-range-thumb{box-shadow:0 2px 6px #0000004d!important;height:1.5rem!important;width:1.5rem!important}.range-input input[type=range]::-moz-range-thumb,[data-theme=dark] .range-input input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%)!important;border:none!important}[data-theme=dark] .range-input input[type=range]::-moz-range-thumb{box-shadow:0 2px 6px #0006!important}.range-value{color:var(--primary-color)!important;font-size:1rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a}[data-theme=dark] .range-value{text-shadow:0 1px 2px #ffffff1a}.checkbox-label{color:var(--light-text-primary)!important;font-size:.9rem!important;font-weight:600!important}[data-theme=dark] .checkbox-label{color:var(--dark-text-primary)!important}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color)!important;box-shadow:var(--light-shadow-sm)!important;height:1.2rem!important;width:1.2rem!important}[data-theme=dark] .checkbox-label input[type=checkbox]{box-shadow:var(--dark-shadow-sm)!important}.unified-modal-footer{background:var(--light-bg-card)!important;border-top:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-lg)!important;padding:1rem 2rem!important}[data-theme=dark] .unified-modal-footer{background:var(--dark-bg-card)!important;border-top-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-lg)!important}.stat-label{color:var(--light-text-secondary)!important;font-size:.9rem!important;font-weight:600!important}[data-theme=dark] .stat-label{color:var(--dark-text-secondary)!important}.stat-value{background:var(--primary-color-light)!important;border:none!important;box-shadow:none!important;color:var(--primary-color)!important;font-size:1rem!important;font-weight:700!important}[data-theme=dark] .stat-value{background:var(--primary-color-dark)!important;box-shadow:none!important}.etiqueta-icon{box-shadow:var(--light-shadow-sm)!important}[data-theme=dark] .etiqueta-icon{box-shadow:var(--dark-shadow-sm)!important}.line-number{box-shadow:var(--light-shadow-sm)!important}[data-theme=dark] .line-number{box-shadow:var(--dark-shadow-sm)!important}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.objetivos-tab:focus-visible{outline:3px solid var(--primary-color)!important;outline-offset:2px!important}.form-group label small,.range-value small,.tab-description{font-weight:500!important;opacity:.9!important}@media (max-width:768px){.objetivos-tab{font-size:.85rem!important;min-width:auto!important;padding:.75rem 1rem!important}.tab-label{font-size:.8rem!important}.tab-description{font-size:.75rem!important}.form-group label{font-size:.85rem!important}.form-group input,.form-group select,.form-group textarea{font-size:.85rem!important;padding:.6rem!important}}@media (max-width:480px){.objetivos-tab{padding:.5rem .75rem!important}.tab-content{gap:.125rem!important}.form-group input,.form-group select,.form-group textarea{font-size:.8rem!important;padding:.5rem!important}}.objetivos-modal .modal-content{background:var(--light-bg-primary)!important;border:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-xl)!important}[data-theme=dark] .objetivos-modal .modal-content{background:var(--dark-bg-primary)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-xl)!important}.objetivos-modal .modal-header{background:var(--light-bg-card)!important;border-bottom:2px solid var(--light-border-primary)!important;padding:1.5rem 2rem!important}[data-theme=dark] .objetivos-modal .modal-header{background:var(--dark-bg-card)!important;border-bottom-color:var(--dark-border-primary)!important}.objetivos-modal .modal-title{color:var(--light-text-primary)!important;font-size:1.5rem!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .objetivos-modal .modal-title{color:var(--dark-text-primary)!important;text-shadow:0 1px 2px #ffffff1a!important}.objetivos-modal .modal-subtitle{color:var(--light-text-secondary)!important;font-size:.9rem!important;font-weight:600!important;opacity:.9!important}[data-theme=dark] .objetivos-modal .modal-subtitle{color:var(--dark-text-secondary)!important}.objetivos-modal .modal-close{align-items:center!important;background:var(--light-bg-tertiary)!important;border:2px solid var(--light-border-primary)!important;border-radius:50%!important;box-shadow:var(--light-shadow-sm)!important;color:var(--light-text-secondary)!important;display:flex!important;height:2.5rem!important;justify-content:center!important;transition:all var(--transition-normal)!important;width:2.5rem!important}[data-theme=dark] .objetivos-modal .modal-close{background:var(--dark-bg-tertiary)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important;color:var(--dark-text-secondary)!important}.objetivos-modal .modal-close:hover{background:var(--error-color-light)!important;border-color:var(--error-color)!important;box-shadow:var(--light-shadow-md)!important;color:var(--error-color)!important;transform:scale(1.1)!important}[data-theme=dark] .objetivos-modal .modal-close:hover{background:var(--error-color-dark)!important;box-shadow:var(--dark-shadow-md)!important}.objetivos-modal-content{background:var(--light-bg-primary)!important}[data-theme=dark] .objetivos-modal-content{background:var(--dark-bg-primary)!important}.objetivos-tabs{background:var(--light-bg-card)!important;border-bottom:2px solid var(--light-border-primary)!important;box-shadow:var(--light-shadow-sm)!important}[data-theme=dark] .objetivos-tabs{background:var(--dark-bg-card)!important;border-bottom-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-sm)!important}.objetivos-tab-content{background:var(--light-bg-primary)!important;min-height:400px!important}[data-theme=dark] .objetivos-tab-content{background:var(--dark-bg-primary)!important}.objetivos-modal .unified-modal-footer{margin:0!important}.objetivos-modal .unified-modal-footer,[data-theme=dark] .objetivos-modal .unified-modal-footer{background:#0000!important;border:none!important;box-shadow:none!important;padding:.5rem 2rem!important}.objetivos-modal .unified-modal-footer button{border:2px solid #0000!important;box-shadow:var(--light-shadow-sm)!important;font-size:.9rem!important;font-weight:700!important;min-width:120px!important;padding:12px 24px!important;transition:all var(--transition-normal)!important}[data-theme=dark] .objetivos-modal .unified-modal-footer button{box-shadow:var(--dark-shadow-sm)!important}.objetivos-modal .unified-modal-footer button:hover{box-shadow:var(--light-shadow-md)!important;transform:translateY(-2px)!important}[data-theme=dark] .objetivos-modal .unified-modal-footer button:hover{box-shadow:var(--dark-shadow-md)!important}.objetivos-modal .unified-modal-footer button svg{height:16px!important;margin-right:.5rem!important;width:16px!important}.objetivos-modal-content::-webkit-scrollbar{width:8px!important}.objetivos-modal-content::-webkit-scrollbar-track{background:var(--light-bg-tertiary)!important;border-radius:4px!important}.objetivos-modal-content::-webkit-scrollbar-thumb{background:var(--primary-color)!important;border:2px solid var(--light-bg-tertiary)!important;border-radius:4px!important}.objetivos-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)!important}[data-theme=dark] .objetivos-modal-content::-webkit-scrollbar-track{background:var(--dark-bg-tertiary)!important}[data-theme=dark] .objetivos-modal-content::-webkit-scrollbar-thumb{border-color:var(--dark-bg-tertiary)!important}.objetivos-modal .loading-spinner{animation:spin 1s linear infinite!important;font-size:1.5rem!important}.objetivos-modal .loading-spinner,[data-theme=dark] .objetivos-modal .loading-spinner{color:var(--primary-color)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.objetivos-modal .status-message{border:2px solid #0000!important;border-radius:var(--radius-md)!important;box-shadow:var(--light-shadow-sm)!important;font-size:.9rem!important;font-weight:600!important;padding:1rem 1.5rem!important}[data-theme=dark] .objetivos-modal .status-message{box-shadow:var(--dark-shadow-sm)!important}.objetivos-modal .status-message.success{background:var(--success-color-light)!important;border-color:var(--success-color)!important;color:var(--success-color)!important}[data-theme=dark] .objetivos-modal .status-message.success{background:var(--success-color-dark)!important;color:#fff!important}.objetivos-modal .status-message.error{background:var(--error-color-light)!important;border-color:var(--error-color)!important;color:var(--error-color)!important}[data-theme=dark] .objetivos-modal .status-message.error{background:var(--error-color-dark)!important;color:#fff!important}.objetivos-modal .status-message.warning{background:var(--warning-color-light)!important;border-color:var(--warning-color)!important;color:var(--warning-color)!important}[data-theme=dark] .objetivos-modal .status-message.warning{background:var(--warning-color-dark)!important;color:#fff!important}.objetivos-modal .tooltip{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--light-shadow-lg)!important;color:var(--light-text-primary)!important;font-size:.8rem!important;font-weight:600!important;padding:.5rem .75rem!important}[data-theme=dark] .objetivos-modal .tooltip{background:var(--dark-bg-card)!important;border-color:var(--dark-border-primary)!important;box-shadow:var(--dark-shadow-lg)!important;color:var(--dark-text-primary)!important}.objetivos-modal .badge{background:var(--primary-color)!important;border:2px solid #fff!important;border-radius:var(--radius-sm)!important;box-shadow:var(--light-shadow-sm)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;padding:.25rem .5rem!important}[data-theme=dark] .objetivos-modal .badge{border-color:var(--dark-bg-card)!important;box-shadow:var(--dark-shadow-sm)!important}.objetivos-modal .divider{background:var(--light-border-primary)!important;border:none!important;height:2px!important;margin:1.5rem 0!important}[data-theme=dark] .objetivos-modal .divider{background:var(--dark-border-primary)!important}@media (max-width:1024px){.objetivos-modal .modal-content{margin:1rem!important;max-height:95vh!important}.objetivos-modal .modal-header,.objetivos-modal .unified-modal-footer{padding:1rem 1.5rem!important}}@media (max-width:768px){.objetivos-modal .modal-title{font-size:1.25rem!important}.objetivos-modal .unified-modal-footer{flex-direction:column!important;gap:.75rem!important}.objetivos-modal .unified-modal-footer button{min-width:auto!important;width:100%!important}}@media (max-width:480px){.objetivos-modal .modal-content{margin:.5rem!important;max-height:98vh!important}.objetivos-modal .modal-header{padding:.75rem 1rem!important}.objetivos-modal .modal-title{font-size:1.1rem!important}.objetivos-modal .unified-modal-footer{padding:.75rem 1rem!important}}.objetivos-tab.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.objetivos-tab.active .tab-label{color:#fff!important;font-weight:700!important}.objetivos-tab.active .tab-description{color:#fff!important;font-weight:500!important;opacity:.9!important}.line-number,.objetivos-tab.active svg{color:#fff!important}.line-number{background:var(--primary-color)!important;border:2px solid #fff!important;box-shadow:0 2px 4px #0003!important;font-size:.9rem!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}[data-theme=dark] .line-number{border-color:var(--dark-bg-card)!important;box-shadow:0 2px 4px #ffffff1a!important;text-shadow:0 1px 2px #ffffff4d!important}.etiqueta-icon{background:var(--primary-color)!important;border:2px solid #fff!important;box-shadow:0 2px 4px #0003!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}[data-theme=dark] .etiqueta-icon{border-color:var(--dark-bg-card)!important;box-shadow:0 2px 4px #ffffff1a!important;text-shadow:0 1px 2px #ffffff4d!important}[data-theme=light] .etiqueta-name,[data-theme=light] .form-group label,[data-theme=light] .section-header h3{color:var(--light-text-primary)!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .etiqueta-name,[data-theme=dark] .form-group label,[data-theme=dark] .section-header h3{color:var(--dark-text-primary)!important;font-weight:700!important;text-shadow:0 1px 2px #ffffff1a!important}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:var(--light-bg-card)!important;border:2px solid var(--light-border-primary)!important;color:var(--light-text-primary)!important;font-weight:600!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--dark-bg-card)!important;border:2px solid var(--dark-border-primary)!important;color:var(--dark-text-primary)!important;font-weight:600!important}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder{color:var(--light-text-tertiary)!important;font-weight:600!important;opacity:.8!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--dark-text-tertiary)!important;font-weight:600!important;opacity:.8!important}[data-theme=light] .remove-btn{box-shadow:0 2px 4px #0003!important;text-shadow:0 1px 2px #0000004d!important}[data-theme=dark] .remove-btn,[data-theme=light] .remove-btn{background:var(--error-color)!important;color:#fff!important;font-weight:700!important}[data-theme=dark] .remove-btn{box-shadow:0 2px 4px #ffffff1a!important;text-shadow:0 1px 2px #ffffff4d!important}[data-theme=light] .range-value{color:var(--primary-color)!important;font-weight:700!important;text-shadow:0 1px 2px #0000001a!important}[data-theme=dark] .range-value{color:var(--primary-color)!important;font-weight:700!important;text-shadow:0 1px 2px #ffffff1a!important}.objetivos-tab.active *{color:#fff!important}.etiqueta-icon,.line-number{color:#fff!important;font-weight:700!important}[data-theme=light] .objetivos-tab,[data-theme=light] .objetivos-tab .tab-label{color:var(--light-text-primary)!important}[data-theme=light] .objetivos-tab .tab-description{color:var(--light-text-secondary)!important}[data-theme=light] .objetivos-tab.active,[data-theme=light] .objetivos-tab.active .tab-description,[data-theme=light] .objetivos-tab.active .tab-label{color:#fff!important}[data-theme=dark] .objetivos-tab,[data-theme=dark] .objetivos-tab .tab-label{color:var(--dark-text-primary)!important}[data-theme=dark] .objetivos-tab .tab-description{color:var(--dark-text-secondary)!important}[data-theme=dark] .objetivos-tab.active,[data-theme=dark] .objetivos-tab.active .tab-description,[data-theme=dark] .objetivos-tab.active .tab-label{color:#fff!important}.objetivos-modal .objetivos-tabs .objetivos-tab.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:var(--light-shadow-lg)!important;color:#fff!important;transform:translateY(-2px)!important}.objetivos-modal .objetivos-tabs .objetivos-tab.active .tab-label{color:#fff!important;font-weight:700!important}.objetivos-modal .objetivos-tabs .objetivos-tab.active .tab-description{color:#fff!important;font-weight:500!important;opacity:.9!important}.objetivos-modal .objetivos-tabs .objetivos-tab.active *,.objetivos-modal .objetivos-tabs .objetivos-tab.active svg{color:#fff!important}[data-theme=light] .objetivos-modal .objetivos-tabs .objetivos-tab.active{background:var(--primary-color)!important;color:#fff!important}[data-theme=light] .objetivos-modal .objetivos-tabs .objetivos-tab.active *,[data-theme=light] .objetivos-modal .objetivos-tabs .objetivos-tab.active .tab-description,[data-theme=light] .objetivos-modal .objetivos-tabs .objetivos-tab.active .tab-label,[data-theme=light] .objetivos-modal .objetivos-tabs .objetivos-tab.active svg{color:#fff!important}.objetivos-page{background:var(--light-bg-primary);display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem}[data-theme=dark] .objetivos-page{background:var(--dark-bg-primary)}.header-content{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-lg);box-shadow:var(--light-shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}[data-theme=dark] .header-content{background:var(--dark-bg-card);border-color:var(--dark-border-primary);box-shadow:var(--dark-shadow-sm)}.header-left{gap:1rem}.header-icon,.header-left{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border-radius:var(--radius-lg);box-shadow:var(--light-shadow-md);color:#fff;height:3rem;justify-content:center;width:3rem}.header-text h1{color:var(--light-text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .25rem}[data-theme=dark] .header-text h1{color:var(--dark-text-primary)}.header-text p{color:var(--light-text-secondary);font-size:.875rem;margin:0}[data-theme=dark] .header-text p{color:var(--dark-text-secondary)}.header-actions{align-items:center;display:flex;gap:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--light-shadow-md);transform:translateY(-2px)}[data-theme=dark] .stat-card:hover{box-shadow:var(--dark-shadow-md)}.stat-content{gap:1rem}.stat-content,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--light-bg-tertiary);border-radius:var(--radius-md);color:var(--light-text-secondary);height:2.5rem;justify-content:center;width:2.5rem}[data-theme=dark] .stat-icon{color:var(--dark-text-secondary)}.stat-icon.active{background:var(--primary-color-light);color:var(--primary-color)}[data-theme=dark] .stat-icon.active{background:var(--primary-color-dark);color:#fff}.stat-icon.completed{background:var(--success-color-light);color:var(--success-color)}[data-theme=dark] .stat-icon.completed{background:var(--success-color-dark);color:#fff}.stat-icon.progress{background:var(--warning-color-light);color:var(--warning-color)}[data-theme=dark] .stat-icon.progress{background:var(--warning-color-dark);color:#fff}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--light-text-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--light-text-secondary);font-size:.875rem;font-weight:500}[data-theme=dark] .stat-label{color:var(--dark-text-secondary)}.filters-section{padding:1.5rem}.filters-header h3{color:var(--light-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}[data-theme=dark] .filters-header h3{color:var(--dark-text-primary)}.filters-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{color:var(--light-text-primary);font-size:.875rem;font-weight:600}[data-theme=dark] .filter-group label{color:var(--dark-text-primary)}.filter-group select{background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-md);color:var(--light-text-primary);font-size:.875rem;padding:.5rem .75rem}.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}[data-theme=dark] .filter-group select{background:var(--dark-bg-card);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}[data-theme=dark] .filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.objetivos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.objetivo-card{border:1px solid var(--light-border-primary);padding:1.5rem;transition:all var(--transition-normal)}.objetivo-card:hover{border-color:var(--primary-color);box-shadow:var(--light-shadow-md);transform:translateY(-2px)}[data-theme=dark] .objetivo-card{border-color:var(--dark-border-primary)}[data-theme=dark] .objetivo-card:hover{border-color:var(--primary-color);box-shadow:var(--dark-shadow-md)}.objetivo-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.etiqueta-badge,.objetivo-etiqueta{align-items:center;display:flex}.etiqueta-badge{background:var(--light-bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;gap:.5rem;padding:.25rem .5rem}[data-theme=dark] .etiqueta-badge{background:var(--dark-bg-tertiary)}.etiqueta-icon{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;width:1.25rem}.etiqueta-name{color:var(--light-text-primary);font-weight:500}[data-theme=dark] .etiqueta-name{color:var(--dark-text-primary)}.estado-badge{border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.objetivo-content,.objetivo-valor{margin-bottom:1rem}.objetivo-valor{align-items:baseline;display:flex;gap:.5rem}.valor-actual{color:var(--primary-color);font-size:1.5rem;font-weight:700}.valor-objetivo{color:var(--light-text-secondary);font-size:1rem;font-weight:500}[data-theme=dark] .valor-objetivo{color:var(--dark-text-secondary)}.progreso-section{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progreso-bar{background:var(--light-bg-tertiary);border-radius:var(--radius-sm);flex:1 1;height:.5rem;overflow:hidden}[data-theme=dark] .progreso-bar{background:var(--dark-bg-tertiary)}.progreso-fill{background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal)}.progreso-porcentaje{color:var(--light-text-primary);font-size:.875rem;font-weight:600;min-width:3rem;text-align:right}[data-theme=dark] .progreso-porcentaje{color:var(--dark-text-primary)}.objetivo-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-item{align-items:center;color:var(--light-text-secondary);display:flex;font-size:.75rem;gap:.5rem}[data-theme=dark] .info-item{color:var(--dark-text-secondary)}.objetivo-descripcion{background:var(--light-bg-tertiary);border-radius:var(--radius-sm);color:var(--light-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:1rem;padding:.75rem}[data-theme=dark] .objetivo-descripcion{background:var(--dark-bg-tertiary);color:var(--dark-text-secondary)}.objetivo-actions{border-top:1px solid var(--light-border-primary);display:flex;justify-content:flex-end;padding-top:1rem}[data-theme=dark] .objetivo-actions{border-top-color:var(--dark-border-primary)}.empty-state{grid-column:1/-1;padding:3rem;text-align:center}.empty-content{align-items:center;color:var(--light-text-secondary);display:flex;flex-direction:column;gap:1rem}[data-theme=dark] .empty-content{color:var(--dark-text-secondary)}.empty-content h3{color:var(--light-text-primary);font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .empty-content h3{color:var(--dark-text-primary)}.empty-content p{font-size:.875rem;margin:0;max-width:400px}@media (max-width:768px){.objetivos-page{gap:1.5rem;padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-content{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.objetivos-grid{grid-template-columns:1fr}.objetivo-header{align-items:stretch;flex-direction:column;gap:1rem}.objetivo-etiquetas{flex-direction:row;flex-wrap:wrap}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-text h1{font-size:1.5rem}.objetivo-valor{align-items:flex-start;flex-direction:column;gap:.25rem}.progreso-section{align-items:stretch;flex-direction:column;gap:.5rem}.progreso-porcentaje{text-align:left}}.search-filters-container{margin-top:-2rem}.periodo-cell{gap:.375rem;padding:.5rem .375rem}.periodo-cell,.periodo-icon{align-items:center;display:flex}.periodo-icon{color:var(--primary-color);justify-content:center}.periodo-info{display:flex;flex-direction:column;gap:.125rem}.periodo-label{color:var(--light-text-primary);font-size:.875rem;font-weight:600;text-transform:capitalize}.periodo-fecha{color:var(--light-text-muted);font-size:.75rem}.etiqueta-cell{align-items:center;background:var(--light-bg-card);border:1px solid var(--light-border-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:2rem;padding:.5rem .375rem;transition:all var(--transition-fast)}.etiqueta-cell:hover{background:var(--light-bg-hover);box-shadow:var(--light-shadow-sm);transform:translateY(-1px)}.etiqueta-valor{color:var(--light-text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.etiqueta-empty{align-items:center;background:var(--light-bg-secondary);border:1px dashed var(--light-border-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:2rem;padding:.5rem .375rem}.empty-text{color:var(--light-text-muted);font-size:.875rem;font-style:italic}.actions-cell{align-items:center;display:flex;gap:.25rem}.actions-cell .modern-button{min-width:auto;padding:.375rem}.clickable-filter{cursor:pointer;transition:color var(--transition-fast)}.clickable-filter:hover{color:var(--primary-color)}[data-theme=dark] .periodo-label{color:var(--dark-text-primary)}[data-theme=dark] .periodo-fecha{color:var(--dark-text-muted)}[data-theme=dark] .etiqueta-cell{background:var(--dark-bg-card);border-color:var(--dark-border-primary)}[data-theme=dark] .etiqueta-cell:hover{background:var(--dark-bg-hover);box-shadow:var(--dark-shadow-sm)}[data-theme=dark] .etiqueta-valor{color:var(--dark-text-primary)}[data-theme=dark] .etiqueta-empty{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary)}[data-theme=dark] .empty-text{color:var(--dark-text-muted)}@media (max-width:768px){.etiqueta-cell,.periodo-cell{align-items:flex-start;flex-direction:column;gap:.25rem}.etiqueta-info{align-items:flex-start}.actions-cell{flex-direction:column;gap:.25rem}}.notification-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:flex-start;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.notification:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.notification-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.notification-icon{flex-shrink:0;margin-top:2px}.notification-text{flex:1 1;min-width:0}.notification-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{font-size:13px;line-height:1.4;margin-bottom:8px;opacity:.9}.notification-action{background:none;border:1px solid;border-radius:6px;color:currentColor;cursor:pointer;font-size:12px;font-weight:500;opacity:.8;padding:4px 8px;transition:all .2s ease}.notification-action:hover{background:currentColor;color:#fff;opacity:1}.notification-close{background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;flex-shrink:0;opacity:.6;padding:4px;transition:all .2s ease}.notification-close:hover{background:#0000001a;opacity:1}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.removing{animation:slideOutRight .3s ease-in forwards}@media (max-width:640px){.notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{padding:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}}[data-theme=dark] .metric-main-value,[data-theme=dark] .metric-value,[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value,[data-theme=dark] .viz-metric-value{border:none!important;display:block!important;outline:none!important}[data-theme=dark] .stat-value{display:block!important}[data-theme=dark] .modern-card .stat-value,[data-theme=dark] .scorecard .stat-value,[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-value,html[data-theme=dark] .stat-value,html[data-theme=dark] body .stat-value{border:none!important;color:#fff!important;filter:none!important;opacity:1!important;outline:none!important;text-shadow:none!important;visibility:visible!important}[data-theme=dark] .metric-main-value *,[data-theme=dark] .metric-value *,[data-theme=dark] .scorecard-value *,[data-theme=dark] .stat-number *,[data-theme=dark] .stat-value *,[data-theme=dark] .viz-metric-value *{opacity:1!important;visibility:visible!important}[data-theme=dark] [class*=metric],[data-theme=dark] [class*=number],[data-theme=dark] [class*=stat],[data-theme=dark] [class*=value]{color:#fff!important}[data-theme=dark] .modern-card .metric-main-value,[data-theme=dark] .modern-card .metric-value,[data-theme=dark] .modern-card .scorecard-value,[data-theme=dark] .modern-card .stat-number,[data-theme=dark] .modern-card .stat-value,[data-theme=dark] .modern-card .viz-metric-value{border:none!important;color:#fff!important;filter:none!important;opacity:1!important;outline:none!important;text-shadow:none!important;visibility:visible!important}[data-theme=dark] .metric-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}[data-theme=dark] .metric-icon svg,[data-theme=dark] .modern-card .metric-value,[data-theme=dark] .modern-card .scorecard-value,[data-theme=dark] .modern-card .stat-number,[data-theme=dark] .modern-card .stat-value{color:#fff!important;opacity:1!important;visibility:visible!important}[data-theme=dark] .metric-main-value,[data-theme=dark] .metric-value,[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value,[data-theme=dark] .viz-metric-value{--text-color:#fff!important;--color:#fff!important;--text-primary:#fff!important;--text-secondary:#fff!important}*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-black:#000;--light-bg-primary:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);--light-bg-secondary:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);--light-bg-card:linear-gradient(135deg,#fff,#fefefe 50%,#f8fafc);--light-bg-glass:#ffffffd9;--light-bg-glass-hover:#fffffff2;--light-text-primary:#0f172a;--light-text-secondary:#475569;--light-text-muted:#64748b;--light-text-inverse:#fff;--light-border-primary:#e2e8f0e6;--light-border-secondary:#f1f5f9cc;--light-border-accent:#3b82f64d;--light-shadow-sm:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;--light-shadow-md:0 4px 12px -2px #0000001f,0 2px 6px -1px #00000014;--light-shadow-lg:0 10px 25px -5px #00000026,0 4px 10px -2px #0000001a;--light-shadow-xl:0 20px 40px -10px #0003,0 10px 20px -5px #00000026;--light-shadow-2xl:0 25px 50px -12px #00000040,0 15px 30px -5px #0003;--dark-bg-primary:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);--dark-bg-secondary:linear-gradient(135deg,#1e293b,#334155 50%,#475569);--dark-bg-card:linear-gradient(135deg,#1e293b,#334155 50%,#475569);--dark-bg-glass:#1e293bd9;--dark-bg-glass-hover:#1e293bf2;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-muted:#94a3b8;--dark-text-inverse:#0f172a;--dark-border-primary:#334155e6;--dark-border-secondary:#475569cc;--dark-border-accent:#3b82f666;--dark-shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0003;--dark-shadow-md:0 4px 12px -2px #00000080,0 2px 6px -1px #0000004d;--dark-shadow-lg:0 10px 25px -5px #0009,0 4px 10px -2px #0006;--dark-shadow-xl:0 20px 40px -10px #000000b3,0 10px 20px -5px #00000080;--dark-shadow-2xl:0 25px 50px -12px #000c,0 15px 30px -5px #0009;--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-primary-hover:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-secondary:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-pink:linear-gradient(135deg,#ec4899,#db2777);--gradient-orange:linear-gradient(135deg,#f97316,#ea580c);--gradient-cyan:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-emerald:linear-gradient(135deg,#10b981,#059669);--gradient-violet:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-rose:linear-gradient(135deg,#f43f5e,#e11d48);--gradient-bg-hero:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-bg-card:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);--gradient-bg-glass:linear-gradient(135deg,#a78bfa26,#8b5cf614);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-elastic:0.6s cubic-bezier(0.175,0.885,0.32,1.275);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px);--glow-primary:0 0 20px #3b82f64d;--glow-success:0 0 20px #11998e4d;--glow-warning:0 0 20px #f093fb4d;--glow-danger:0 0 20px #ff416c4d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);background:var(--light-bg-primary);color:#0f172a;color:var(--light-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}[data-theme=dark]{--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--bg-card:var(--dark-bg-card);--bg-glass:var(--dark-bg-glass);--bg-glass-hover:var(--dark-bg-glass-hover);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-muted:var(--dark-text-muted);--text-inverse:var(--dark-text-inverse);--border-primary:var(--dark-border-primary);--border-secondary:var(--dark-border-secondary);--border-accent:var(--dark-border-accent);--shadow-sm:var(--dark-shadow-sm);--shadow-md:var(--dark-shadow-md);--shadow-lg:var(--dark-shadow-lg);--shadow-xl:var(--dark-shadow-xl)}[data-theme=dark] body{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);background:var(--dark-bg-primary);color:#f8fafc;color:var(--dark-text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-scale{animation:fadeInScale .4s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}[data-theme=dark] .metric-main-value,[data-theme=dark] .metric-value,[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value,[data-theme=dark] .viz-metric-value{color:#fff!important;opacity:1!important;visibility:visible!important}[data-theme=dark] *{--force-white:#fff!important}[data-theme=dark] div[class*=metric],[data-theme=dark] div[class*=number],[data-theme=dark] div[class*=stat],[data-theme=dark] div[class*=value]{color:#fff!important;opacity:1!important;visibility:visible!important}[data-theme=dark] :not(button):not(input):not(select):not(textarea){color:inherit}[data-theme=dark] .metric-main-value,[data-theme=dark] .metric-value,[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value,[data-theme=dark] .viz-metric-value{color:#fff!important;filter:none!important;opacity:1!important;text-shadow:none!important;visibility:visible!important}[data-theme=dark] .metric-main-value *,[data-theme=dark] .metric-main-value:after,[data-theme=dark] .metric-main-value:before,[data-theme=dark] .metric-value *,[data-theme=dark] .metric-value:after,[data-theme=dark] .metric-value:before,[data-theme=dark] .scorecard-value *,[data-theme=dark] .scorecard-value:after,[data-theme=dark] .scorecard-value:before,[data-theme=dark] .stat-number *,[data-theme=dark] .stat-number:after,[data-theme=dark] .stat-number:before,[data-theme=dark] .stat-value *,[data-theme=dark] .viz-metric-value *{color:#fff!important}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.hover-lift:hover{box-shadow:0 20px 40px -10px #0003,0 10px 20px -5px #00000026;box-shadow:var(--light-shadow-xl);transform:translateY(-8px)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d;box-shadow:var(--glow-primary)}.hover-scale:hover{transform:scale(1.02)}.glass-effect{background:#ffffff1a;border:1px solid #fff3}.glass-effect,.glass-effect-dark{backdrop-filter:blur(8px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-md)}.glass-effect-dark{background:#0000001a;border:1px solid #ffffff1a}.gradient-animated{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary-hover);transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}@media (max-width:640px){.container{padding:0 1rem}.btn{font-size:.875rem;padding:.625rem 1.25rem}}.header-content{padding:1rem 1.5rem!important}.header-title h1{font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important}.header-title p{font-size:.875rem!important;margin-top:.25rem!important;opacity:.8!important}@media (max-width:768px){.header-content{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;padding:.875rem 1.25rem!important}.header-title h1{font-size:1.125rem!important}.header-title p{font-size:.8rem!important}}@media (max-width:480px){.header-content{padding:.75rem 1rem!important}.header-title h1{font-size:1rem!important}.header-title p{font-size:.75rem!important}}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)!important;background:var(--dark-bg-card)!important;border-color:#334155e6!important;border-color:var(--dark-border-primary)!important;box-shadow:0 4px 12px -2px #00000080,0 2px 6px -1px #0000004d!important;box-shadow:var(--dark-shadow-md)!important}[data-theme=dark] .stat-card .stat-number,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value{color:#fff!important}[data-theme=dark] .stat-card .stat-label{color:#cbd5e1!important;color:var(--dark-text-secondary)!important}[data-theme=dark] .stat-card .stat-sub-label{color:#94a3b8!important;color:var(--dark-text-muted)!important}[data-theme=dark] .stat-card .stat-icon-container{color:#fff!important}[data-theme=dark] .lucide-upload{fill:none!important;stroke:#fff!important;stroke-width:2!important;color:#fff!important}[data-theme=dark] .lucide-calendar{fill:none!important;stroke:#000!important;stroke-width:2!important;color:#000!important}[data-theme=dark] .stat-card-primary .stat-icon-container,[data-theme=dark] .stat-card-success .stat-icon-container,[data-theme=dark] .stat-card-warning .stat-icon-container{color:#fff!important}[data-theme=dark] .scorecard{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)!important;background:var(--dark-bg-card)!important;border-color:#334155e6!important;border-color:var(--dark-border-primary)!important;box-shadow:0 4px 12px -2px #00000080,0 2px 6px -1px #0000004d!important;box-shadow:var(--dark-shadow-md)!important}[data-theme=dark] .scorecard .scorecard-value,[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-value{color:#fff!important}[data-theme=dark] .scorecard-label{color:#cbd5e1!important;color:var(--dark-text-secondary)!important}[data-theme=dark] .scorecard-subtitle{color:#94a3b8!important;color:var(--dark-text-muted)!important}[data-theme=dark] .scorecard-icon{border-color:#334155e6!important;border-color:var(--dark-border-primary)!important;color:#fff!important}[data-theme=dark] * .scorecard-value,[data-theme=dark] * .stat-number{color:#fff!important}html[data-theme=dark] .scorecard .scorecard-value,html[data-theme=dark] .scorecard-value,html[data-theme=dark] .stat-card .stat-number,html[data-theme=dark] .stat-number{color:#fff!important;text-shadow:none!important}[data-theme=dark] .scorecard-value,[data-theme=dark] .stat-number{color:#fff!important;opacity:1!important;visibility:visible!important}.currency-badge.clickable-filter:hover,.group-badge.clickable-filter:hover,.role-badge.clickable-filter:hover,.status-badge.clickable-filter:hover,[class*=badge].clickable-filter:hover{box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a!important;color:#000!important;text-shadow:0 0 4px #fffc!important;transform:translateY(-1px) scale(1.02)!important}.currency-badge.clickable-filter:hover svg,.group-badge.clickable-filter:hover svg,.role-badge.clickable-filter:hover svg,.status-badge.clickable-filter:hover svg,[class*=badge].clickable-filter:hover svg{color:#000!important;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))!important}.currency-badge.clickable-filter:active,.group-badge.clickable-filter:active,.role-badge.clickable-filter:active,.status-badge.clickable-filter:active,[class*=badge].clickable-filter:active{transform:translateY(0) scale(.98)!important}[data-theme=dark] .currency-badge.clickable-filter:hover,[data-theme=dark] .group-badge.clickable-filter:hover,[data-theme=dark] .role-badge.clickable-filter:hover,[data-theme=dark] .status-badge.clickable-filter:hover,[data-theme=dark] [class*=badge].clickable-filter:hover{box-shadow:0 4px 12px #0000004d,0 2px 6px #0003!important;color:#fff!important;text-shadow:0 0 4px #000c!important;transform:translateY(-1px) scale(1.02)!important}[data-theme=dark] .currency-badge.clickable-filter:hover svg,[data-theme=dark] .group-badge.clickable-filter:hover svg,[data-theme=dark] .role-badge.clickable-filter:hover svg,[data-theme=dark] .status-badge.clickable-filter:hover svg,[data-theme=dark] [class*=badge].clickable-filter:hover svg{color:#fff!important;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))!important}.actions-cell .modern-button{border:none!important;border-radius:1rem!important;border-radius:var(--radius-lg)!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-fast)!important}.actions-cell .modern-button:hover{box-shadow:0 4px 8px #0003!important;filter:brightness(1.1) saturate(1.1)!important;transform:translateY(-1px) scale(1.05)!important}.actions-cell .modern-button:active{transform:translateY(0) scale(.95)!important}[data-theme=dark] .actions-cell .modern-button{box-shadow:0 2px 4px #0000004d!important}[data-theme=dark] .actions-cell .modern-button:hover{box-shadow:0 4px 12px #0006!important;filter:brightness(1.2) saturate(1.1)!important}