:root[data-theme=dark]{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-hover: rgba(100, 108, 255, .1);--bg-active: rgba(100, 108, 255, .2);--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #888888;--text-muted: #666666;--border-primary: #333333;--border-secondary: #2a2a2a;--border-hover: #646cff;--brand-primary: #646cff;--brand-secondary: #747bff;--brand-hover: #535bf2;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .6);--gradient-brand: linear-gradient(45deg, #646cff, #747bff);--gradient-success: linear-gradient(45deg, #22c55e, #16a34a);--gradient-warning: linear-gradient(45deg, #f59e0b, #d97706);--gradient-error: linear-gradient(45deg, #ef4444, #dc2626)}:root[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-hover: rgba(100, 108, 255, .08);--bg-active: rgba(100, 108, 255, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--text-muted: #9a9a9a;--border-primary: #e0e0e0;--border-secondary: #ebebeb;--border-hover: #646cff;--brand-primary: #646cff;--brand-secondary: #535bf2;--brand-hover: #4a50d4;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--overlay: rgba(0, 0, 0, .3);--gradient-brand: linear-gradient(45deg, #646cff, #747bff);--gradient-success: linear-gradient(45deg, #22c55e, #16a34a);--gradient-warning: linear-gradient(45deg, #f59e0b, #d97706);--gradient-error: linear-gradient(45deg, #ef4444, #dc2626)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}button,a,input,select,textarea{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--brand-primary);text-decoration:inherit}a:hover{color:var(--brand-hover)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}button:focus,button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.approval-notification-container{position:fixed;top:80px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:100%}.approval-notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-primary);border:1px solid rgba(59,130,246,.4);border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.approval-notification-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.approval-notification-content{flex:1;min-width:0}.approval-notification-message{margin:0 0 .5rem;color:var(--text-primary);font-size:.9375rem;line-height:1.4}.approval-notification-link{color:#3b82f6;text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}.approval-notification-link:hover{color:#2563eb;text-decoration:underline}.approval-notification-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1rem;line-height:1;opacity:.6;transition:opacity .2s;flex-shrink:0}.approval-notification-close:hover{opacity:1}[data-theme=dark] .approval-notification{background:var(--bg-secondary);box-shadow:0 4px 12px #0000004d}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);z-index:var(--z-sticky);transition:width var(--duration-slow) var(--ease-default);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed);overflow:visible;z-index:var(--z-modal)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);min-height:var(--header-height);border-bottom:1px solid var(--border-muted)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary)}.sidebar__logo:hover{opacity:.9}.sidebar__logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.sidebar__logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.02em}.sidebar--collapsed .sidebar__logo-text{display:none}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar__toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar--collapsed .sidebar__toggle{display:none}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}.sidebar--collapsed .sidebar__nav{overflow:visible}.sidebar__divider{height:1px;background:var(--border-muted);margin:var(--space-2) var(--space-2)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:2px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);position:relative}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--space-2)}.sidebar__item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__item--active{background:var(--accent-primary-muted);color:var(--accent-primary)}.sidebar__item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent-primary);border-radius:0 3px 3px 0}.sidebar--collapsed .sidebar__item--active:before{display:none}.sidebar__item-icon{flex-shrink:0;opacity:.8}.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar--collapsed .sidebar__item-label{display:none}.sidebar__item--child{padding:10px 12px!important;margin:0!important;margin-right:var(--space-2)!important;gap:var(--space-2);font-size:13px;line-height:1;min-height:36px;box-sizing:border-box;color:var(--text-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar__item--child:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar__item--child .sidebar__item-icon{width:16px;height:16px;opacity:.6}.sidebar__item--child:hover .sidebar__item-icon,.sidebar__item--child.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item--child.sidebar__item--active{background:var(--accent-primary-muted);color:var(--accent-primary)}.sidebar__item--child.sidebar__item--active:before{display:none}.sidebar__section{position:relative;margin-bottom:var(--space-2)}.sidebar__section-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar--collapsed .sidebar__section-header{justify-content:center;padding:var(--space-2)}.sidebar__section-header:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar__section-icon{flex-shrink:0;width:20px;height:20px}.sidebar__section-title{flex:1;text-align:left}.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__section-arrow{display:none}.sidebar__section-arrow{transition:transform var(--duration-fast) var(--ease-default)}.sidebar__section-header--open .sidebar__section-arrow{transform:rotate(180deg)}.sidebar__section-items{display:flex;flex-direction:column;gap:0;margin-top:2px;margin-bottom:var(--space-2);padding:0;border-left:1px solid var(--border-muted);margin-left:22px;animation:slideDown var(--duration-fast) var(--ease-out)}.sidebar__section--ga .sidebar__section-icon{color:var(--color-ga)}.sidebar__section--ga .sidebar__section-items{border-color:var(--color-ga-muted)}.sidebar__section--ga .sidebar__item--child.sidebar__item--active{background:var(--color-ga-muted);color:var(--color-ga)}.sidebar__section--edm .sidebar__section-icon{color:var(--color-edm)}.sidebar__section--edm .sidebar__section-items{border-color:var(--color-edm-muted)}.sidebar__section--edm .sidebar__item--child.sidebar__item--active{background:var(--color-edm-muted);color:var(--color-edm)}.sidebar__section--ymeta .sidebar__section-icon{color:var(--color-ymeta)}.sidebar__section--ymeta .sidebar__section-items{border-color:var(--color-ymeta-muted)}.sidebar__section--ymeta .sidebar__item--child.sidebar__item--active{background:var(--color-ymeta-muted);color:var(--color-ymeta)}.sidebar__section--cosmo .sidebar__section-icon{color:var(--color-cosmo)}.sidebar__section--cosmo .sidebar__section-items{border-color:var(--color-cosmo-muted)}.sidebar__section--cosmo .sidebar__item--child.sidebar__item--active{background:var(--color-cosmo-muted);color:var(--color-cosmo)}.sidebar__section--workflow .sidebar__section-icon{color:var(--color-workflow)}.sidebar__section--workflow .sidebar__section-items{border-color:var(--color-workflow-muted)}.sidebar__section--workflow .sidebar__item--child.sidebar__item--active{background:var(--color-workflow-muted);color:var(--color-workflow)}.sidebar__section--admin .sidebar__section-icon{color:var(--text-muted)}.sidebar__section--admin .sidebar__section-items{border-color:var(--border-muted)}.sidebar__flyout{position:fixed;left:var(--sidebar-collapsed);z-index:9999;min-width:200px;max-width:280px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.sidebar__flyout--visible{opacity:1;visibility:visible;transform:translate(4px);pointer-events:auto}.sidebar__flyout-header{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-muted)}.sidebar__flyout-items{padding:var(--space-2)}.sidebar__flyout-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.sidebar__flyout-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__flyout-item--active{background:var(--accent-primary-muted);color:var(--accent-primary)}.sidebar__flyout-icon{opacity:.7}.sidebar__flyout-item:hover .sidebar__flyout-icon,.sidebar__flyout-item--active .sidebar__flyout-icon{opacity:1}.sidebar__section--ga .sidebar__flyout-header{color:var(--color-ga)}.sidebar__section--ga .sidebar__flyout-item--active{background:var(--color-ga-muted);color:var(--color-ga)}.sidebar__section--edm .sidebar__flyout-header{color:var(--color-edm)}.sidebar__section--edm .sidebar__flyout-item--active{background:var(--color-edm-muted);color:var(--color-edm)}.sidebar__section--ymeta .sidebar__flyout-header{color:var(--color-ymeta)}.sidebar__section--ymeta .sidebar__flyout-item--active{background:var(--color-ymeta-muted);color:var(--color-ymeta)}.sidebar__section--cosmo .sidebar__flyout-header{color:var(--color-cosmo)}.sidebar__section--cosmo .sidebar__flyout-item--active{background:var(--color-cosmo-muted);color:var(--color-cosmo)}.sidebar__section--workflow .sidebar__flyout-header{color:var(--color-workflow)}.sidebar__section--workflow .sidebar__flyout-item--active{background:var(--color-workflow-muted);color:var(--color-workflow)}.sidebar__section--admin .sidebar__flyout-header{color:var(--text-muted)}.sidebar__footer{padding:var(--space-2);border-top:1px solid var(--border-muted);margin-top:auto}.sidebar__footer-actions{display:flex;align-items:center;gap:var(--space-1)}.sidebar--collapsed .sidebar__footer-actions{flex-direction:column;align-items:center;gap:var(--space-1)}.sidebar__footer-btn{display:flex;align-items:center;gap:var(--space-2);flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-family:inherit;text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar__footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__footer-btn--active{background:var(--accent-primary-muted);color:var(--accent-primary)}.sidebar__footer-toggle{flex:0 0 auto;justify-content:center;padding:var(--space-2)}.sidebar--collapsed .sidebar__footer-btn{flex:0 0 auto;justify-content:center;padding:var(--space-2);width:auto}.sidebar--collapsed .sidebar__footer-btn span{display:none}.sidebar__avatar{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.sidebar__avatar--warning{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%)}.sidebar__user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__user-chevron{display:none}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted)}.sidebar__user--impersonating .sidebar__user-role{color:var(--color-warning)}.sidebar__user-chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-default)}.sidebar__user--open .sidebar__user-chevron{transform:rotate(180deg)}.sidebar__menu{position:absolute;bottom:calc(100% + 4px);left:var(--space-2);right:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-popover);animation:slideUp var(--duration-fast) var(--ease-out)}.sidebar__menu-warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-1);background:var(--color-warning-muted);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs)}.sidebar__menu-warning strong{color:var(--text-primary)}.sidebar__menu-divider{height:1px;background:var(--border-default);margin:var(--space-1) 0}.sidebar__menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar__menu-item:hover{background:var(--bg-hover)}.sidebar__menu-item--warning{color:var(--color-warning)}.sidebar__menu-item--warning:hover{background:var(--color-warning-muted)}.sidebar__menu-item--danger{color:var(--color-error)}.sidebar__menu-item--danger:hover{background:var(--color-error-muted)}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full)}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar:not(.sidebar--collapsed){transform:translate(0);box-shadow:var(--shadow-xl)}}.impersonation-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-fade-in .15s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.impersonation-modal{background:var(--bg-surface, #1e1e2e);border-radius:16px;width:100%;max-width:600px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));animation:modal-slide-in .2s ease-out;overflow:hidden}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.impersonation-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.impersonation-modal__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff)}.impersonation-modal__title svg{color:var(--accent-primary, #8b5cf6)}.impersonation-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease}.impersonation-modal__close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.impersonation-modal__body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.impersonation-modal__error{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#f87171;font-size:.875rem;line-height:1.5}.impersonation-modal__error svg{flex-shrink:0;margin-top:2px}.impersonation-modal__denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.impersonation-modal__denied svg{color:#f59e0b;margin-bottom:1rem}.impersonation-modal__denied h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff)}.impersonation-modal__denied p{margin:0;color:var(--text-muted, #888);font-size:.9rem}.impersonation-modal__scope-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.8rem;color:#93c5fd}.impersonation-modal__scope-info svg{flex-shrink:0;color:#60a5fa}.impersonation-modal__domain-filter{display:flex;flex-wrap:wrap;gap:.375rem}.impersonation-modal__domain-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-default, rgba(255, 255, 255, .1));background:transparent;color:var(--text-secondary, #aaa);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.impersonation-modal__domain-btn:hover:not(.impersonation-modal__domain-btn--active){background:#ffffff0a;border-color:#ffffff26}.impersonation-modal__domain-btn--active{background:#8b5cf61a;border-color:#8b5cf666;color:var(--text-primary, #fff)}.impersonation-modal__tabs{display:flex;background:var(--bg-muted, rgba(0, 0, 0, .25));padding:4px;border-radius:12px;gap:4px}.impersonation-modal__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #888);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.impersonation-modal__tab:hover:not(.impersonation-modal__tab--active){color:var(--text-secondary, #aaa);background:#ffffff08}.impersonation-modal__tab--active{background:var(--bg-surface, #1e1e2e);color:var(--accent-primary, #8b5cf6);box-shadow:0 2px 8px #0003}.impersonation-modal__search{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:10px;transition:all .15s ease}.impersonation-modal__search:focus-within{border-color:var(--accent-primary, #8b5cf6);background:var(--bg-surface, #1e1e2e);box-shadow:0 0 0 3px #8b5cf626}.impersonation-modal__search svg{color:var(--text-muted, #666);flex-shrink:0}.impersonation-modal__search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #fff);font-family:inherit;font-size:.9rem}.impersonation-modal__search input::placeholder{color:var(--text-muted, #666)}.impersonation-modal__users{max-height:280px;overflow-y:auto;border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:12px;background:var(--bg-muted, rgba(0, 0, 0, .15))}.impersonation-modal__user{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.impersonation-modal__user:last-child{border-bottom:none}.impersonation-modal__user:hover{background:#ffffff08}.impersonation-modal__user--selected{background:#8b5cf61f}.impersonation-modal__user--selected:hover{background:#8b5cf629}.impersonation-modal__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.impersonation-modal__user-info{flex:1;min-width:0}.impersonation-modal__user-name{font-weight:600;color:var(--text-primary, #fff);margin-bottom:.25rem}.impersonation-modal__user-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted, #888);margin-bottom:.5rem}.impersonation-modal__username{color:var(--text-secondary, #aaa)}.impersonation-modal__user-roles{display:flex;flex-wrap:wrap;gap:.375rem}.impersonation-modal__role-tag{background:#8b5cf626;color:var(--text-secondary, #bbb);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.impersonation-modal__check{color:#8b5cf6;flex-shrink:0}.impersonation-modal__empty,.impersonation-modal__loading{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted, #888);font-size:.9rem}.impersonation-modal__role-desc{margin:0;color:var(--text-secondary, #aaa);font-size:.875rem;line-height:1.5}.impersonation-modal__roles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.impersonation-modal__role{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:10px;cursor:pointer;transition:all .15s ease}.impersonation-modal__role:hover{border-color:var(--border-emphasis, rgba(255, 255, 255, .15));background:#ffffff08}.impersonation-modal__role--selected{background:#8b5cf61a;border-color:#8b5cf666}.impersonation-modal__role-checkbox{width:20px;height:20px;border:2px solid var(--border-default, rgba(255, 255, 255, .2));border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.impersonation-modal__role--selected .impersonation-modal__role-checkbox{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.impersonation-modal__role-name{font-weight:500;color:var(--text-primary, #fff);font-size:.875rem}.impersonation-modal__reason{display:flex;flex-direction:column;gap:.5rem}.impersonation-modal__reason label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #aaa)}.impersonation-modal__reason textarea{padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:10px;color:var(--text-primary, #fff);font-family:inherit;font-size:.9rem;resize:vertical;min-height:60px;transition:all .15s ease}.impersonation-modal__reason textarea::placeholder{color:var(--text-muted, #666)}.impersonation-modal__reason textarea:focus{outline:none;border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.impersonation-modal__warning{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;font-size:.8rem;line-height:1.5;color:#fbbf24}.impersonation-modal__warning svg{flex-shrink:0;margin-top:2px}.impersonation-modal__warning strong{color:#fbbf24;font-weight:600}.impersonation-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-muted, rgba(0, 0, 0, .15))}.impersonation-modal__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.impersonation-modal__btn--secondary{background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.impersonation-modal__btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.impersonation-modal__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px #8b5cf659}.impersonation-modal__btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf673}.impersonation-modal__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.impersonation-modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:impersonation-spin .7s linear infinite}@keyframes impersonation-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.impersonation-overlay{padding:1rem}.impersonation-modal{max-height:calc(100vh - 2rem)}.impersonation-modal__roles{grid-template-columns:1fr}.impersonation-modal__user{padding:.875rem 1rem}.impersonation-modal__avatar{width:40px;height:40px;font-size:1rem}}.request-role-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:request-role-overlay-fade .15s ease-out}@keyframes request-role-overlay-fade{0%{opacity:0}to{opacity:1}}.request-role-modal{background:var(--bg-surface, #1e1e2e);border-radius:16px;width:100%;max-width:580px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));animation:request-role-modal-slide .2s ease-out;overflow:hidden}@keyframes request-role-modal-slide{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.request-role-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.request-role-modal__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff)}.request-role-modal__title svg{color:#10b981}.request-role-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease}.request-role-modal__close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.request-role-modal__body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.request-role-modal__desc{margin:0;color:var(--text-secondary, #aaa);font-size:.875rem;line-height:1.5}.request-role-modal__error{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#f87171;font-size:.875rem;line-height:1.5}.request-role-modal__error svg{flex-shrink:0;margin-top:2px}.request-role-modal__success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.request-role-modal__success svg{color:#10b981;margin-bottom:1rem}.request-role-modal__success h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.request-role-modal__success p{margin:0 0 .5rem;color:var(--text-secondary, #aaa);font-size:.9rem;line-height:1.6}.request-role-modal__success-note{color:var(--text-muted, #888)!important;font-size:.8rem!important}.request-role-modal__filter{display:flex;flex-wrap:wrap;gap:.375rem}.request-role-modal__filter-btn{padding:.5rem .875rem;border-radius:8px;border:1px solid var(--border-default, rgba(255, 255, 255, .1));background:transparent;color:var(--text-secondary, #aaa);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.request-role-modal__filter-btn:hover:not(.request-role-modal__filter-btn--active){background:#ffffff0a;border-color:#ffffff26}.request-role-modal__filter-btn--active{background:#8b5cf61a;border-color:#8b5cf666;color:var(--text-primary, #fff)}.request-role-modal__roles-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:12px;background:var(--bg-muted, rgba(0, 0, 0, .15))}.request-role-modal__domain-group{border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .06))}.request-role-modal__domain-group:last-child{border-bottom:none}.request-role-modal__domain-header{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#00000026;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888)}.request-role-modal__domain-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.request-role-modal__domain-label{flex:1}.request-role-modal__domain-current{font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:4px;background:#f59e0b1f;color:#fbbf24;letter-spacing:.02em}.request-role-modal__role-replaces{font-size:.7rem;color:#fbbf24;font-style:italic;margin-top:.15rem}.request-role-modal__role-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.request-role-modal__role-item:last-child{border-bottom:none}.request-role-modal__role-item:hover{background:#ffffff08}.request-role-modal__role-item--selected{background:#10b98114}.request-role-modal__role-item--selected:hover{background:#10b9811f}.request-role-modal__role-item-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.request-role-modal__role-radio{width:18px;height:18px;border:2px solid var(--border-default, rgba(255, 255, 255, .2));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.request-role-modal__role-item--selected .request-role-modal__role-radio{border-color:#10b981}.request-role-modal__role-radio-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.request-role-modal__role-info{flex:1;min-width:0}.request-role-modal__role-name{font-weight:500;color:var(--text-primary, #fff);font-size:.875rem;margin-bottom:.15rem}.request-role-modal__role-desc{font-size:.75rem;color:var(--text-muted, #888);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-role-modal__level-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;background:#8b5cf626;color:#a78bfa}.request-role-modal__level-badge[data-level=admin]{background:#ef444426;color:#f87171}.request-role-modal__level-badge[data-level=manager]{background:#3b82f626;color:#60a5fa}.request-role-modal__level-badge[data-level=viewer]{background:#6b728026;color:#9ca3af}.request-role-modal__empty,.request-role-modal__loading{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted, #888);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.request-role-modal__empty svg{color:#10b981}.request-role-modal__reason{display:flex;flex-direction:column;gap:.5rem}.request-role-modal__reason label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #aaa)}.request-role-modal__reason textarea{padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:10px;color:var(--text-primary, #fff);font-family:inherit;font-size:.9rem;resize:vertical;min-height:70px;transition:all .15s ease}.request-role-modal__reason textarea::placeholder{color:var(--text-muted, #666)}.request-role-modal__reason textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.request-role-modal__info{display:flex;gap:.75rem;padding:.875rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;font-size:.8rem;line-height:1.5;color:#93c5fd}.request-role-modal__info svg{flex-shrink:0;margin-top:2px;color:#60a5fa}.request-role-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-muted, rgba(0, 0, 0, .15))}.request-role-modal__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.request-role-modal__btn--secondary{background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.request-role-modal__btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.request-role-modal__btn--primary{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 2px 12px #10b98159}.request-role-modal__btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #10b98173}.request-role-modal__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.request-role-modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:request-role-spin .7s linear infinite}@keyframes request-role-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.request-role-overlay{padding:1rem}.request-role-modal{max-height:calc(100vh - 2rem)}.request-role-modal__filter{flex-wrap:wrap}}.upm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50000;padding:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:upm-fade .18s ease-out}@keyframes upm-fade{0%{opacity:0}to{opacity:1}}.upm{background:var(--bg-surface, #1a1a2e);border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:14px;width:100%;max-width:760px;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff0a,0 20px 60px #00000080;animation:upm-enter .22s ease-out;overflow:hidden}@keyframes upm-enter{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upm__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .07))}.upm__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.01em}.upm__close{display:grid;place-items:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;color:var(--text-tertiary, #555);cursor:pointer;transition:background .12s,color .12s}.upm__close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.upm__body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.upm__identity{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:12px}.upm__avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.125rem;flex-shrink:0;box-shadow:0 4px 14px #6366f14d;letter-spacing:.5px}.upm__identity-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.upm__display-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff);line-height:1.3}.upm__handle{font-size:.8125rem;font-weight:500;color:var(--accent-primary, #8b5cf6)}.upm__email{font-size:.8125rem;color:var(--text-muted, #777)}.upm__badge{padding:.25rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;line-height:1}.upm__badge--success{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.upm__badge--danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.upm__section{display:flex;flex-direction:column;gap:.625rem}.upm__section-heading{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:600;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.6px}.upm__section-heading svg{color:var(--text-tertiary, #555);flex-shrink:0}.upm__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.6875rem;font-weight:600;background:#ffffff0f;color:var(--text-secondary, #aaa);letter-spacing:0;text-transform:none}.upm__empty-block{margin:0;padding:.875rem 1rem;text-align:center;color:var(--text-muted, #666);font-size:.8125rem;font-style:italic;background:var(--bg-muted, rgba(0, 0, 0, .12));border-radius:8px;border:1px dashed var(--border-subtle, rgba(255, 255, 255, .06))}.upm__empty{color:var(--text-muted, #555);font-style:italic}.upm__kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.upm__kv{display:flex;flex-direction:column;gap:.1875rem;padding:.75rem .875rem;background:var(--bg-muted, rgba(0, 0, 0, .12));border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));border-radius:8px}.upm__kv-label{font-size:.6875rem;font-weight:500;color:var(--text-muted, #777);text-transform:uppercase;letter-spacing:.4px}.upm__kv-value{margin:0;font-size:.875rem;color:var(--text-primary, #fff);word-break:break-all}.upm__kv-value--mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.upm__two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.upm__role-domains{display:flex;flex-direction:column;gap:.5rem}.upm__domain{background:var(--bg-muted, rgba(0, 0, 0, .12));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:8px;overflow:hidden}.upm__domain-label{padding:.375rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--upm-domain-color, #888);background:color-mix(in srgb,var(--upm-domain-color, #888) 8%,transparent);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.upm__role-list{list-style:none;margin:0;padding:0}.upm__role{padding:.625rem .75rem;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.upm__role:last-child{border-bottom:none}.upm__role-top{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.upm__role-name{font-weight:600;color:var(--text-primary, #fff);font-size:.8125rem}.upm__role-level{padding:.125rem .4rem;background:#8b5cf61f;color:#a78bfa;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.upm__role-desc{font-size:.75rem;color:var(--text-muted, #777);line-height:1.45}.upm__scope{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.upm__scope-label{font-size:.6875rem;color:var(--text-muted, #666);font-weight:500}.upm__scope-val{padding:.125rem .375rem;background:#ffffff0d;border-radius:4px;font-size:.6875rem;color:var(--text-secondary, #bbb);font-family:SF Mono,Menlo,Consolas,monospace}.upm__perm-list{display:flex;flex-wrap:wrap;gap:.375rem}.upm__perm{padding:.3rem .6rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:.75rem;font-family:SF Mono,Menlo,Consolas,monospace;color:#a5b4fc;word-break:break-all}.upm__ga-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.upm__ga-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;background:var(--bg-muted, rgba(0, 0, 0, .12));border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));border-radius:8px}.upm__ga-info{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.upm__ga-account{font-weight:500;color:var(--text-primary, #fff);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upm__ga-property{font-size:.75rem;color:var(--text-muted, #777);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upm__ga-role{padding:.1875rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;line-height:1}.upm__ga-role--admin{background:#ef44441f;color:#f87171}.upm__ga-role--editor{background:#f59e0b1f;color:#fbbf24}.upm__ga-role--analyst{background:#22c55e1f;color:#4ade80}.upm__ga-role--viewer{background:#6366f11f;color:#a5b4fc}.upm__ga-role--none{background:#6b72801f;color:#9ca3af}.upm__footer{display:flex;justify-content:flex-end;padding:.875rem 1.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .07))}.upm__btn{padding:.5rem 1.25rem;border-radius:8px;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s;background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.upm__btn:hover{background:#ffffff14;border-color:#ffffff29}.upm__body::-webkit-scrollbar{width:6px}.upm__body::-webkit-scrollbar-track{background:transparent}.upm__body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.upm__body::-webkit-scrollbar-thumb:hover{background:#ffffff24}@media(max-width:700px){.upm-overlay{padding:1rem}.upm{max-height:calc(100vh - 2rem)}.upm__two-col,.upm__kv-grid,.upm__ga-grid{grid-template-columns:1fr}.upm__identity{flex-direction:column;text-align:center}.upm__identity-info{align-items:center}.upm__avatar{width:48px;height:48px;font-size:1rem}}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.header__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.header__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.header__menu-btn svg{width:24px;height:24px}.header__menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header__title-container{position:relative;height:28px;overflow:hidden;min-width:0}.header__title-wrapper{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header__title-wrapper--scrolled{transform:translateY(-28px)}.header__title{height:28px;display:flex;align-items:center;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s ease}.header__title--app,.header__title--page{color:var(--text-primary)}.header__center{flex:1;display:flex;justify-content:center;max-width:560px}.header__search{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);font-family:inherit;font-size:var(--text-sm)}.header__search:hover{background:var(--bg-subtle);border-color:var(--border-default)}.header__search-text{flex:1;text-align:left}.header__search-kbd{padding:2px 6px;font-family:var(--font-mono);font-size:10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted)}.header__right{display:flex;align-items:center;gap:var(--space-2)}.header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.header__action svg{width:20px;height:20px;flex-shrink:0}.header__action:hover{background:var(--bg-hover);color:var(--text-primary)}.header__action--active{background:var(--accent-primary-muted);color:var(--accent-primary)}.header__user-menu-container{position:relative;margin-left:var(--space-1)}.header__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.header__avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--accent-primary-muted)}.header__avatar--impersonating{background:var(--color-warning)}.header__user-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:slideDown .15s ease}.header__user-menu-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.header__user-menu-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0}.header__user-menu-avatar--impersonating{background:var(--color-warning)}.header__user-menu-info{display:flex;flex-direction:column;min-width:0}.header__user-menu-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-menu-email{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-menu-divider{height:1px;background:var(--border-muted);margin:var(--space-1) 0}.header__user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.header__user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.header__user-menu-item--warning{color:var(--color-warning)}.header__user-menu-item--warning:hover{background:var(--color-warning-muted);color:var(--color-warning)}.header__user-menu-item--danger{color:var(--color-error)}.header__user-menu-item--danger:hover{background:var(--color-error-muted);color:var(--color-error)}@media(max-width:768px){.header__center{display:none}.header__right{gap:0}}@media(max-width:480px){.header__title{font-size:var(--text-md)}}.floating-ai{position:fixed;z-index:9999;touch-action:none;-webkit-user-select:none;user-select:none}.floating-ai.is-dragging{cursor:grabbing}.floating-ai__btn{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:grab;box-shadow:0 6px 20px #667eea66,0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.floating-ai__btn:hover{transform:scale(1.08);box-shadow:0 8px 28px #667eea80,0 4px 12px #0003}.floating-ai__btn:active,.floating-ai.is-dragging .floating-ai__btn{cursor:grabbing;transform:scale(1.02)}.floating-ai.is-menu-open .floating-ai__btn{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 12px #0003,0 2px 6px #0000001a}.floating-ai__btn svg{position:relative;z-index:2;transition:transform .2s ease}.floating-ai__btn:hover svg{transform:rotate(-8deg)}.floating-ai__pulse{position:absolute;inset:0;border-radius:50%;background:inherit;animation:ai-pulse 2.5s ease-out infinite;pointer-events:none;z-index:0}@keyframes ai-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.floating-ai.is-dragging .floating-ai__pulse,.floating-ai.is-open .floating-ai__pulse{display:none}.floating-ai__menu{position:absolute;width:260px;max-height:calc(100vh - 120px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;box-shadow:0 12px 40px #00000040,0 4px 12px #0000001a;overflow:hidden;overflow-y:auto;animation:menu-appear .2s cubic-bezier(.16,1,.3,1);z-index:10}.floating-ai__menu--above{bottom:calc(100% + 12px);top:auto}.floating-ai__menu--below{top:calc(100% + 12px);bottom:auto}.floating-ai__menu--right{right:0;left:auto}.floating-ai__menu--left{left:0;right:auto}.floating-ai__menu--above.floating-ai__menu--right{transform-origin:bottom right}.floating-ai__menu--above.floating-ai__menu--left{transform-origin:bottom left}.floating-ai__menu--below.floating-ai__menu--right{transform-origin:top right}.floating-ai__menu--below.floating-ai__menu--left{transform-origin:top left}@keyframes menu-appear{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-ai__menu-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#667eea1f,#764ba21f);border-bottom:1px solid var(--border-primary);font-size:14px;font-weight:600;color:var(--text-primary)}.floating-ai__menu-header svg{color:#667eea}.floating-ai__menu-section{padding:8px}.floating-ai__menu-label{padding:6px 10px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.floating-ai__action{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.floating-ai__action:hover{background:var(--bg-hover)}.floating-ai__action:active{background:var(--bg-active);transform:scale(.98)}.floating-ai__action svg{color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.floating-ai__action:hover svg{color:#667eea}.floating-ai__action--nav{font-size:12px;padding:9px 12px}.floating-ai__action--nav svg{color:#10b981}.floating-ai__action--nav:hover svg{color:#059669}.floating-ai__menu-footer{padding:8px;border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.floating-ai__chat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all .15s ease}.floating-ai__chat-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.floating-ai__chat-btn:active{transform:translateY(0)}.floating-ai__chat-btn svg{flex-shrink:0}.floating-ai__chat-btn span{flex:1}.floating-ai__chat-btn kbd{padding:3px 6px;background:#fff3;border-radius:4px;font-size:10px;font-family:ui-monospace,monospace;font-weight:500}@media(max-width:480px){.floating-ai__btn{width:52px;height:52px}.floating-ai__menu{width:240px}.floating-ai__action{padding:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.floating-ai__pulse{display:none}.floating-ai__btn,.floating-ai__menu,.floating-ai__action,.floating-ai__chat-btn{transition:none}}.search-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;animation:search-fade-in .15s ease-out}@keyframes search-fade-in{0%{opacity:0}to{opacity:1}}.search-modal{position:fixed;top:calc(var(--header-height, 64px) + 4px);left:50%;transform:translate(-50%);width:100%;max-width:800px;max-height:calc(100vh - var(--header-height, 64px) - 24px);background:var(--bg-surface, #1a1a1f);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:16px;box-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff0d;z-index:10001;display:flex;flex-direction:column;overflow:hidden;animation:search-modal-in .2s cubic-bezier(.16,1,.3,1)}@keyframes search-modal-in{0%{opacity:0;transform:translate(-50%) scale(.98) translateY(-8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.search-header{padding:0;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .06))}.search-input-container{display:flex;align-items:center;gap:12px;padding:16px 20px}.search-input-icon{color:var(--text-muted, #666);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:16px;font-weight:400;color:var(--text-primary, #fff);outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-muted, #666)}.search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-hover, rgba(255, 255, 255, .06));border:none;border-radius:6px;color:var(--text-muted, #888);cursor:pointer;transition:all .15s ease;flex-shrink:0}.search-clear:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.search-shortcuts{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #666);flex-shrink:0}.search-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background:var(--bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:5px;font-size:11px;font-family:inherit;font-weight:500;color:var(--text-secondary, #999)}.search-tabs{display:flex;gap:4px;padding:0 16px 12px}.search-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #888);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.search-tab:hover{background:var(--bg-hover, rgba(255, 255, 255, .04));color:var(--text-primary, #fff)}.search-tab--active{background:var(--bg-tertiary, rgba(255, 255, 255, .08));color:var(--text-primary, #fff)}.search-tab svg{opacity:.7}.search-tab--active svg{opacity:1}.search-content{flex:1;overflow-y:auto;min-height:280px;max-height:calc(80vh - 180px)}.search-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-secondary, #888);font-size:14px}.search-loading-spinner{width:20px;height:20px;border:2px solid var(--border-default, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:search-spin .8s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.search-results{padding:8px 12px}.search-result-group{margin-bottom:16px}.search-result-group:last-child{margin-bottom:8px}.search-result-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px}.search-result-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px}.search-result-group-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px}.search-result-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;background:var(--bg-tertiary, rgba(255, 255, 255, .06));border-radius:10px;font-size:11px;font-weight:500;color:var(--text-muted, #666)}.search-show-more{padding:4px 10px;background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-secondary, #888);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.search-show-more:hover{background:var(--bg-hover, rgba(255, 255, 255, .04));border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fff)}.search-result-items{display:flex;flex-direction:column;gap:2px}.search-result-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;color:var(--text-primary, #fff);text-align:left;cursor:pointer;transition:all .1s ease;font-family:inherit}.search-result-item:hover,.search-result-item--selected{background:var(--bg-hover, rgba(255, 255, 255, .05))}.search-result-item--selected{background:var(--bg-tertiary, rgba(255, 255, 255, .08))}.search-result-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0a;border-radius:8px;flex-shrink:0}.search-result-item-content{flex:1;min-width:0}.search-result-item-title{font-size:14px;font-weight:500;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item-title mark{background:#fbbc044d;color:inherit;padding:0 2px;border-radius:2px}.search-result-item-subtitle{font-size:12px;color:var(--text-muted, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.search-result-item-arrow{color:var(--text-muted, #666);opacity:0;transition:opacity .15s ease;flex-shrink:0}.search-result-item:hover .search-result-item-arrow,.search-result-item--selected .search-result-item-arrow{opacity:1}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.search-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, rgba(255, 255, 255, .04));border-radius:20px;color:var(--text-muted, #666);margin-bottom:16px}.search-empty h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.search-empty p{margin:0 0 16px;font-size:13px;color:var(--text-secondary, #888)}.search-empty-suggestions{display:flex;align-items:center;gap:8px;color:var(--text-muted, #666);font-size:13px}.search-suggestion-chip{padding:6px 12px;background:var(--bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:16px;color:var(--text-secondary, #999);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.search-suggestion-chip:hover{background:var(--accent-primary, #6366f1);border-color:transparent;color:#fff}.search-quick-access{padding:16px;display:flex;flex-direction:column;gap:20px}.search-section{display:flex;flex-direction:column;gap:10px}.search-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.search-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px}.search-section-title svg{opacity:.6}.search-section-action{padding:0;background:none;border:none;color:var(--accent-primary, #6366f1);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:color .15s ease}.search-section-action:hover{color:var(--accent-hover, #818cf8)}.search-recent-list{display:flex;flex-direction:column;gap:2px}.search-recent-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary, #fff);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .1s ease}.search-recent-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .04))}.search-recent-item svg:first-child{color:var(--text-muted, #666);flex-shrink:0}.search-recent-query{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-recent-count{font-size:12px;color:var(--text-muted, #666);flex-shrink:0}.search-recent-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #666);opacity:0;cursor:pointer;transition:all .15s ease;flex-shrink:0}.search-recent-item:hover .search-recent-remove{opacity:1}.search-recent-remove:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .08));color:var(--text-primary, #fff)}.search-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.search-quick-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-tertiary, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:12px;color:var(--text-primary, #fff);text-align:left;cursor:pointer;transition:all .15s ease;font-family:inherit}.search-quick-card:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));border-color:var(--border-hover, rgba(255, 255, 255, .1));transform:translateY(-1px)}.search-quick-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.search-quick-card-content{flex:1;min-width:0}.search-quick-card-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.search-quick-badge{padding:2px 6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase}.search-quick-card-desc{font-size:12px;color:var(--text-muted, #666);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-quick-card-arrow{color:var(--text-muted, #666);opacity:0;transition:opacity .15s ease;flex-shrink:0}.search-quick-card:hover .search-quick-card-arrow{opacity:1}.search-keyboard-hints{display:flex;justify-content:center;gap:20px;padding:16px 0 8px;border-top:1px solid var(--border-default, rgba(255, 255, 255, .06))}.search-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #666)}.search-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;background:var(--bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:4px;font-size:10px;font-family:inherit;font-weight:500;color:var(--text-secondary, #999)}.search-browse{padding:16px}.search-browse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.search-browse-category{background:var(--bg-tertiary, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:12px;overflow:hidden}.search-browse-category-header{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.search-browse-category-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.search-browse-items{padding:0 8px 10px;display:flex;flex-direction:column;gap:2px}.search-browse-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #999);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:all .1s ease}.search-browse-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fff)}.search-browse-item svg{opacity:0;transition:opacity .15s ease}.search-browse-item:hover svg{opacity:1}.search-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-default, rgba(255, 255, 255, .06));background:var(--bg-muted, rgba(0, 0, 0, .2))}.search-footer-left,.search-footer-right{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted, #666)}.search-footer-left svg{color:var(--accent-primary, #6366f1)}@media(max-width:768px){.search-modal{top:calc(var(--header-height, 64px) + 8px);width:calc(100% - 24px);max-width:none;max-height:calc(100vh - var(--header-height, 64px) - 24px)}.search-input{font-size:16px}.search-shortcuts{display:none}.search-quick-grid,.search-browse-grid{grid-template-columns:1fr}.search-keyboard-hints,.search-footer-right{display:none}}@media(max-width:480px){.search-tabs{padding:0 12px 10px}.search-tab{padding:8px 12px;font-size:12px}.search-quick-card{padding:12px}.search-quick-card-icon{width:36px;height:36px}}.spotlight-ai-icon{color:var(--accent-primary, #6366f1)!important}.spotlight-content{padding:16px 20px;display:flex;flex-direction:column;gap:20px}.spotlight-section{display:flex;flex-direction:column;gap:10px}.spotlight-section-header{display:flex;align-items:center;gap:10px;padding:0 4px}.spotlight-section-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px}.spotlight-section-title{font-size:12px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.spotlight-cards{display:flex;flex-direction:column;gap:6px}.spotlight-cards--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spotlight-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-tertiary, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:12px;color:var(--text-primary, #fff);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.spotlight-card:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));border-color:var(--border-hover, rgba(255, 255, 255, .12));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.spotlight-card--selected{background:var(--bg-tertiary, rgba(255, 255, 255, .08));border-color:var(--card-color, var(--accent-primary, #6366f1));box-shadow:0 0 0 1px var(--card-color, var(--accent-primary, #6366f1))}.spotlight-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;flex-shrink:0;transition:transform .2s}.spotlight-card:hover .spotlight-card-icon{transform:scale(1.05)}.spotlight-card-content{flex:1;min-width:0}.spotlight-card-label{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:2px}.spotlight-card-desc{font-size:12px;color:var(--text-muted, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-card-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary, rgba(255, 255, 255, .04));border-radius:6px;color:var(--text-muted, #666);opacity:0;transform:translate(-4px);transition:all .2s;flex-shrink:0}.spotlight-card:hover .spotlight-card-arrow,.spotlight-card--selected .spotlight-card-arrow{opacity:1;transform:translate(0)}.spotlight-card:hover .spotlight-card-arrow{color:var(--text-primary, #fff);background:var(--card-color, var(--accent-primary, #6366f1))}.spotlight-ask-ai{display:flex;align-items:center;gap:16px;padding:24px;margin:16px;background:linear-gradient(135deg,#6366f11f,#8b5cf60f);border:1px solid rgba(99,102,241,.25);border-radius:16px}.spotlight-ask-ai-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;flex-shrink:0}.spotlight-ask-ai-content{flex:1}.spotlight-ask-ai-content h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary, #fff)}.spotlight-ask-ai-content p{margin:0;font-size:13px;color:var(--text-secondary, #999)}.spotlight-ask-ai-content kbd{display:inline-block;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:11px;font-family:inherit;color:var(--text-primary, #fff)}.spotlight-ask-ai-content strong{color:var(--text-primary, #fff)}.spotlight-ask-ai-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.spotlight-ask-ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.spotlight-ai-response{display:flex;align-items:flex-start;gap:12px;padding:20px;margin:16px;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:12px;color:var(--text-primary, #fff);font-size:14px;line-height:1.6}.spotlight-ai-response svg{flex-shrink:0;color:var(--accent-primary, #6366f1);margin-top:2px}@media(max-width:600px){.spotlight-cards--grid{grid-template-columns:1fr}.spotlight-card{padding:12px 14px}.spotlight-card-icon{width:36px;height:36px}}body.ai-lens-active,body.ai-lens-active *{cursor:crosshair!important}.ai-lens-overlay{position:fixed;inset:0;pointer-events:none;z-index:9990}.ai-lens-overlay__indicator{position:fixed;top:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--accent-primary, #6366f1);color:#fff;border-radius:24px;font-size:13px;font-weight:500;box-shadow:0 4px 20px #0000004d;pointer-events:auto;animation:lens-indicator-slide .3s ease-out;z-index:9998;transition:left .4s cubic-bezier(.32,.72,0,1)}.ai-lens-overlay__indicator--panel-open{left:calc(50% - 25vw)}@keyframes lens-indicator-slide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ai-lens-overlay__icon{font-size:16px}.ai-lens-overlay__text{font-weight:600}.ai-lens-overlay__hint{opacity:.85;font-weight:400}.ai-lens-overlay__divider{opacity:.4;margin:0 2px}.ai-lens-overlay__exit{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#fff3;border:none;border-radius:12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.ai-lens-overlay__exit:hover{background:#ffffff59}.ai-lens-overlay__exit kbd{display:inline-block;padding:1px 5px;background:#0003;border-radius:4px;font-family:inherit;font-size:10px}.ai-lens-highlight{position:absolute;pointer-events:none;border:2px solid var(--accent-primary, #6366f1);border-radius:4px;background:#6366f11a;opacity:0;transition:opacity .15s,top .1s,left .1s,width .1s,height .1s;z-index:9991}.ai-lens-highlight--visible{opacity:1}.ai-lens-highlight__label{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;background:var(--accent-primary, #6366f1);color:#fff;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0003}.ai-lens-highlight__label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent-primary, #6366f1)}.ai-lens-panel{position:fixed;top:0;right:0;width:50vw;min-width:420px;max-width:800px;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e5e7eb);display:flex;flex-direction:column;z-index:9995;transform:translate(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:-12px 0 40px #00000026;will-change:transform}.ai-lens-panel--open{transform:translate(0)}@media(max-width:1024px){.ai-lens-panel{width:60vw}}@media(max-width:768px){.ai-lens-panel{width:100vw;min-width:unset;max-width:unset}}.ai-lens-panel__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-default, #e5e7eb);background:var(--bg-muted, #f9fafb);flex-shrink:0}.ai-lens-panel__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary, #111827)}.ai-lens-panel__title svg{color:var(--accent-primary, #6366f1)}.ai-lens-panel__actions{display:flex;gap:4px}.ai-lens-panel__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s}.ai-lens-panel__btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.ai-lens-panel__btn--exit{width:auto;padding:6px 12px;gap:6px;font-size:13px;font-weight:500;background:var(--bg-surface, #f9fafb);border:1px solid var(--border-default, #e5e7eb)}.ai-lens-panel__btn--exit:hover{background:var(--error-bg, #fef2f2);border-color:var(--error-border, #fecaca);color:var(--error-text, #dc2626)}.ai-lens-panel__context{padding:16px 24px;background:var(--bg-subtle, #f3f4f6);border-bottom:1px solid var(--border-default, #e5e7eb);flex-shrink:0}.ai-lens-panel__context-page{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary, #111827);margin-bottom:10px}.ai-lens-panel__context-page svg{color:var(--accent-primary, #6366f1)}.ai-lens-panel__context-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #6b7280);margin-bottom:6px}.ai-lens-panel__context-text{font-size:13px;color:var(--text-secondary, #4b5563);margin-bottom:10px;line-height:1.4;background:var(--bg-surface, #ffffff);padding:8px 12px;border-radius:6px;border:1px solid var(--border-default, #e5e7eb)}.ai-lens-panel__context-data{display:flex;flex-wrap:wrap;gap:6px}.ai-lens-panel__data-tag{display:inline-block;padding:3px 10px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e5e7eb);border-radius:12px;font-size:11px;font-weight:500;color:var(--accent-primary, #6366f1)}.ai-lens-panel__messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;min-height:0}.ai-lens-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted, #6b7280);text-align:center}.ai-lens-panel__empty svg{opacity:.4}.ai-lens-panel__loading{display:flex;align-items:center;gap:12px;padding:16px;color:var(--text-muted, #6b7280)}.ai-lens-panel__spinner{width:20px;height:20px;border:2px solid var(--border-default, #e5e7eb);border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:spin .6s linear infinite}.ai-lens-panel__message{padding:14px 18px;border-radius:12px;font-size:14px;line-height:1.6;max-width:92%;white-space:pre-wrap;word-wrap:break-word}.ai-lens-panel__message--user{align-self:flex-end;background:var(--accent-primary, #6366f1);color:#fff}.ai-lens-panel__message--assistant{align-self:flex-start;background:var(--bg-muted, #f9fafb);color:var(--text-primary, #111827);border:1px solid var(--border-default, #e5e7eb)}.ai-lens-panel__message--loading{align-self:flex-start;background:var(--bg-muted, #f9fafb);padding:16px 20px}.ai-lens-panel__typing{display:flex;gap:4px}.ai-lens-panel__typing span{width:6px;height:6px;background:var(--text-muted, #6b7280);border-radius:50%;animation:typing-bounce 1.4s infinite both}.ai-lens-panel__typing span:nth-child(2){animation-delay:.2s}.ai-lens-panel__typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.ai-lens-panel__suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px;flex-shrink:0}.ai-lens-panel__suggestion{padding:6px 12px;background:var(--bg-muted, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:16px;font-size:12px;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s}.ai-lens-panel__suggestion:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.ai-lens-panel__input-container{display:flex;gap:10px;padding:18px 24px;background:var(--bg-muted, #f9fafb);border-top:1px solid var(--border-default, #e5e7eb);flex-shrink:0}.ai-lens-panel__input{flex:1;padding:12px 16px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e5e7eb);border-radius:10px;font-size:14px;color:var(--text-primary, #111827);outline:none;transition:border-color .15s}.ai-lens-panel__input:focus{border-color:var(--accent-primary, #6366f1)}.ai-lens-panel__input::placeholder{color:var(--text-muted, #6b7280)}.ai-lens-panel__send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary, #6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.ai-lens-panel__send:hover:not(:disabled){background:var(--accent-primary-hover, #4f46e5)}.ai-lens-panel__send:disabled{opacity:.5;cursor:not-allowed}.ai-lens-backdrop{position:fixed;inset:0;background:#0006;z-index:9994;cursor:pointer;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ai-lens-panel__messages::-webkit-scrollbar{width:6px}.ai-lens-panel__messages::-webkit-scrollbar-track{background:transparent}.ai-lens-panel__messages::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.guided-tour{position:fixed;inset:0;z-index:10000;pointer-events:none}.guided-tour__overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all;transition:opacity .3s ease;animation:tour-fade-in .3s ease}.guided-tour__overlay--spotlight{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cmask id='hole'%3E%3Crect width='100%25' height='100%25' fill='white'/%3E%3Crect x='0' y='0' width='0' height='0' rx='0' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='100%25' height='100%25' mask='url(%23hole)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cmask id='hole'%3E%3Crect width='100%25' height='100%25' fill='white'/%3E%3Crect x='0' y='0' width='0' height='0' rx='0' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='100%25' height='100%25' mask='url(%23hole)'/%3E%3C/svg%3E");-webkit-mask-image:none;mask-image:none;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,calc(var(--spot-x) - var(--spot-w) / 2) calc(var(--spot-y) - var(--spot-h) / 2),calc(var(--spot-x) - var(--spot-w) / 2) calc(var(--spot-y) + var(--spot-h) / 2),calc(var(--spot-x) + var(--spot-w) / 2) calc(var(--spot-y) + var(--spot-h) / 2),calc(var(--spot-x) + var(--spot-w) / 2) calc(var(--spot-y) - var(--spot-h) / 2),calc(var(--spot-x) - var(--spot-w) / 2) calc(var(--spot-y) - var(--spot-h) / 2))}.guided-tour__ring{position:fixed;border-radius:10px;pointer-events:none;box-shadow:0 0 0 3px #6366f180,0 0 20px #6366f140,0 0 40px #6366f11a;animation:tour-ring-pulse 2s ease-in-out infinite;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:10001}@keyframes tour-ring-pulse{0%,to{box-shadow:0 0 0 3px #6366f180,0 0 20px #6366f140}50%{box-shadow:0 0 0 5px #6366f159,0 0 30px #6366f126}}.guided-tour__tooltip{position:fixed;width:400px;max-width:calc(100vw - 32px);background:var(--bg-surface, #fff);border-radius:16px;box-shadow:0 25px 60px #0000002e,0 8px 20px #0000001a,0 0 0 1px #0000000d;pointer-events:all;z-index:10002;overflow:hidden;animation:tour-tooltip-in .35s cubic-bezier(.34,1.56,.64,1);transition:opacity .2s ease,transform .2s ease}.guided-tour__tooltip--transitioning{opacity:0;transform:scale(.96)}.guided-tour__tooltip--bottom{animation-name:tour-slide-down}.guided-tour__tooltip--top{animation-name:tour-slide-up}.guided-tour__tooltip--left{animation-name:tour-slide-left}.guided-tour__tooltip--right{animation-name:tour-slide-right}.guided-tour__tooltip--center{animation-name:tour-tooltip-in}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tour-tooltip-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tour-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-slide-left{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes tour-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.guided-tour__progress{height:3px;background:var(--border-color, #e5e7eb)}.guided-tour__progress-bar{height:100%;border-radius:0 2px 2px 0;transition:width .4s cubic-bezier(.4,0,.2,1)}.guided-tour__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.guided-tour__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.guided-tour__meta{flex:1;min-width:0}.guided-tour__step-count{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.guided-tour__title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary, #111827);line-height:1.3}.guided-tour__close{flex-shrink:0;width:30px;height:30px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-surface, #fff);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111827;transition:all .15s ease}.guided-tour__close-x{font-size:20px;font-weight:400;line-height:1;color:#374151;display:block;margin-top:-1px}.guided-tour__close:hover{background:var(--bg-hover, #f3f4f6)}.guided-tour__close:hover .guided-tour__close-x{color:#000}.guided-tour__body{padding:12px 20px 16px;font-size:.875rem;line-height:1.65;color:var(--text-secondary, #4b5563)}.guided-tour__body strong{color:var(--text-primary, #111827);font-weight:600}.guided-tour__body kbd{display:inline-block;padding:1px 6px;font-size:.75rem;font-family:inherit;background:var(--bg-muted, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:5px;color:var(--text-secondary, #4b5563);box-shadow:0 1px 0 var(--border-color, #d1d5db);margin:0 2px;vertical-align:baseline}.guided-tour__footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px}.guided-tour__skip{border:none;background:none;color:var(--text-muted, #9ca3af);font-size:.8125rem;cursor:pointer;padding:4px 0;transition:color .15s}.guided-tour__skip:hover{color:var(--text-secondary, #6b7280);text-decoration:underline}.guided-tour__nav{display:flex;gap:8px}.guided-tour__btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1}.guided-tour__btn--primary{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f14d}.guided-tour__btn--primary:hover{filter:brightness(1.08);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.guided-tour__btn--secondary{background:var(--bg-muted, #f3f4f6);color:var(--text-secondary, #4b5563)}.guided-tour__btn--secondary:hover{background:var(--bg-hover, #e5e7eb)}.guided-tour__dots{display:flex;justify-content:center;gap:6px;padding:0 20px 16px}.guided-tour__dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:var(--border-color, #d1d5db);cursor:pointer;transition:all .25s ease}.guided-tour__dot:hover{transform:scale(1.4)}.guided-tour__dot--active{width:20px;border-radius:4px}.guided-tour__dot--done{background:var(--text-muted, #9ca3af)}[data-theme=dark] .guided-tour__overlay{background:#000000b3}[data-theme=dark] .guided-tour__tooltip{background:var(--bg-surface, #1e1e2e);box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff0f}[data-theme=dark] .guided-tour__close{background:#ffffff14;border-color:#ffffff26;color:#e5e7eb}[data-theme=dark] .guided-tour__close:hover{background:#ffffff26;color:#fff}[data-theme=dark] .guided-tour__ring{box-shadow:0 0 0 3px #818cf899,0 0 20px #818cf84d}@media(max-width:480px){.guided-tour__tooltip{width:calc(100vw - 24px);border-radius:12px}}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a1a;padding:.5rem 1rem;box-shadow:0 2px 8px #0003}.impersonation-banner-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:1400px;margin:0 auto;flex-wrap:wrap}.impersonation-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.impersonation-label{opacity:.85}.impersonation-user{font-weight:700;background:#00000026;padding:.15rem .5rem;border-radius:4px}.impersonation-roles{font-size:.85em;opacity:.85}.impersonation-meta{display:flex;align-items:center;gap:1rem;font-size:.85em;opacity:.85}.impersonation-original{border-left:1px solid rgba(0,0,0,.2);padding-left:1rem}.impersonation-time{background:#0000001a;padding:.15rem .5rem;border-radius:4px;font-weight:500}.impersonation-end-btn{display:flex;align-items:center;gap:.35rem;background:#0003;color:inherit;border:1px solid rgba(0,0,0,.2);padding:.35rem .75rem;border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease}.impersonation-end-btn:hover{background:#0000004d;border-color:#0000004d}.impersonation-end-btn:disabled{opacity:.6;cursor:not-allowed}body.impersonation-active .app-header{top:40px}body.impersonation-active .sidebar{top:104px}body.impersonation-active .dashboard-layout{padding-top:40px}@media(max-width:768px){.impersonation-banner-content{flex-direction:column;gap:.5rem;text-align:center}.impersonation-meta{flex-wrap:wrap;justify-content:center}.impersonation-original{border-left:none;padding-left:0}}.app-layout{display:flex;min-height:100vh;background:var(--bg-base)}.app-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--duration-slow) var(--ease-default);position:relative;z-index:var(--z-base)}.app-layout--sidebar-collapsed .app-layout__main{margin-left:var(--sidebar-collapsed)}.app-layout__content{flex:1;display:flex;flex-direction:column;overflow:auto}.app-layout__page{flex:1;padding:var(--space-6);max-width:var(--content-max-width);width:100%;margin:0 auto;animation:fadeIn var(--duration-base) var(--ease-out)}.app-layout__content--chat{padding:0}.app-layout__content--chat .app-layout__page{padding:0;max-width:none;height:100%}.app-layout--impersonating{--accent-primary: var(--color-warning);--accent-primary-hover: #d97706;--accent-primary-muted: var(--color-warning-muted)}@media(max-width:1024px){.app-layout__page{padding:var(--space-4)}}@media(max-width:768px){.app-layout__main,.app-layout--sidebar-collapsed .app-layout__main{margin-left:0}.app-layout__page{padding:var(--space-3)}}@media(max-width:480px){.app-layout__page{padding:var(--space-2)}}.data-table-wrapper{position:relative;width:100%;background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.data-table-wrapper--compact .data-table__cell,.data-table-wrapper--compact .data-table__header{padding:var(--space-2) var(--space-3)}.data-table-container{width:100%;overflow-x:auto;overflow-y:visible;margin:0;padding:0}.data-table-container::-webkit-scrollbar{height:8px}.data-table-container::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:4px}.data-table-container::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:4px}.data-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.data-table{width:100%;min-width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-sm);table-layout:auto}.data-table__head,.data-table__head tr{background:var(--bg-muted)}.data-table--sticky .data-table__head{position:sticky;top:0;z-index:1}.data-table__header{position:relative;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:60px;background:var(--bg-muted)}.data-table__header:first-child{padding-left:var(--space-4)}.data-table__resize-handle{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:col-resize;background:transparent;transition:background var(--duration-fast) var(--ease-default);z-index:20}.data-table__resize-handle:after{content:"";position:absolute;top:25%;right:4px;bottom:25%;width:2px;background:var(--border-default);border-radius:1px;opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.data-table__header:hover .data-table__resize-handle:after{opacity:1}.data-table__resize-handle:hover,.data-table__header--resizing .data-table__resize-handle{background:var(--accent-primary-muted)}.data-table__resize-handle:hover:after,.data-table__header--resizing .data-table__resize-handle:after{opacity:1;background:var(--accent-primary)}.data-table--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.data-table__header--resizing{background:var(--bg-hover)}.data-table__header--center{text-align:center}.data-table__header--right{text-align:right}.data-table__header--checkbox{width:40px;padding-left:var(--space-4)}.data-table__header--sortable{cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.data-table__header--sortable:hover{color:var(--text-primary)}.data-table__header--sorted{color:var(--accent-primary)}.data-table__header-content{display:inline-flex;align-items:center;gap:var(--space-1)}.data-table__sort-icon{display:flex;align-items:center;opacity:.5}.data-table__header--sortable:hover .data-table__sort-icon,.data-table__header--sorted .data-table__sort-icon{opacity:1}.data-table__body{background:var(--bg-surface)}.data-table__row{background:var(--bg-surface);transition:background var(--duration-fast) var(--ease-default)}.data-table__row:hover{background:var(--bg-hover)}.data-table__row--selected,.data-table__row--selected:hover{background:var(--bg-selected)}.data-table__row--clickable{cursor:pointer}.data-table__row--link{position:relative}.data-table__row-link-overlay{position:absolute;inset:0;z-index:0}.data-table__cell{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-muted);vertical-align:middle;white-space:nowrap}.data-table__row:last-child .data-table__cell{border-bottom:none}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table__cell--checkbox{width:40px;padding-left:var(--space-4);position:relative;z-index:1}.data-table__cell--actions{width:100px;text-align:center;position:relative;z-index:1}.data-table__header--actions{width:100px;text-align:center}.data-table__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-1);position:relative;z-index:2}.data-table__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);position:relative;z-index:2}.data-table__action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.data-table__action-btn--primary:hover{background:var(--accent-primary-muted);color:var(--accent-primary);border-color:var(--accent-primary)}.data-table__action-btn--danger:hover{background:var(--color-error-muted);color:var(--color-error);border-color:var(--color-error)}.data-table__action-btn svg{width:16px;height:16px;flex-shrink:0}.data-table__link{color:var(--accent-primary);text-decoration:none;font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-default);position:relative;z-index:1;white-space:normal;word-break:break-word}.data-table__link:hover{color:var(--accent-primary-hover);text-decoration:underline}.data-table__code{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px;background:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:normal;word-break:break-word}.data-table__description{white-space:normal;word-break:break-word;display:block;line-height:1.4}.data-table__muted{color:var(--text-tertiary);font-style:italic}.data-table__badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.data-table__user{display:flex;align-items:center;gap:var(--space-3)}.data-table__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--text-sm);flex-shrink:0}.data-table__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-muted);background:var(--bg-muted)}.data-table__toolbar-left{display:flex;align-items:center;gap:var(--space-2)}.data-table__toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.data-table__record-count,.data-table__column-info{font-size:12px;color:var(--text-muted)}.data-table__column-trigger{position:relative}.data-table__column-btn{display:flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.data-table__column-btn:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.data-table__column-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.data-table__column-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-muted);font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.data-table__column-reset{background:none;border:none;color:var(--accent-primary);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;text-transform:none;letter-spacing:normal}.data-table__column-reset:hover{text-decoration:underline}.data-table__column-list{max-height:280px;overflow-y:auto;padding:var(--space-1)}.data-table__column-item{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-default)}.data-table__column-item:hover{background:var(--bg-hover);color:var(--text-primary)}.data-table__column-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-primary);cursor:pointer}.data-table__column-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.data-table__checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.data-table__loading,.data-table__empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted)}.data-table__spinner,.data-table__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.data-table__empty-content svg{opacity:.3}@media(max-width:768px){.data-table__header,.data-table__cell{padding:var(--space-2) var(--space-3)}.data-table__header--checkbox,.data-table__cell--checkbox{padding-left:var(--space-3)}}.page-shell{display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn var(--duration-base) var(--ease-out)}.page-shell--loading{min-height:400px}.page-shell__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--text-sm)}.page-shell__breadcrumb{display:flex;align-items:center;gap:var(--space-1)}.page-shell__breadcrumb-sep{color:var(--text-muted)}.page-shell__breadcrumb-link{color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.page-shell__breadcrumb-link:hover{color:var(--accent-primary)}.page-shell__breadcrumb-current{color:var(--text-secondary);font-weight:var(--weight-medium)}.page-shell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-shell__header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.page-shell__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-muted);color:var(--text-secondary);flex-shrink:0}.page-shell__icon--ga{background:var(--color-ga-muted);color:var(--color-ga)}.page-shell__icon--edm{background:var(--color-edm-muted);color:var(--color-edm)}.page-shell__icon--ymeta{background:var(--color-ymeta-muted);color:var(--color-ymeta)}.page-shell__icon--workflow{background:var(--color-workflow-muted);color:var(--color-workflow)}.page-shell__icon--cosmo{background:var(--color-cosmo-muted);color:var(--color-cosmo)}.page-shell__header-text{min-width:0}.page-shell__title{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.2}.page-shell__description{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.page-shell__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.page-shell__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-decoration:none;white-space:nowrap}.page-shell__action--primary{color:#fff;background:var(--accent-primary);border:1px solid var(--accent-primary)}.page-shell__action--primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.page-shell__action--secondary{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default)}.page-shell__action--secondary:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}.page-shell__action--ghost{color:var(--text-secondary);background:transparent;border:1px solid transparent}.page-shell__action--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.page-shell__action:disabled{opacity:.5;cursor:not-allowed}.page-shell__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.page-shell__stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.page-shell__stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-tertiary)}.page-shell__stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.page-shell__stat-value{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.page-shell__stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.page-shell__stat-change{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:var(--text-xs);font-weight:var(--weight-medium)}.page-shell__stat-change--positive{color:var(--color-success)}.page-shell__stat-change--negative{color:var(--color-error)}.page-shell__toolbar{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.page-shell__content{flex:1}.page-shell__content--no-padding{margin:0 calc(-1 * var(--space-6))}.page-shell__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:300px;color:var(--text-muted)}.page-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-toolbar__spacer{flex:1}.page-toolbar__search{display:flex;align-items:center;gap:var(--space-2);min-width:240px;max-width:400px;flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.page-toolbar__search:focus-within{background:var(--bg-surface);border-color:var(--border-focus)}.page-toolbar__search svg{color:var(--text-muted);flex-shrink:0}.page-toolbar__search-input{flex:1;min-width:0;background:transparent;border:none;font-family:inherit;font-size:var(--text-sm);color:var(--text-primary)}.page-toolbar__search-input:focus{outline:none}.page-toolbar__search-input::placeholder{color:var(--text-muted)}.page-toolbar__search-clear{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.page-toolbar__search-clear:hover{background:var(--bg-subtle);color:var(--text-primary)}.page-toolbar__filter{display:flex;align-items:center;gap:var(--space-2)}.page-toolbar__filter-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.page-toolbar__filter-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-toolbar__filter-select:hover{border-color:var(--border-default)}.page-toolbar__filter-select:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-surface)}.page-toolbar__columns{display:flex;align-items:center}.page-toolbar__columns .column-selector-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-right:var(--space-6);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);appearance:none}.page-toolbar__columns .column-selector-button:hover{border-color:var(--border-default)}.page-toolbar__columns .column-selector-button.active{border-color:var(--border-focus);background-color:var(--bg-surface)}.page-toolbar__columns .column-selector-count{margin-left:2px;background:var(--accent-primary);color:#fff;font-size:var(--text-xs)}.page-toolbar__clear-filters{display:flex;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap}.page-toolbar__clear-filters:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}@media(max-width:768px){.page-shell__header{flex-direction:column;align-items:flex-start}.page-shell__actions{width:100%;justify-content:flex-start}.page-shell__stats{grid-template-columns:1fr 1fr}.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar__search{max-width:none}}@media(max-width:480px){.page-shell__title{font-size:var(--text-xl)}.page-shell__stats{grid-template-columns:1fr}}.landing{display:flex;flex-direction:column;gap:var(--space-5);max-width:1400px;animation:landing-fade .4s ease}@keyframes landing-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing__greeting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0}.landing__greeting-title{margin:0;font-size:1.625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.landing__greeting-sub{margin:4px 0 0;font-size:var(--text-sm);color:var(--text-muted)}.landing__greeting-actions{display:flex;align-items:center;gap:var(--space-3)}.landing__last-updated{font-size:12px;color:var(--text-muted);white-space:nowrap}.landing__refresh-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.landing__refresh-btn:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-sm);color:var(--text-primary)}.landing__refresh-btn--spinning svg{animation:landing-spin .7s linear infinite}.landing__kpis{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landing__kpis::-webkit-scrollbar{display:none}.landing__kpi{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:180px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .15s ease}.landing__kpi:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.landing__kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.landing__kpi-icon--ga{background:var(--color-ga-muted);color:var(--color-ga)}.landing__kpi-icon--edm{background:var(--color-edm-muted);color:var(--color-edm)}.landing__kpi-icon--mapping{background:#f59e0b1f;color:#f59e0b}.landing__kpi-icon--workflow{background:var(--color-workflow-muted);color:var(--color-workflow)}.landing__kpi-icon--alert{background:#ef44441a;color:#ef4444}.landing__kpi-data{display:flex;flex-direction:column;flex:1;min-width:0}.landing__kpi-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.landing__kpi-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:3px}.landing__kpi-tag{font-size:10px;font-weight:600;padding:2px 7px;background:#f59e0b1a;color:#d97706;border-radius:var(--radius-full);white-space:nowrap}.landing__kpi-badge{font-size:11px;font-weight:700;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px;background:#ef4444;color:#fff;border-radius:var(--radius-full)}.landing__grid-main{display:grid;grid-template-columns:1fr 340px;gap:var(--space-5);align-items:stretch}.landing__analytics{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.landing__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.landing__card-header-left{display:flex;align-items:center;gap:var(--space-2)}.landing__card-header-icon{color:var(--text-muted)}.landing__card-title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.landing__card-badge{font-size:10px;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-muted);padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.01em}.landing__card-timestamp{font-size:11px;color:var(--text-muted)}.landing__card-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted);font-size:var(--text-sm)}.landing__spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:landing-spin .7s linear infinite}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing__analytics-body{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);flex:1}.landing__analytics-kpis{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg)}.landing__mini-kpi{display:flex;flex-direction:column;flex:1;text-align:center}.landing__mini-kpi-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.landing__mini-kpi-value--warn{color:#f59e0b}.landing__mini-kpi-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.landing__mini-kpi-sep{width:1px;height:28px;background:var(--border-default);flex-shrink:0}.landing__analytics-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);flex:1}.landing__panel{display:flex;flex-direction:column;gap:var(--space-3)}.landing__panel-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.landing__panel-empty{margin:0;text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}.landing__chart{display:flex;align-items:flex-end;gap:2px;min-height:140px;flex:1}.landing__chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;cursor:default}.landing__chart-bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.landing__chart-bar{border-radius:3px 3px 0 0;min-height:2px;transition:height .4s ease-out,opacity .15s}.landing__chart-bar--events{width:45%;max-width:26px;background:#6366f1;opacity:.8}.landing__chart-bar--users{width:35%;max-width:18px;background:#0ea5e9;opacity:.55}.landing__chart-col:hover .landing__chart-bar{opacity:1}.landing__chart-day{font-size:10px;color:var(--text-muted);text-transform:uppercase}.landing__chart-legend{display:flex;gap:var(--space-4)}.landing__legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.landing__legend-dot{width:8px;height:8px;border-radius:2px}.landing__legend-dot--events{background:#6366f1}.landing__legend-dot--users{background:#0ea5e9}.landing__top-list{display:flex;flex-direction:column;flex:1;overflow-y:auto}.landing__top-row{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);text-decoration:none;color:inherit;border-radius:var(--radius-sm);transition:background .12s}.landing__top-row:hover{background:var(--bg-hover)}.landing__top-rank{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-sm);flex-shrink:0}.landing__top-rank--1{background:#fef3c7;color:#b45309}.landing__top-rank--2{background:#e5e7eb;color:#4b5563}.landing__top-rank--3{background:#fed7aa;color:#c2410c}.landing__top-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.landing__top-name{font-size:13px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing__top-bar-track{height:3px;background:var(--bg-muted);border-radius:2px;overflow:hidden}.landing__top-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;transition:width .5s ease-out}.landing__top-val{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.landing__anomalies{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.landing__anomalies-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.landing__anomaly-count{font-size:11px;font-weight:700;background:#f59e0b26;color:#d97706;padding:1px 7px;border-radius:var(--radius-full);margin-left:auto}.landing__anomalies-sub{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.landing__anomaly-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.landing__anom{border-bottom:1px solid var(--border-default)}.landing__anom:last-child{border-bottom:none}.landing__anom-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .12s}.landing__anom-toggle:hover{background:var(--bg-hover)}.landing__anom-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.landing__anom-dot--spike{background:#22c55e}.landing__anom-dot--drop{background:#ef4444}.landing__anom-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing__anom-pct{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.landing__anom-pct--spike{color:#22c55e}.landing__anom-pct--drop{color:#ef4444}.landing__anom-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.landing__anom-badge--spike{background:#22c55e1a;color:#16a34a}.landing__anom-badge--drop{background:#ef44441a;color:#dc2626}.landing__anom-chevron{color:var(--text-muted);flex-shrink:0}.landing__anom-detail{padding:0 var(--space-4) var(--space-4);animation:landing-slide .2s ease}@keyframes landing-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.landing__anom-bars{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0}.landing__anom-bar-row{display:grid;grid-template-columns:70px 1fr auto;gap:var(--space-2);align-items:center}.landing__anom-bar-label{font-size:11px;color:var(--text-secondary);font-weight:500}.landing__anom-bar-track{height:16px;background:var(--bg-muted);border-radius:var(--radius-sm);overflow:hidden}.landing__anom-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease-out}.landing__anom-bar-fill--base{background:var(--text-muted);opacity:.3}.landing__anom-bar-fill--spike{background:linear-gradient(90deg,#22c55e,#4ade80)}.landing__anom-bar-fill--drop{background:linear-gradient(90deg,#ef4444,#f87171)}.landing__anom-bar-val{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.landing__anom-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);text-decoration:none;transition:gap .15s}.landing__anom-link:hover{gap:8px;text-decoration:underline}.landing__show-more{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:var(--space-3);border:none;border-top:1px solid var(--border-default);background:none;color:var(--accent-primary);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer}.landing__show-more:hover{background:var(--bg-hover)}.landing__right{display:flex;flex-direction:column;gap:var(--space-4)}.landing__card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.landing__nav-grid{display:flex;flex-direction:column;gap:2px}.landing__nav-item{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);transition:all .12s;border-left:3px solid transparent}.landing__nav-item:hover{background:var(--bg-hover)}.landing__nav-item--ga{border-left-color:var(--color-ga)}.landing__nav-item--edm{border-left-color:var(--color-edm, #10b981)}.landing__nav-item--ymeta{border-left-color:var(--color-ymeta, #8b5cf6)}.landing__nav-item--mapping{border-left-color:#f59e0b}.landing__nav-item--workflow{border-left-color:var(--color-workflow, #6366f1)}.landing__nav-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.landing__nav-badge{margin-left:auto;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;background:#ef4444;color:#fff;border-radius:var(--radius-full)}.landing__health-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.landing__health-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md)}.landing__health-val{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.landing__health-lbl{font-size:10px;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.landing__health-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);text-decoration:none;transition:gap .15s}.landing__health-link:hover{gap:8px;text-decoration:underline}.landing__ai-row{display:grid;grid-template-columns:1fr 280px;gap:var(--space-4);align-items:stretch}.landing__ai{position:relative;background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:row;align-items:center;gap:var(--space-4);overflow:hidden}.landing__ai-glow{position:absolute;top:-40px;left:0;width:200px;height:80px;background:radial-gradient(ellipse,var(--accent-primary-muted) 0%,transparent 70%);pointer-events:none}.landing__ai-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:var(--radius-lg);position:relative;flex-shrink:0}.landing__ai-text{flex:1;min-width:0}.landing__ai-text h3{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.landing__ai-text p{margin:4px 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.landing__ai-actions{display:flex;gap:var(--space-2);position:relative;flex-shrink:0}.landing__ai-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.landing__ai-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.landing__shortcuts-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.landing__shortcuts-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.landing__shortcuts{display:flex;flex-direction:column;gap:var(--space-2)}.landing__shortcut{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.landing__shortcut kbd{font-family:inherit;font-size:11px;padding:2px 6px;background:var(--bg-muted);border:1px solid var(--border-default);border-radius:4px;box-shadow:0 1px 0 var(--border-default);min-width:28px;text-align:center}.landing__bottom-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.landing__tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .15s ease;position:relative;overflow:hidden}.landing__tile:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.landing__tile-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.landing__tile-icon--ga{background:var(--color-ga-muted);color:var(--color-ga)}.landing__tile-icon--edm{background:var(--color-edm-muted);color:var(--color-edm)}.landing__tile-icon--ymeta{background:#8b5cf61a;color:#8b5cf6}.landing__tile-icon--cosmo{background:#f59e0b1a;color:#f59e0b}.landing__tile-content{display:flex;flex-direction:column;gap:2px}.landing__tile-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.landing__tile-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.landing__tile-detail{font-size:12px;color:var(--text-muted);line-height:1.4}@media(max-width:1200px){.landing__grid-main{grid-template-columns:1fr 300px}.landing__bottom-tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.landing__grid-main{grid-template-columns:1fr}.landing__right{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.landing__bottom-tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.landing__greeting{flex-direction:column;align-items:flex-start}.landing__greeting-actions{width:100%;justify-content:flex-end}.landing__kpis{flex-wrap:wrap}.landing__kpi{min-width:calc(50% - var(--space-2));flex:unset}.landing__analytics-panels,.landing__right,.landing__ai-row{grid-template-columns:1fr}.landing__ai{flex-direction:column;text-align:center}.landing__bottom-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.landing__kpi{min-width:100%}.landing__analytics-kpis{flex-wrap:wrap;gap:var(--space-2)}.landing__mini-kpi-sep{display:none}.landing__mini-kpi{flex:0 0 calc(50% - var(--space-2))}.landing__bottom-tiles{grid-template-columns:1fr}}.table-wrapper{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:0 1px 3px #0000000d}.modern-table{width:100%;border-collapse:collapse;font-size:.9rem}.table-header{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.table-head{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.table-head-content{display:flex;align-items:center;gap:.5rem}.table-head.sortable{cursor:pointer;transition:all .2s ease}.table-head.sortable:hover{color:var(--brand-primary);background:var(--bg-hover)}.table-head.sorted-asc,.table-head.sorted-desc{color:var(--brand-primary)}.sort-indicator{font-size:.75rem;opacity:.5;transition:opacity .2s ease}.table-head.sortable:hover .sort-indicator,.table-head.sorted-asc .sort-indicator,.table-head.sorted-desc .sort-indicator{opacity:1}.table-body{background:var(--bg-primary)}.table-row{border-bottom:1px solid var(--border-secondary);transition:all .2s ease}.table-row:last-child{border-bottom:none}.table-row.hover:hover{background:var(--bg-hover)}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:var(--bg-hover);transform:translate(2px)}.table-cell{padding:1rem 1.25rem;color:var(--text-primary);vertical-align:middle}.table-cell.align-left{text-align:left}.table-cell.align-center{text-align:center}.table-cell.align-right{text-align:right}.table-cell .badge,.table-cell .status-badge,.table-cell .badge-status,.table-cell .badge-type,.table-cell .badge-scope,.table-cell .badge-env,.table-cell .badge-role,.table-cell .badge-legacy,.table-cell .rollout-badge,.table-cell .region-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;white-space:nowrap}.table-cell .badge-status.active,.table-cell .status-badge.mapped,.table-cell .status-badge.synced{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.table-cell .badge-status.inactive,.table-cell .status-badge.unmapped{background:#6b72801a;color:#6b7280;border-color:#6b72804d}.table-cell .status-badge.pending{background:#f973161a;color:#f97316;border-color:#f973164d}.table-cell .badge-type.ui_feature{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.table-cell .badge-scope.global{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.table-cell .rollout-badge{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.table-cell .rollout-badge.full{background:#22c55e26}.table-cell .badge-env{background:#6b72801a;color:#6b7280;border-color:#6b72804d}.table-cell .badge-role{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d;margin-right:.25rem;margin-bottom:.25rem}.table-cell .badge-legacy{background:#f973161a;color:#f97316;border-color:#f973164d}.table-cell .region-badge{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.table-cell code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.85em;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-primary);border:1px solid var(--border-primary)}.table-cell a{color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.table-cell a:hover{color:var(--brand-hover);text-decoration:underline}.table-cell .action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center}.table-cell .roles-cell{display:flex;flex-wrap:wrap;gap:.25rem}.table-cell .no-roles{color:var(--text-muted);font-style:italic;font-size:.85rem}.table-cell .btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:0}.table-cell .btn-action:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.table-cell .btn-action.danger:hover{background:var(--status-error);border-color:var(--status-error);color:#fff}.table-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.table-empty h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.table-empty p{margin:0 0 1.5rem;font-size:.9rem}.table-loading{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}@media(max-width:768px){.table-wrapper{border-radius:8px}.table-head,.table-cell{padding:.75rem 1rem;font-size:.85rem}.table-head{font-size:.7rem}}[data-theme=dark] .table-wrapper{box-shadow:0 1px 3px #0003}.ga-user__overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ga-user-fade .15s ease-out}@keyframes ga-user-fade{0%{opacity:0}to{opacity:1}}.ga-user{background:var(--bg-surface, #1e1e2e);border-radius:16px;max-width:1000px;width:95%;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));animation:ga-user-enter .2s ease-out;overflow:hidden}@keyframes ga-user-enter{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ga-user__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.ga-user__header-content{display:flex;align-items:center;gap:1rem}.ga-user__avatar{width:52px;height:52px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #f59e0b4d}.ga-user__header-info{display:flex;flex-direction:column;gap:.125rem}.ga-user__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.01em}.ga-user__subtitle{margin:0;font-size:.8125rem;color:var(--text-muted, #888)}.ga-user__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease}.ga-user__close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.ga-user__actions-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .06));background:var(--bg-muted, rgba(0, 0, 0, .15))}.ga-user__sync-info{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted, #888)}.ga-user__action-btns{display:flex;align-items:center;gap:.75rem}.ga-user__link-btn{background:none;border:none;color:var(--accent-primary, #8b5cf6);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0}.ga-user__link-btn:hover{text-decoration:underline}.ga-user__sync-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #fff);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.ga-user__sync-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.ga-user__sync-btn:disabled{opacity:.5;cursor:not-allowed}.ga-user__body{flex:1;overflow-y:auto;padding:1.5rem}.ga-user__loading,.ga-user__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:var(--text-muted, #888)}.ga-user__empty h4{margin:1rem 0 .5rem;color:var(--text-primary, #fff);font-size:1.125rem;font-weight:600}.ga-user__empty p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary, #aaa)}.ga-user__hint{font-size:.8125rem!important;color:var(--text-muted, #666)!important;font-style:italic;margin-bottom:1.5rem!important}.ga-user__empty svg{color:var(--text-muted, #666)}.ga-user__spinner{width:40px;height:40px;border:3px solid var(--border-default, rgba(255, 255, 255, .1));border-top-color:#f59e0b;border-radius:50%;animation:ga-user-spin 1s linear infinite;margin-bottom:1rem}@keyframes ga-user-spin{to{transform:rotate(360deg)}}.ga-user__spin{animation:ga-user-spin 1s linear infinite}.ga-user__primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 12px #f59e0b59}.ga-user__primary-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b73}.ga-user__primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ga-user__accounts{display:flex;flex-direction:column;gap:.75rem}.ga-user__account-card{background:var(--bg-muted, rgba(0, 0, 0, .15));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:12px;overflow:hidden}.ga-user__account-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--bg-elevated, rgba(255, 255, 255, .02));border:none;cursor:pointer;transition:background .15s;text-align:left;color:var(--text-primary, #fff)}.ga-user__account-header:hover{background:#ffffff0a}.ga-user__account-left{display:flex;align-items:center;gap:.75rem}.ga-user__account-left svg{color:var(--text-muted, #666)}.ga-user__account-info{display:flex;flex-direction:column}.ga-user__account-name{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary, #fff)}.ga-user__account-id{font-size:.75rem;color:var(--text-muted, #888)}.ga-user__account-right{display:flex;align-items:center;gap:.75rem}.ga-user__prop-count{font-size:.8125rem;color:var(--text-muted, #888)}.ga-user__nav-link{font-size:.8125rem;text-decoration:none;color:var(--accent-primary, #8b5cf6);font-weight:500}.ga-user__nav-link:hover{text-decoration:underline}.ga-user__role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ga-user__role-badge--sm{padding:.125rem .5rem;font-size:.6875rem}.ga-user__role-badge--admin{background:#ef44441f;color:#f87171}.ga-user__role-badge--editor{background:#f59e0b1f;color:#fbbf24}.ga-user__role-badge--analyst{background:#22c55e1f;color:#4ade80}.ga-user__role-badge--viewer{background:#6366f11f;color:#a5b4fc}.ga-user__role-badge--none{background:#6b72801f;color:#9ca3af}.ga-user__properties{border-top:1px solid var(--border-default, rgba(255, 255, 255, .06))}.ga-user__properties-header{display:grid;grid-template-columns:1fr 100px 80px;gap:1rem;padding:.5rem 1.25rem;background:var(--bg-muted, rgba(0, 0, 0, .2));font-size:.6875rem;font-weight:600;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px}.ga-user__property-row{display:grid;grid-template-columns:1fr 100px 80px;gap:1rem;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.ga-user__property-row:hover{background:#ffffff05}.ga-user__property-info{display:flex;align-items:center;gap:.75rem}.ga-user__property-info svg{color:var(--text-muted, #666);flex-shrink:0}.ga-user__property-info>div{display:flex;flex-direction:column}.ga-user__property-name{font-size:.875rem;color:var(--text-primary, #fff);font-weight:500}.ga-user__property-id{font-size:.75rem;color:var(--text-muted, #888)}.ga-user__no-properties{padding:1.5rem;text-align:center;color:var(--text-muted, #888);font-size:.875rem;font-style:italic;background:var(--bg-muted, rgba(0, 0, 0, .1));border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.ga-user__no-properties p{margin:0}.ga-user__body::-webkit-scrollbar{width:6px}.ga-user__body::-webkit-scrollbar-track{background:transparent}.ga-user__body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.ga-user__body::-webkit-scrollbar-thumb:hover{background:#ffffff24}@media(max-width:768px){.ga-user__overlay{padding:1rem}.ga-user{max-height:calc(100vh - 2rem)}.ga-user__header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.ga-user__actions-bar{flex-direction:column;gap:.75rem;align-items:flex-start}.ga-user__account-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ga-user__account-right{width:100%;flex-wrap:wrap}.ga-user__properties-header,.ga-user__property-row{grid-template-columns:1fr 80px}.ga-user__properties-header span:last-child,.ga-user__property-row .ga-user__nav-link{display:none}}.account-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.breadcrumb a:hover{text-decoration:underline;color:var(--brand-hover)}.breadcrumb .separator{color:var(--text-muted)}.breadcrumb .current{color:var(--text-primary)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:1px solid #fcd34d}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.header-text h1{margin:0;font-size:1.75rem;color:#78350f}.header-text .account-id{font-size:.875rem;color:#92400e}.region-badge{padding:.5rem 1rem;background:#fff;border:1px solid #fcd34d;border-radius:8px;font-weight:600;color:#92400e}.back-link{display:inline-block;color:var(--brand-primary);text-decoration:none;margin-top:1rem;transition:color .2s}.back-link:hover{text-decoration:underline;color:var(--brand-hover)}.tabs-container{margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.tabs{display:flex;gap:.5rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:#1e293b;background:#f8fafc}.tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.tab-count{padding:.125rem .5rem;background:#f1f5f9;border-radius:9999px;font-size:.75rem;font-weight:600;color:#64748b}.tab.active .tab-count{background:#fef3c7;color:#d97706}.tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.info-card h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:#1e293b}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-item code{background:#f8fafc;padding:.5rem .75rem;border-radius:6px;font-family:Courier New,monospace;font-size:.875rem;color:#0369a1;border:1px solid #e2e8f0}.info-item span{font-size:1rem;color:#1e293b}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.25rem;color:#1e293b}.section-actions{display:flex;gap:.75rem}.properties-section h2{margin-bottom:1.5rem;font-size:1.25rem}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.property-card{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;gap:.75rem}.property-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.property-card h3{margin:0;color:#1e293b;font-size:1.125rem}.property-meta{display:flex;flex-direction:column;gap:.375rem}.property-id code{background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;font-size:.8125rem;color:#64748b}.meta-item{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.8125rem}.status-badge.mapped{background:#22c55e26;color:#16a34a;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;align-self:flex-start}.users-section h2{margin-bottom:1rem}.user-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#2563eb;font-size:.9375rem;font-weight:500;cursor:pointer;padding:0;text-align:left}.user-link:hover{color:#1d4ed8;text-decoration:underline}.role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border:1px solid;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:.25rem .5rem;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.875rem;font-weight:600}.live-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#dcfce7;color:#16a34a;border-radius:6px;font-size:.75rem;font-weight:600}.btn-action{background:none;border:none;padding:.375rem;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#f1f5f9;color:#1e293b}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#d97706}.users-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:1.5rem;color:#1e40af;font-size:.875rem;line-height:1.5}.users-info-banner svg{flex-shrink:0;margin-top:.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:#64748b}.empty-state h3{margin:1rem 0 .5rem;color:#1e293b;font-size:1.25rem}.empty-state p{margin:0 0 1.5rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:#64748b}.error-state h2{color:#dc2626;margin-bottom:.5rem}@media(max-width:768px){.account-detail-page{padding:1rem}.detail-header{flex-direction:column;align-items:flex-start}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}[data-theme=dark] .account-detail-page{color:var(--text-primary)}[data-theme=dark] .detail-header{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);border-color:#f59e0b4d}[data-theme=dark] .header-text h1{color:#fbbf24}[data-theme=dark] .header-text .account-id{color:#fcd34d}[data-theme=dark] .region-badge{background:var(--bg-secondary);border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .tabs-container{border-bottom-color:var(--border-primary)}[data-theme=dark] .tab{color:var(--text-secondary)}[data-theme=dark] .tab:hover{color:var(--text-primary);background:var(--bg-hover)}[data-theme=dark] .tab.active{color:#fbbf24;border-bottom-color:#fbbf24}[data-theme=dark] .tab-count{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .tab.active .tab-count{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .tab-content{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .info-card h2{color:var(--text-primary)}[data-theme=dark] .info-item code{background:var(--bg-tertiary);color:#60a5fa;border-color:var(--border-primary)}[data-theme=dark] .info-item span,[data-theme=dark] .section-header h2,[data-theme=dark] .properties-section h2{color:var(--text-primary)}[data-theme=dark] .property-card{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .property-card:hover{border-color:#fbbf24;box-shadow:0 4px 12px #f59e0b26}[data-theme=dark] .property-card h3{color:var(--text-primary)}[data-theme=dark] .property-id code{background:var(--bg-primary);color:var(--text-secondary)}[data-theme=dark] .meta-item{color:var(--text-secondary)}[data-theme=dark] .status-badge.mapped{background:#22c55e26;color:#4ade80}[data-theme=dark] .user-link{color:var(--brand-primary)}[data-theme=dark] .user-link:hover{color:var(--brand-secondary)}[data-theme=dark] .count-badge{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .live-badge{background:#22c55e26;color:#4ade80}[data-theme=dark] .btn-action{color:var(--text-secondary)}[data-theme=dark] .btn-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}[data-theme=dark] .users-info-banner{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .empty-state{color:var(--text-secondary)}.prod-map__overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;animation:prod-map-fade .15s ease-out}@keyframes prod-map-fade{0%{opacity:0}to{opacity:1}}.prod-map{background:var(--bg-surface, #1e1e2e);border-radius:16px;max-width:580px;width:100%;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));animation:prod-map-enter .2s ease-out;overflow:hidden}@keyframes prod-map-enter{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.prod-map__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.prod-map__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.0625rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.01em}.prod-map__title svg{color:var(--accent-primary, #8b5cf6);flex-shrink:0}.prod-map__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease;flex-shrink:0}.prod-map__close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.prod-map__body{flex:1;overflow-y:auto;padding:1.5rem}.prod-map__search-group{margin-bottom:1rem}.prod-map__search-label{display:block;margin-bottom:.375rem;font-weight:500;font-size:.75rem;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.04em}.prod-map__search-wrap{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:10px;transition:all .15s ease}.prod-map__search-wrap:focus-within{border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.prod-map__search-wrap svg{color:var(--text-muted, #666);flex-shrink:0}.prod-map__search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #fff);font-family:inherit;font-size:.875rem}.prod-map__search-input::placeholder{color:var(--text-muted, #666)}.prod-map__list-container{margin-bottom:1rem;max-height:280px;overflow-y:auto;border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:12px;background:var(--bg-muted, rgba(0, 0, 0, .15))}.prod-map__list{display:flex;flex-direction:column}.prod-map__item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));cursor:pointer;transition:background .1s ease}.prod-map__item:last-child{border-bottom:none}.prod-map__item:hover{background:#ffffff08}.prod-map__item--selected{background:#8b5cf614}.prod-map__item--selected:hover{background:#8b5cf61f}.prod-map__item-check{width:20px;height:20px;border:2px solid var(--border-default, rgba(255, 255, 255, .2));border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.prod-map__item--selected .prod-map__item-check{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.prod-map__item-main{display:flex;justify-content:space-between;align-items:baseline;flex:1;min-width:0}.prod-map__item-name{font-weight:500;color:var(--text-primary, #fff);font-size:.875rem}.prod-map__item-id{font-size:.75rem;color:var(--text-muted, #888);font-family:SF Mono,Menlo,Consolas,monospace}.prod-map__item-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted, #888);flex-shrink:0}.prod-map__state{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted, #888);font-size:.875rem}.prod-map__error{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#f87171;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.prod-map__error svg{flex-shrink:0;margin-top:2px}.prod-map__footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .06));margin-top:.5rem}.prod-map__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.prod-map__btn--secondary{background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.prod-map__btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.prod-map__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px #8b5cf659}.prod-map__btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf673}.prod-map__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.prod-map__body::-webkit-scrollbar,.prod-map__list-container::-webkit-scrollbar{width:6px}.prod-map__body::-webkit-scrollbar-track,.prod-map__list-container::-webkit-scrollbar-track{background:transparent}.prod-map__body::-webkit-scrollbar-thumb,.prod-map__list-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.prod-map__body::-webkit-scrollbar-thumb:hover,.prod-map__list-container::-webkit-scrollbar-thumb:hover{background:#ffffff24}@media(max-width:600px){.prod-map__overlay{padding:1rem}.prod-map{max-height:calc(100vh - 2rem)}.prod-map__item-meta{display:none}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:base-modal-fade .15s ease-out}@keyframes base-modal-fade{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface, #1e1e2e);border-radius:16px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));animation:base-modal-enter .2s ease-out;overflow:hidden}@keyframes base-modal-enter{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.sm{width:100%;max-width:400px}.modal-content.md{width:100%;max-width:600px}.modal-content.lg{width:100%;max-width:800px}.modal-content.xl{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.01em}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease;margin-left:auto}.modal-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-muted, rgba(0, 0, 0, .15))}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff24}@media(max-width:600px){.modal-overlay{padding:1rem}.modal-content{max-height:calc(100vh - 2rem)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.625rem 1.25rem;font-size:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #646cff4d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-outline{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline:hover:not(:disabled){background:var(--brand-primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--status-error);color:#fff;border-color:var(--status-error)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ga-mapping-dialog .modal-body{padding:0;display:flex;flex-direction:column;min-height:400px;max-height:60vh}.ga-mapping-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);padding:0 var(--space-6, 1.5rem);background:var(--bg-primary, #fff)}.ga-mapping-tab{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:.875rem;font-weight:500;color:var(--text-muted, #9ca3af);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.ga-mapping-tab:hover{color:var(--text-primary, #111827)}.ga-mapping-tab.active{color:var(--color-accent-primary, #5b8def);border-bottom-color:var(--color-accent-primary, #5b8def)}.ga-mapping-tab-content{flex:1;overflow-y:auto;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem)}.ga-mapping-level-banner{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-6, 1.5rem);background:var(--color-bg-selected, rgba(91, 141, 239, .08));border-bottom:1px solid var(--border-color, #e5e7eb);font-size:.8125rem;color:var(--text-secondary, #6b7280)}.ga-mapping-level-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--color-accent-primary, #5b8def);color:#fff}.ga-mapping-section{margin-bottom:var(--space-5, 1.25rem)}.ga-mapping-section-title{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.8125rem;font-weight:600;color:var(--text-primary, #111827);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3, .75rem)}.ga-mapping-section-title .required{color:var(--color-error, #ef4444);font-size:.75rem}.ga-mapping-search{width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 6px);font-size:.875rem;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);outline:none;transition:border-color .15s ease}.ga-mapping-search:focus{border-color:var(--color-accent-primary, #5b8def);box-shadow:0 0 0 2px #5b8def26}.ga-mapping-list{max-height:220px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 6px);margin-top:var(--space-2, .5rem)}.ga-mapping-list-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2-5, .625rem) var(--space-3, .75rem);border:none;border-bottom:1px solid var(--border-color, #e5e7eb);background:none;cursor:pointer;width:100%;text-align:left;transition:background .1s ease;color:var(--text-primary, #111827)}.ga-mapping-list-item:last-child{border-bottom:none}.ga-mapping-list-item:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .08))}.ga-mapping-list-item.selected{background:var(--color-bg-selected, rgba(91, 141, 239, .12));border-left:3px solid var(--color-accent-primary, #5b8def)}.ga-mapping-list-item-name{font-size:.875rem;font-weight:500}.ga-mapping-list-item-meta{font-size:.75rem;color:var(--text-muted, #9ca3af)}.ga-mapping-list-empty{padding:var(--space-4, 1rem);text-align:center;font-size:.8125rem;color:var(--text-muted, #9ca3af)}.ga-mapping-bu-preview{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);margin-top:var(--space-3, .75rem);padding:var(--space-3, .75rem);background:var(--bg-muted, #f3f4f6);border-radius:var(--radius-md, 6px)}.ga-mapping-bu-item{display:flex;flex-direction:column;gap:1px;flex:1;min-width:100px}.ga-mapping-bu-label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.ga-mapping-bu-value{font-size:.8125rem;color:var(--text-primary, #111827)}.ga-mapping-selected{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2-5, .625rem) var(--space-3, .75rem);background:var(--color-success-bg, rgba(16, 185, 129, .1));border:1px solid var(--color-success-border, rgba(16, 185, 129, .3));border-radius:var(--radius-md, 6px);margin-top:var(--space-3, .75rem);font-size:.8125rem;color:var(--text-primary, #111827)}.ga-mapping-selected-label{font-weight:600;color:var(--color-success, #10b981)}.ga-mapping-chips{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.ga-mapping-chip{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:3px 8px;background:var(--color-bg-muted, #2d3548);border-radius:var(--radius-sm, 4px);font-size:.75rem;color:var(--text-primary, #111827)}.ga-mapping-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;cursor:pointer;color:var(--text-muted, #9ca3af);border-radius:50%;padding:0}.ga-mapping-chip-remove:hover{color:var(--color-error, #ef4444);background:#ef44441a}.ga-mapping-list-item--mismatch{opacity:.65}.ga-mapping-cc-warn{font-size:.6875rem;font-weight:400;color:var(--color-warning, #f59e0b)}.ga-mapping-error{padding:var(--space-3, .75rem);background:var(--color-error-bg, rgba(239, 68, 68, .1));border:1px solid var(--color-error-border, rgba(239, 68, 68, .3));border-radius:var(--radius-md, 6px);color:var(--color-error, #ef4444);font-size:.8125rem;margin-top:var(--space-3, .75rem)}.card{background:var(--bg-secondary);border-radius:12px;transition:all .2s ease}.card-default{border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.card-elevated{border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.card-outlined{border:2px solid var(--border-primary);box-shadow:none}.card[role=button]{cursor:pointer}.card[role=button]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.card-header{padding:1.5rem 1.5rem 0}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.card-description{font-size:.875rem;color:var(--text-secondary);margin:0}.card-content{padding:1.5rem}.card-footer{padding:0 1.5rem 1.5rem;display:flex;align-items:center;gap:.75rem}.property-settings-details{margin-top:1.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.settings-card{height:100%}.settings-card .card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.settings-card .card-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.settings-card .card-content{padding:1.25rem}.setting-item{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.setting-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.setting-value.enabled{color:var(--status-success)}.setting-value.disabled{color:var(--text-muted)}.setting-value.muted{color:var(--text-muted);font-style:italic}.setting-value code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:var(--brand-primary)}.setting-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.setting-tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;font-size:.8rem;color:var(--text-primary);font-weight:500}.filters-list{display:flex;flex-direction:column;gap:.75rem}.filter-item{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.filter-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.filter-status{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-status.active{background:#22c55e1a;color:var(--status-success)}.filter-status.inactive{background:var(--bg-tertiary);color:var(--text-muted)}.filter-type{font-size:.8rem;color:var(--text-secondary)}.filter-type-value{color:var(--text-primary);font-weight:500}.data-settings-summary{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.setting-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.setting-badge:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;font-weight:500}.breadcrumb-link:hover{color:var(--brand-primary)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--text-muted);flex-shrink:0}.confirm-dialog__overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50000;padding:1.5rem;animation:confirm-dialog-fade .15s ease-out}@keyframes confirm-dialog-fade{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-surface, #1e1e2e);border-radius:16px;box-shadow:0 24px 48px #0006,0 0 0 1px var(--border-default, rgba(255, 255, 255, .08));max-width:480px;width:100%;max-height:90vh;overflow:hidden;animation:confirm-dialog-enter .2s ease-out}@keyframes confirm-dialog-enter{0%{opacity:0;transform:scale(.95) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-elevated, rgba(255, 255, 255, .02))}.confirm-dialog__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.confirm-dialog__icon--default{background:#3b82f61f;color:#60a5fa}.confirm-dialog__icon--warning{background:#f59e0b1f;color:#fbbf24}.confirm-dialog__icon--danger{background:#ef44441f;color:#f87171;animation:confirm-dialog-shake .5s ease-in-out}@keyframes confirm-dialog-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.confirm-dialog__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff);flex:1;letter-spacing:-.01em}.confirm-dialog__body{padding:1.5rem}.confirm-dialog__message{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary, #aaa)}.confirm-dialog__impact{margin-top:1rem;padding:.875rem 1rem;background:var(--bg-muted, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:10px}.confirm-dialog__impact-header{font-size:.8125rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.5rem}.confirm-dialog__impact-list{margin:0;padding:0 0 0 1.25rem;list-style:disc}.confirm-dialog__impact-item{font-size:.875rem;color:var(--text-secondary, #aaa);padding:2px 0}.confirm-dialog__impact-count{font-weight:600;color:var(--text-primary, #fff)}.confirm-dialog__impact-warning{color:#fbbf24;font-size:.8125rem;font-weight:500;margin-left:4px}.confirm-dialog__impact-note{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .06));font-size:.8125rem;color:#f87171;font-weight:500}.confirm-dialog__details-toggle{display:flex;align-items:center;gap:6px;margin-top:.5rem;padding:0;border:none;background:none;font-size:.75rem;font-weight:500;color:var(--accent-primary, #8b5cf6);cursor:pointer}.confirm-dialog__details-toggle:hover{text-decoration:underline}.confirm-dialog__details-list{margin-top:.5rem;max-height:160px;overflow-y:auto;border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:8px;background:var(--bg-muted, rgba(0, 0, 0, .15))}.confirm-dialog__details-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:.8125rem;color:var(--text-secondary, #aaa);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.confirm-dialog__details-item:last-child{border-bottom:none}.confirm-dialog__details-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-dialog__details-badge{flex-shrink:0;font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#f59e0b1f;color:#fbbf24;letter-spacing:.3px}.confirm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--bg-muted, rgba(0, 0, 0, .15))}.confirm-dialog__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;min-width:100px}.confirm-dialog__btn--secondary{background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.confirm-dialog__btn--secondary:hover{background:#ffffff14;border-color:#ffffff26}.confirm-dialog__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px #8b5cf659}.confirm-dialog__btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf673}.confirm-dialog__btn--danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 12px #ef444459}.confirm-dialog__btn--danger:hover{box-shadow:0 4px 16px #ef444473}.confirm-dialog__btn--warning{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 2px 12px #f59e0b59}.confirm-dialog__btn--warning:hover{box-shadow:0 4px 16px #f59e0b73}.confirm-dialog__details-list::-webkit-scrollbar{width:6px}.confirm-dialog__details-list::-webkit-scrollbar-track{background:transparent}.confirm-dialog__details-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.confirm-dialog__details-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}@media(max-width:600px){.confirm-dialog__overlay{padding:1rem}.confirm-dialog{width:95%}.confirm-dialog__header{padding:1rem 1.25rem}.confirm-dialog__title{font-size:1rem}.confirm-dialog__body{padding:1.25rem}.confirm-dialog__actions{flex-direction:column-reverse;padding:1rem 1.25rem}.confirm-dialog__btn{width:100%}}.form-modal-form{display:flex;flex-direction:column;gap:0}.form-field{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #333);font-size:.9rem}.required-indicator{color:var(--error-text, #d32f2f);margin-left:.25rem}.form-hint{margin:.375rem 0 0;font-size:.85rem;color:var(--text-secondary, #666)}.form-error{margin:.375rem 0 0;font-size:.85rem;color:var(--error-text, #d32f2f)}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--error-text, #d32f2f)}.select-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.95rem;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);cursor:pointer;transition:border-color .2s}.select-input:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.select-input:focus{outline:none;border-color:var(--brand-primary, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.select-input:disabled{background:var(--bg-secondary, #f5f5f5);color:var(--text-muted, #999);cursor:not-allowed}.multiselect-wrapper{position:relative}.multiselect-trigger{width:100%;min-height:42px;padding:.375rem .5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.multiselect-trigger:hover:not(.disabled){border-color:var(--border-hover, #bbb)}.multiselect-trigger:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.multiselect-trigger.open{border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.multiselect-trigger.has-error{border-color:var(--error-text, #dc2626)}.multiselect-trigger.disabled{background:var(--bg-secondary, #f9fafb);color:var(--text-muted, #9ca3af);cursor:not-allowed;opacity:.7}.multiselect-placeholder{color:var(--text-muted, #9ca3af);font-size:.9rem}.multiselect-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.multiselect-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:.8rem;color:var(--text-primary, #374151);line-height:1.4;max-width:200px;white-space:nowrap}.multiselect-chip__label{overflow:hidden;text-overflow:ellipsis}.multiselect-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .15s;flex-shrink:0}.multiselect-chip__remove:hover{background:#0000001a;color:var(--text-primary, #374151)}.multiselect-chip--count{background:var(--brand-primary, #6366f1);border-color:var(--brand-primary, #6366f1);color:#fff;font-weight:500;cursor:default}.multiselect-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.multiselect-clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .15s}.multiselect-clear:hover{background:#00000014;color:var(--text-primary, #374151)}.multiselect-chevron{color:var(--text-muted, #9ca3af);transition:transform .2s}.multiselect-dropdown{margin-top:4px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;z-index:1050;overflow:hidden;animation:multiselect-slideDown .15s ease-out}@keyframes multiselect-slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.multiselect-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.multiselect-search__icon{color:var(--text-muted, #9ca3af);flex-shrink:0}.multiselect-search__input{flex:1;border:none;outline:none;font-size:.875rem;font-family:inherit;background:transparent;color:var(--text-primary, #333);padding:4px 0}.multiselect-search__input::placeholder{color:var(--text-muted, #9ca3af)}.multiselect-search__clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .15s;flex-shrink:0}.multiselect-search__clear:hover{background:#00000014;color:var(--text-primary, #374151)}.multiselect-summary{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);font-size:.8rem}.multiselect-summary__count{color:var(--text-secondary, #6b7280);font-weight:500}.multiselect-summary__clear{background:none;border:none;color:var(--brand-primary, #6366f1);font-size:.8rem;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s;font-family:inherit}.multiselect-summary__clear:hover{background:#6366f114}.multiselect-options{max-height:240px;overflow-y:auto;padding:4px 0}.multiselect-options::-webkit-scrollbar{width:6px}.multiselect-options::-webkit-scrollbar-track{background:transparent}.multiselect-options::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.multiselect-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.multiselect-option:hover{background:var(--bg-secondary, #f9fafb)}.multiselect-option.selected{background:#6366f10f}.multiselect-option.selected:hover{background:#6366f11a}.multiselect-option.disabled{opacity:.5;cursor:not-allowed}.multiselect-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-color, #d1d5db);border-radius:4px;flex-shrink:0;transition:all .15s;background:var(--bg-primary, #fff)}.multiselect-checkbox.checked{background:var(--brand-primary, #6366f1);border-color:var(--brand-primary, #6366f1);color:#fff}.multiselect-option__label{flex:1;color:var(--text-primary, #333);font-size:.875rem;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-empty{padding:20px 12px;text-align:center;color:var(--text-muted, #9ca3af);font-size:.875rem}[data-theme=dark] .multiselect-trigger{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .multiselect-trigger:hover:not(.disabled){border-color:var(--border-hover, #4b5563)}[data-theme=dark] .multiselect-chip{background:var(--bg-tertiary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .multiselect-chip__remove:hover{background:#ffffff1a;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .multiselect-clear:hover{background:#ffffff14}[data-theme=dark] .multiselect-dropdown{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 8px 24px #0006,0 2px 8px #0000004d}[data-theme=dark] .multiselect-search{border-color:var(--border-color, #374151)}[data-theme=dark] .multiselect-search__input{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .multiselect-search__clear:hover{background:#ffffff14}[data-theme=dark] .multiselect-summary{background:var(--bg-secondary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .multiselect-option:hover{background:var(--bg-secondary, #111827)}[data-theme=dark] .multiselect-option.selected{background:#6366f11f}[data-theme=dark] .multiselect-option.selected:hover{background:#6366f12e}[data-theme=dark] .multiselect-checkbox{border-color:var(--border-color, #4b5563);background:var(--bg-primary, #1f2937)}[data-theme=dark] .multiselect-option__label{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .multiselect-options::-webkit-scrollbar-thumb{background:var(--border-color, #4b5563)}.text-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.95rem;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);transition:border-color .2s}.text-input:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.text-input:focus{outline:none;border-color:var(--brand-primary, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.text-input:disabled{background:var(--bg-secondary, #f5f5f5);color:var(--text-muted, #999);cursor:not-allowed}.text-input::placeholder{color:var(--text-muted, #999)}.textarea-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.95rem;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);resize:vertical;transition:border-color .2s}.textarea-input:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.textarea-input:focus{outline:none;border-color:var(--brand-primary, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.textarea-input:disabled{background:var(--bg-secondary, #f5f5f5);color:var(--text-muted, #999);cursor:not-allowed}.textarea-input::placeholder{color:var(--text-muted, #999)}.searchable-select{position:relative}.searchable-select__input{width:100%;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.95rem;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);transition:border-color .2s;cursor:text}.searchable-select__input:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.searchable-select__input:focus{outline:none;border-color:var(--brand-primary, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.searchable-select__input:disabled{background:var(--bg-secondary, #f5f5f5);color:var(--text-muted, #999);cursor:not-allowed}.searchable-select__input::placeholder{color:var(--text-muted, #999)}.searchable-select__chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, #999);font-size:.7rem;transition:transform .2s}.searchable-select--open .searchable-select__chevron{transform:translateY(-50%) rotate(180deg)}.searchable-select__clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-muted, #999);cursor:pointer;font-size:1rem;line-height:1;padding:.25rem;display:flex;align-items:center;justify-content:center}.searchable-select__clear:hover{color:var(--text-primary, #333)}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #ddd);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:1000;list-style:none;margin:0;padding:4px 0}.searchable-select__option{padding:.5rem .75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary, #333);transition:background-color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select__option:hover,.searchable-select__option--focused{background:var(--bg-hover, #f0f4ff)}.searchable-select__option--selected{background:var(--brand-bg, #e8f0fe);font-weight:500}.searchable-select__option--disabled{color:var(--text-muted, #999);cursor:not-allowed}.searchable-select__empty{padding:.75rem;text-align:center;color:var(--text-muted, #999);font-size:.9rem}.searchable-select__highlight{font-weight:600;text-decoration:underline;text-decoration-color:var(--brand-primary, #0066cc)}.property-detail-page{padding:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card .card-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;border:1px solid var(--border-primary);transition:all .2s ease}.stat-blue{background:#3b82f61a;border-color:#3b82f64d}.stat-blue .stat-icon-wrapper{color:#3b82f6}.stat-purple{background:#8b5cf61a;border-color:#8b5cf64d}.stat-purple .stat-icon-wrapper{color:#8b5cf6}.stat-green{background:#22c55e1a;border-color:#22c55e4d}.stat-green .stat-icon-wrapper{color:#22c55e}.stat-orange{background:#f973161a;border-color:#f973164d}.stat-orange .stat-icon-wrapper{color:#f97316}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(99,102,241,.2)}:root[data-theme=dark] .detail-header{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border-color:#6366f140}.detail-header .header-meta code{background:#ffffff1a;color:var(--text-primary);padding:.25rem .75rem;border-radius:6px;font-size:.9rem;border:1px solid rgba(255,255,255,.15)}:root[data-theme=dark] .detail-header .header-meta code{background:#ffffff14;border-color:#ffffff1f}.header-actions{display:flex;gap:.75rem;align-items:center}.edit-button,.save-button,.cancel-button,.map-button{padding:.625rem 1.25rem;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.edit-button{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.edit-button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.save-button{background:var(--status-success);color:#fff;border-color:var(--status-success)}.save-button:hover:not(:disabled){background:var(--status-success-hover);border-color:var(--status-success-hover)}.cancel-button{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.cancel-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.map-button{background:var(--brand-primary, #2196f3);color:#fff;border-color:var(--brand-primary, #2196f3)}.map-button:hover:not(:disabled){background:var(--brand-hover, #1976d2);border-color:var(--brand-hover, #1976d2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.edit-button:disabled,.save-button:disabled,.cancel-button:disabled,.map-button:disabled{opacity:.5;cursor:not-allowed}.info-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.info-item code{background:var(--bg-tertiary);padding:.375rem .625rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:var(--status-warning);align-self:flex-start}.form-group label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.form-input,.form-select{padding:.75rem;border:1px solid var(--border-primary);border-radius:6px;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-tertiary)}.form-note{padding:1rem;background:var(--bg-info);border:1px solid var(--border-info);border-radius:6px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.form-note strong{color:var(--text-primary);font-weight:600}.alert{padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;line-height:1.5}.alert strong{font-weight:600}.alert-success{background:var(--bg-success);border:1px solid var(--border-success);color:var(--status-success)}.alert-error{background:var(--bg-error);border:1px solid var(--border-error);color:var(--status-error)}.tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border-primary);margin-bottom:2rem}.tab{background:none;border:none;padding:1rem 1.5rem;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tab-toolbar-search{display:flex;align-items:center;gap:.5rem;flex:1;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.375rem .75rem;transition:border-color .2s}.tab-toolbar-search:focus-within{border-color:var(--brand-primary)}.tab-toolbar-search svg{color:var(--text-tertiary);flex-shrink:0}.tab-toolbar-search input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text-primary);width:100%;padding:.25rem 0}.tab-toolbar-search input::placeholder{color:var(--text-tertiary)}.tab-toolbar-actions{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:8px;padding:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.view-toggle-btn.active{color:var(--brand-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.items-list-table{width:100%;border-collapse:collapse;font-size:.875rem}.items-list-table thead th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-primary);font-size:.8125rem;white-space:nowrap}.items-list-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background .15s}.items-list-table tbody tr:hover{background:var(--bg-hover, rgba(0, 0, 0, .02))}.items-list-table td{padding:.625rem .75rem;vertical-align:middle}.items-list-table code{font-size:.8125rem;background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;color:var(--text-secondary)}.list-item-link{color:var(--brand-primary);text-decoration:none;font-weight:500}.list-item-link:hover{text-decoration:underline}.edm-linked-badge{display:inline-flex;align-items:center;gap:4px;color:#16a34a;text-decoration:none;font-size:.8125rem;font-weight:500}.edm-linked-badge:hover{text-decoration:underline}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.item-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm);transition:all .2s}.item-card:hover{box-shadow:var(--shadow-md)}.item-card h3{margin:0;color:var(--text-primary);font-size:1.125rem}.parameter-name{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:var(--status-warning);align-self:flex-start}.item-meta{display:flex;gap:.5rem;flex-wrap:wrap}.item-card .description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.status-badge.enabled{background:#22c55e1a;color:var(--status-success);border-color:#22c55e4d}.status-badge.disabled{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-primary)}.status-badge.mapped{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.status-badge.pending{background:#f973161a;color:#f97316;border-color:#f973164d}.status-badge.fetch-time{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d;cursor:help}.card-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-with-action h2{margin:0}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.mappings-list{display:flex;flex-direction:column;gap:.75rem}.mapping-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;transition:all .2s ease}.mapping-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.mapping-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.btn-unmap{background:transparent;border:1px solid var(--border-primary);color:var(--text-muted);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;transition:all .2s ease}.btn-unmap:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-unmap:disabled{opacity:.5;cursor:not-allowed}.mapping-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--accent-primary);font-weight:600;font-size:1rem;transition:color .2s ease}.mapping-link:hover{color:var(--accent-secondary)}.mapping-arrow{font-size:1.25rem;opacity:0;transform:translate(-4px);transition:all .2s ease}.mapping-link:hover .mapping-arrow{opacity:1;transform:translate(0)}.mapping-details{display:flex;flex-wrap:wrap;gap:1rem}.mapping-detail{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.mapping-detail .label{color:var(--text-muted)}.mapping-detail code{background:var(--bg-primary);padding:.125rem .375rem;border-radius:4px;font-size:.8125rem}.empty-state-small{text-align:center;padding:1.5rem;color:var(--text-secondary)}.empty-state-small p{margin:.25rem 0}.empty-state-small .text-muted{font-size:.875rem;color:var(--text-muted)}.section-header-with-count{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-header-with-count h2{margin:0}.count-badge{background:var(--accent-primary);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.ga_property_name{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.approval-banner{background:#3b82f61a!important;border-color:#3b82f64d!important}.approval-banner-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.approval-banner-icon{font-size:1.125rem}.approval-banner-link{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:auto}.approval-banner-link:hover{text-decoration:underline}.approval-banner-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:.875rem;line-height:1;opacity:.7;transition:opacity .2s}.approval-banner-close:hover{opacity:1}.users-tab .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.users-tab .section-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.users-tab .section-actions{display:flex;gap:.75rem}.users-tab .user-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-primary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:0;text-align:left}.users-tab .user-link:hover{color:var(--accent-hover);text-decoration:underline}.users-tab .role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border:1px solid;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.users-tab .btn-action{background:none;border:none;padding:.375rem;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.users-tab .btn-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.users-tab .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.users-tab .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.users-tab .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.users-tab .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.users-tab .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.users-tab .btn-primary:disabled{opacity:.6;cursor:not-allowed}.users-tab .animate-spin{animation:spin 1s linear infinite}.users-tab .users-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:1.5rem;color:#1e40af;font-size:.875rem;line-height:1.5}.users-tab .users-info-banner svg{flex-shrink:0;margin-top:.125rem}.users-tab .hint{color:var(--text-muted);font-size:.8125rem;font-style:italic}.ymeta-properties-table-wrapper{overflow-x:auto;border:1px solid var(--border-primary);border-radius:8px}.ymeta-properties-table{width:100%;border-collapse:collapse;font-size:.875rem}.ymeta-properties-table thead{background:var(--bg-tertiary)}.ymeta-properties-table th{padding:.625rem .875rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-primary);white-space:nowrap}.ymeta-properties-table td{padding:.625rem .875rem;color:var(--text-primary);border-bottom:1px solid var(--border-primary);vertical-align:middle}.ymeta-properties-table tbody tr:last-child td{border-bottom:none}.ymeta-properties-table tbody tr:hover{background:var(--bg-tertiary)}.ymeta-properties-table code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;color:var(--status-warning)}.ymeta-properties-table .mapping-link{text-decoration:none;color:var(--accent-primary);font-weight:500;transition:color .2s ease}.ymeta-properties-table .mapping-link:hover{color:var(--accent-secondary)}.ymeta-properties-table .status-badge.active{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.ymeta-properties-table .status-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary)}.data-stream-detail-page{padding:2rem 0}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb .current{color:var(--text-secondary)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.detail-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.header-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.header-meta code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm)}.info-card h2{margin:0 0 1.25rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.info-item label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.info-item span{color:var(--text-primary);font-size:1rem}.info-item code{background:var(--bg-tertiary);padding:.375rem .625rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-primary);align-self:flex-start}.info-item code.highlight-code{background:#fbbf2426;color:var(--status-warning);font-weight:600}.property-link{color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color .2s}.property-link:hover{text-decoration:underline}.uri-link{color:var(--brand-primary);text-decoration:none;word-break:break-all;transition:color .2s}.uri-link:hover{text-decoration:underline}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:capitalize}.type-badge.type-web_data_stream{background:#3b82f626;color:var(--status-info)}.type-badge.type-android_app_data_stream{background:#22c55e26;color:var(--status-success)}.type-badge.type-ios_app_data_stream{background:#a855f726;color:var(--status-warning)}.back-link{color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color .2s}.loading-state,.error-state{text-align:center;padding:3rem;color:var(--text-secondary)}.bigquery-link-detail{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary)}.breadcrumb a{color:var(--brand-primary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--brand-hover);text-decoration:underline}.breadcrumb .separator{color:var(--text-tertiary)}.breadcrumb .current{color:var(--text-primary);font-weight:500}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.detail-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem;font-weight:700}.detail-header .subtitle{margin:0;color:var(--text-secondary);font-size:1.1rem}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.info-card h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;border-bottom:2px solid var(--border-primary);padding-bottom:.5rem}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.85rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item .value{color:var(--text-primary);font-size:1rem;font-weight:500}.info-item .value.small{font-size:.85rem;word-break:break-all}.info-item .project-id{color:var(--status-info);font-weight:600}.info-item code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:var(--status-info);font-family:Courier New,monospace}.section{margin-bottom:2rem}.section h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.config-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.config-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.config-icon{font-size:2.5rem;margin-bottom:.75rem}.config-card h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1rem;font-weight:600}.config-card .status-badge{display:inline-block;padding:.375rem 1rem;border-radius:16px;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.config-card .status-badge.enabled{background:#22c55e26;color:var(--status-success)}.config-card .status-badge.disabled{background:#9ca3af26;color:var(--text-tertiary)}.config-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.streams-list{display:flex;flex-direction:column;gap:.75rem}.stream-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;transition:all .2s}.stream-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.stream-icon{font-size:1.5rem}.stream-item code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:var(--status-info);font-family:Courier New,monospace}.actions-section{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.secondary-button,.primary-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.secondary-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.secondary-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.primary-button{background:var(--brand-primary);color:#fff;border:none}.primary-button:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.error-state{color:var(--status-error)}.error-state h2{color:var(--status-error);margin-top:0;margin-bottom:1rem}.error-state .back-button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--brand-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.error-state .back-button:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empty-state p{margin:0;font-size:1rem}@media(max-width:768px){.bigquery-link-detail{padding:1rem}.overview-cards,.config-grid{grid-template-columns:1fr}.actions-section{flex-direction:column}.secondary-button,.primary-button{width:100%;text-align:center}}.dimension-detail-page{padding:2rem 0}.description-section label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.info-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.code-example h3{margin-top:0;margin-bottom:1rem;font-size:1.125rem}.code-example pre{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;padding:1rem;overflow-x:auto;color:var(--status-success);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.resource-name{word-break:break-all}.metric-detail-page{padding:2rem 0}.detail-header{margin-bottom:2rem}.detail-header h1{font-size:2rem;margin:0 0 .75rem;color:var(--text-primary)}.header-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.info-card{height:100%}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-item label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-item span,.info-item code{font-size:.9rem;color:var(--text-primary);font-weight:500}.property-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.property-link:hover{color:var(--brand-hover)}.scope-badge,.unit-badge{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;font-size:.8rem;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#f973161a;color:#f97316}.description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.description-section label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.description-section p{color:var(--text-primary);line-height:1.6;margin:0}.restricted-types{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.restricted-types label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.type-tags{display:flex;flex-wrap:wrap;gap:.5rem}.type-tag{display:inline-block;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;color:var(--text-primary);font-weight:500}.info-text{color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem}.code-example{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.code-example h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.code-example pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;overflow-x:auto;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:var(--text-primary);line-height:1.5;margin:0}.resource-name{font-size:.8rem;word-break:break-all}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary, #666)}.loading-state.sm{padding:1.5rem 1rem}.loading-state.lg{padding:4rem 1rem}.loading-spinner{animation:spin 1s linear infinite;color:var(--brand-primary, #0066cc)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{margin:1rem 0 0;font-size:.95rem}.loading-state.sm p{font-size:.85rem}.loading-state.lg p{font-size:1.1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.error-icon{color:var(--error-text, #d32f2f);margin-bottom:1rem}.error-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary, #1a1a1a)}.error-state p{margin:0 0 1.5rem;color:var(--text-secondary, #666);font-size:.95rem;max-width:500px}.retry-button{margin-top:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.empty-icon{color:var(--text-muted, #999);margin-bottom:1rem;opacity:.6}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary, #1a1a1a);font-weight:600}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary, #666);font-size:.95rem;max-width:400px}.empty-action{margin-top:.5rem}.notification-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.notification-overlay.visible{opacity:1;pointer-events:auto}.change-request-notification{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:90%;padding:2rem;position:relative;transform:translateY(-20px);transition:transform .3s ease;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.change-request-notification.pending{border-top:4px solid #f59e0b}.change-request-notification.success{border-top:4px solid #10b981}.change-request-notification.info{border-top:4px solid #3b82f6}.notification-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.notification-close:hover{background:#f3f4f6;color:#374151}.notification-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.notification-content{text-align:center}.notification-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.notification-description{color:#6b7280;margin:0 0 1rem;line-height:1.5}.notification-entity{background:#f9fafb;padding:.75rem 1rem;border-radius:8px;color:#374151;margin:0 0 1rem;font-size:.9rem}.notification-entity strong{color:#111827}.notification-request-info{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.notification-request-info .status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.notification-request-info .status-badge.pending{background:#fef3c7;color:#92400e}.notification-request-info .status-badge.auto-approved{background:#d1fae5;color:#065f46}.notification-request-info .status-badge.approved{background:#dbeafe;color:#1e40af}.notification-request-info .status-badge.applied{background:#d1fae5;color:#065f46}.notification-request-info .status-badge.info{background:#e0e7ff;color:#3730a3}.notification-request-info .request-id{color:#6b7280;font-size:.875rem}.notification-request-info .request-id code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:#374151}.notification-actions{display:flex;flex-direction:column;gap:.75rem}.notification-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.notification-link.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-link.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.notification-link.secondary{background:#f3f4f6;color:#374151}.notification-link.secondary:hover{background:#e5e7eb}[data-theme=dark] .change-request-notification{background:var(--bg-secondary, #1f2937)}[data-theme=dark] .notification-close{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notification-close:hover{background:var(--bg-tertiary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .notification-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-description{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notification-entity{background:var(--bg-tertiary, #374151);color:var(--text-secondary, #d1d5db)}[data-theme=dark] .notification-entity strong{color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-request-info .request-id{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notification-request-info .request-id code{background:var(--bg-tertiary, #374151);color:var(--text-secondary, #d1d5db)}[data-theme=dark] .notification-link.secondary{background:var(--bg-tertiary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .notification-link.secondary:hover{background:var(--bg-hover, #4b5563)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;white-space:nowrap}.status-badge.sm{padding:.125rem .5rem;font-size:.75rem}.status-badge.lg{padding:.375rem 1rem;font-size:.95rem}.status-badge.pending{background:#f9731626;color:#f97316}.status-badge.approved{background:#22c55e26;color:#22c55e}.status-badge.rejected{background:#ef444426;color:#ef4444}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#6b728026;color:#6b7280}.status-badge.enabled{background:#22c55e26;color:#22c55e}.status-badge.disabled{background:#6b728026;color:#6b7280}.status-badge.mapped{background:#3b82f626;color:#3b82f6}.status-badge.unmapped{background:#6b728026;color:#6b7280}.category-badge{display:inline-block;padding:.25rem .75rem;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.8rem;font-weight:500}.category-badge.sm{padding:.125rem .5rem;font-size:.75rem}.category-badge.lg{padding:.375rem 1rem;font-size:.9rem}.edm-metric-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.detail-header-content{flex:1}.detail-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-primary, #1a1a1a)}.detail-item label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.detail-item a{color:var(--brand-primary, #0066cc);text-decoration:none;transition:color .2s ease}.detail-item a:hover{color:var(--brand-hover, #0052a3);text-decoration:underline}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.availability-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;font-size:.9rem}.availability-item .icon{color:var(--success-text, #22c55e)}.edm-checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.edm-checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.edm-checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.edm-custom-dimension-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.edm-ga-properties-empty{color:var(--text-secondary, #666);margin:.5rem 0 0;padding:1rem;background:var(--surface-secondary, #f5f5f5);border-radius:8px}.detail-item code{background:var(--bg-secondary, #f5f5f5);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.scope-badge,.format-badge{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary, #f3e5f5);color:var(--text-primary, #7b1fa2);border-radius:12px;font-size:.85rem;font-weight:500}.format-badge{background:var(--bg-secondary, #fff3e0);color:var(--text-primary, #e65100)}.category-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary, #e0e0e0)}.detail-header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.detail-header h1{margin:0;font-size:2rem;color:var(--text-primary, #1a1a1a)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;font-size:1rem;color:var(--text-primary, #333)}.category-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.category-type-metric{background:#e3f2fd;color:#1976d2}.category-type-dimension{background:#f3e5f5;color:#7b1fa2}.category-type-custom_dimension{background:#fff3e0;color:#e65100}.edm-status-approved{display:inline-block;padding:.25rem .75rem;background:var(--success-bg, #e8f5e9);color:var(--success-text, #2e7d32);border-radius:12px;font-size:.85rem;font-weight:500}.edm-status-pending{display:inline-block;padding:.25rem .75rem;background:var(--warning-bg, #fff3e0);color:var(--warning-text, #ef6c00);border-radius:12px;font-size:.85rem;font-weight:500}.ga-standard-dimension-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.form-group select:focus{outline:none;border-color:var(--brand-primary, #4285f4);box-shadow:0 0 0 3px #4285f426}@media(max-width:768px){.ga-standard-dimension-detail-page{padding:1rem}.detail-header{flex-direction:column;gap:1rem}.detail-header-actions{width:100%}.detail-header-actions button{flex:1}.detail-grid{grid-template-columns:1fr}}.ga-standard-metric-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary, #e0e0e0);gap:1.5rem;flex-wrap:wrap}.detail-header-content{display:flex;align-items:flex-start;gap:1.25rem}.detail-header-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.detail-header-info h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary, #1a1a1a)}.detail-header-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.api-name-badge{padding:.25rem .75rem;background:var(--bg-secondary, #f3f4f6);border-radius:6px;font-size:.875rem;color:var(--text-primary, #374151);font-family:SF Mono,Monaco,Consolas,monospace}.category-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;border-radius:1rem;font-size:.8rem;font-weight:500}.category-badge--metric{background:linear-gradient(135deg,#34a853,#1e8e3e)}.detail-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;font-size:1rem;color:var(--text-primary, #1f2937)}.detail-item code{padding:.25rem .5rem;background:var(--bg-secondary, #f3f4f6);border-radius:4px;font-size:.875rem}.description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.description-section label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.description-section p{margin:0;line-height:1.7;color:var(--text-primary, #374151)}.linked-status{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:12px}.linked-status--success{background:var(--success-bg, #ecfdf5);color:var(--success-text, #047857)}.linked-status--warning{background:var(--warning-bg, #fffbeb);color:var(--warning-text, #d97706)}.linked-status-content h3{margin:0 0 .5rem;font-size:1rem}.linked-status-content p{margin:0 0 .75rem;font-size:.9rem;opacity:.9}.linked-status-content p:last-child{margin-bottom:0}.linked-description{font-style:italic;opacity:.8}.info-text{color:var(--text-secondary, #6b7280);line-height:1.7;margin-bottom:1.5rem}.code-example{background:var(--bg-secondary, #1f2937);border-radius:12px;overflow:hidden}.code-example h3{margin:0;padding:.75rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary, #374151);color:var(--text-secondary, #9ca3af)}.code-example pre{margin:0;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto;color:var(--text-primary, #f3f4f6);background:var(--bg-secondary, #1f2937);font-family:SF Mono,Monaco,Consolas,monospace}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-primary, #ffffff);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #1f2937)}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:8px;transition:all .15s ease}.modal-close:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-content{padding:1.5rem}.modal-content p{margin:0 0 1.25rem;color:var(--text-secondary, #6b7280)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #1f2937);font-size:.875rem}.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.form-group select:focus{outline:none;border-color:var(--brand-primary, #34a853);box-shadow:0 0 0 3px #34a85326}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}@media(max-width:768px){.ga-standard-metric-detail-page{padding:1rem}.detail-header{flex-direction:column;gap:1rem}.detail-header-actions{width:100%}.detail-header-actions button{flex:1}.detail-grid{grid-template-columns:1fr}}.rollup-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4, 1rem);margin-bottom:var(--space-6, 1.5rem)}.rollup-stat-card{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-5, 1.25rem);background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);transition:all .2s ease}.rollup-stat-card:hover{border-color:var(--border-hover, #d1d5db);box-shadow:0 2px 8px #0000000a}.rollup-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-muted, #f3f4f6);border-radius:var(--radius-md, 8px);color:var(--text-secondary, #6b7280)}.rollup-stat-card--filtered .rollup-stat-icon{background:#6366f11a;color:#6366f1}.rollup-stat-content{display:flex;flex-direction:column;gap:2px}.rollup-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #111827);line-height:1}.rollup-stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.rollup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-4, 1rem);flex-wrap:wrap}.rollup-toolbar-left{display:flex;align-items:center;gap:var(--space-4, 1rem);flex:1}.rollup-toolbar-search{display:flex;align-items:center;gap:var(--space-3, .75rem);flex:1;min-width:200px;max-width:400px;padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--bg-muted, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px)}.rollup-toolbar-search svg{color:var(--text-muted, #9ca3af);flex-shrink:0}.rollup-toolbar-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-primary, #111827);outline:none}.rollup-toolbar-search input::placeholder{color:var(--text-muted, #9ca3af)}.rollup-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--bg-hover, #e5e7eb);border-radius:50%;cursor:pointer;color:var(--text-secondary, #6b7280);flex-shrink:0;transition:all .15s ease}.rollup-search-clear:hover{background:var(--text-muted, #9ca3af);color:#fff}.rollup-toolbar-actions{display:flex;align-items:center;gap:var(--space-2, .5rem)}.rollup-btn{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.rollup-btn--secondary{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.rollup-btn--secondary:hover{background:var(--bg-muted, #f9fafb);border-color:var(--border-hover, #d1d5db)}.rollup-btn--primary{background:var(--ymeta-color, #e91e63);border:none;color:#fff}.rollup-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.rollup-btn--primary:disabled{opacity:.6;cursor:not-allowed}.rollup-view-toggle{display:flex;align-items:center;background:var(--bg-muted, #f3f4f6);border-radius:var(--radius-md, 8px);padding:3px;gap:2px}.rollup-view-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .15s ease}.rollup-view-btn:hover{color:var(--text-primary, #111827)}.rollup-view-btn.active{background:var(--bg-surface, #fff);color:var(--text-primary, #111827);box-shadow:0 1px 3px #0000001a}.rollup-filters{display:flex;align-items:flex-end;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-6, 1.5rem);flex-wrap:wrap}.rollup-filter-group{display:flex;flex-direction:column;gap:4px;min-width:180px;flex:1;max-width:280px}.rollup-filter-label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.rollup-filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-muted, #f9fafb);font-size:.875rem;font-family:inherit;color:var(--text-primary, #111827);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .15s ease}.rollup-filter-select:hover{border-color:var(--border-hover, #d1d5db)}.rollup-filter-select:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.rollup-filter-clear{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-surface, #fff);font-size:.8125rem;font-family:inherit;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s ease;white-space:nowrap;align-self:flex-end}.rollup-filter-clear:hover{background:#ef44440d;border-color:#ef44444d;color:#ef4444}.rollup-loading,.rollup-error,.rollup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4, 1rem);padding:4rem 2rem;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);text-align:center}.rollup-loading svg,.rollup-error svg,.rollup-empty svg{color:var(--text-muted, #9ca3af)}.rollup-error svg{color:#ef4444}.rollup-loading h3,.rollup-error h3,.rollup-empty h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.rollup-loading p,.rollup-error p,.rollup-empty p{margin:0;font-size:.9rem;color:var(--text-secondary, #6b7280)}.rollup-spinner{animation:rollup-spin 1s linear infinite}@keyframes rollup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rollup-tree{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem)}.rollup-node{margin-bottom:4px}.rollup-node:last-child{margin-bottom:0}.rollup-node-header{display:flex;align-items:center;gap:var(--space-3, .75rem);width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:transparent;border:none;border-radius:var(--radius-md, 8px);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.rollup-node-header:hover{background:var(--bg-muted, #f9fafb)}.rollup-node--family>.rollup-node-header{background:var(--bg-muted, #f9fafb)}.rollup-node--family>.rollup-node-header:hover{background:var(--bg-hover, #f3f4f6)}.rollup-node-chevron{color:var(--text-muted, #9ca3af);flex-shrink:0}.rollup-node-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm, 6px);flex-shrink:0}.rollup-node-icon--family{background:#e91e631a;color:#e91e63}.rollup-node-icon--vertical{background:#9c27b01a;color:#9c27b0}.rollup-node-icon--product-family{background:#2196f31a;color:#2196f3}.rollup-node-icon--product{background:#4caf501a;color:#4caf50}.rollup-node-label{flex:1;font-weight:500;color:var(--text-primary, #111827);display:flex;align-items:center;gap:var(--space-2, .5rem)}.rollup-node--family>.rollup-node-header .rollup-node-label{font-weight:600}.rollup-product-id{font-size:.75rem;font-weight:400;color:var(--text-muted, #9ca3af);background:var(--bg-muted, #f3f4f6);padding:2px 6px;border-radius:4px}.rollup-node-badge{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);background:var(--bg-muted, #f3f4f6);padding:4px 10px;border-radius:12px;flex-shrink:0}.rollup-node-children{margin-left:var(--space-6, 1.5rem);padding-left:var(--space-4, 1rem);border-left:2px solid var(--border-default, #e5e7eb);margin-top:4px}.rollup-properties{display:flex;flex-direction:column;gap:6px;padding:var(--space-2, .5rem) 0}.rollup-property{display:flex;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);text-decoration:none;transition:all .15s ease}.rollup-property:hover{border-color:var(--border-hover, #d1d5db);background:var(--bg-muted, #f9fafb)}.rollup-property-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rollup-property-name{font-weight:500;color:var(--accent-primary, #2563eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rollup-property-id{font-size:.75rem;color:var(--text-muted, #9ca3af)}.rollup-property-arrow{color:var(--text-muted, #9ca3af);opacity:0;transition:opacity .15s ease;flex-shrink:0}.rollup-property:hover .rollup-property-arrow{opacity:1}.rollup-table-info{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:.8125rem;color:var(--text-secondary, #6b7280);background:var(--bg-muted, #f9fafb);border-bottom:1px solid var(--border-default, #e5e7eb)}.rollup-table-hint{color:var(--text-muted, #9ca3af);font-size:.75rem}.rollup-toolbar-columns{display:flex;align-items:center;gap:var(--space-2, .5rem)}.rollup-toolbar-columns-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280)}.rollup-table-link{color:var(--accent-primary, #2563eb);text-decoration:none;font-weight:500}.rollup-table-link:hover{text-decoration:underline}.rollup-table-empty{color:var(--text-muted, #9ca3af)}@media(max-width:768px){.rollup-stats{grid-template-columns:repeat(2,1fr)}.rollup-toolbar,.rollup-toolbar-left{flex-direction:column;align-items:stretch}.rollup-toolbar-search{max-width:none}.rollup-toolbar-actions{flex-wrap:wrap}.rollup-view-toggle{align-self:flex-start}.rollup-filters{flex-direction:column;align-items:stretch}.rollup-filter-group{max-width:none}}@media(max-width:480px){.rollup-stats{grid-template-columns:1fr}.rollup-node-children{margin-left:var(--space-3, .75rem);padding-left:var(--space-3, .75rem)}}[data-theme=dark] .rollup-filter-select{background-color:var(--bg-muted, #1f2937);color:var(--text-primary, #f3f4f6);border-color:var(--border-default, #374151);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .rollup-filter-select:focus{border-color:var(--accent-primary, #818cf8);box-shadow:0 0 0 3px #818cf826}.mapping-analysis{margin:0 0 20px;border:1px solid var(--border-default, #e5e7eb);border-radius:12px;background:var(--bg-surface, #fff);overflow:hidden;animation:mapping-analysis-in .3s ease-out}@keyframes mapping-analysis-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mapping-analysis__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default, #e5e7eb);background:linear-gradient(135deg,#0ea5e90f,#6366f10a)}.mapping-analysis__title-row{display:flex;align-items:center;gap:10px;color:var(--text-primary, #111)}.mapping-analysis__title-row h3{margin:0;font-size:.9375rem;font-weight:600}.mapping-analysis__title-row svg{color:#0ea5e9}.mapping-analysis__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s}.mapping-analysis__close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111)}.mapping-analysis__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px}.mapping-analysis__kpi{padding:14px 16px;border-radius:10px;border:1px solid var(--border-default, #e5e7eb);text-align:center}.mapping-analysis__kpi-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:4px}.mapping-analysis__kpi-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:2px}.mapping-analysis__kpi-sub{font-size:.6875rem;color:var(--text-muted, #9ca3af)}.mapping-analysis__kpi--danger{background:#fef2f2;border-color:#fecaca}.mapping-analysis__kpi--danger .mapping-analysis__kpi-value{color:#dc2626}.mapping-analysis__kpi--warning{background:#fffbeb;border-color:#fde68a}.mapping-analysis__kpi--warning .mapping-analysis__kpi-value{color:#d97706}.mapping-analysis__kpi--info{background:#eff6ff;border-color:#bfdbfe}.mapping-analysis__kpi--info .mapping-analysis__kpi-value{color:#2563eb}.mapping-analysis__kpi--neutral{background:#f3f4f6;border-color:#e5e7eb}.mapping-analysis__kpi--neutral .mapping-analysis__kpi-value{color:#374151}.mapping-analysis__details{padding:0 20px 16px;display:flex;flex-direction:column;gap:16px}.mapping-analysis__section{border:1px solid var(--border-default, #e5e7eb);border-radius:8px;overflow:hidden}.mapping-analysis__section--rules{border:none}.mapping-analysis__section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-muted, #f9fafb);border-bottom:1px solid var(--border-default, #e5e7eb);font-size:.8125rem;font-weight:600;color:var(--text-primary, #111)}.mapping-analysis__section--rules .mapping-analysis__section-header{background:transparent;border:none;border-bottom:1px solid var(--border-default, #e5e7eb);padding:0 0 10px}.mapping-analysis__filter-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;color:#0ea5e9;background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:5px;cursor:pointer;transition:all .15s;font-family:inherit}.mapping-analysis__filter-btn:hover{background:#0ea5e926}.mapping-analysis__tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px}.mapping-analysis__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.mapping-analysis__tag--danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.mapping-analysis__tag--danger:hover{background:#fee2e2}.mapping-analysis__tag--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.mapping-analysis__tag--more{background:var(--bg-muted, #f3f4f6);color:var(--text-secondary, #6b7280);border:1px solid var(--border-default, #e5e7eb);cursor:default;font-style:italic}.mapping-analysis__tag-sub{font-weight:400;opacity:.7}.mapping-analysis__compact-table{padding:0}.mapping-analysis__compact-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:.8125rem;border-bottom:1px solid var(--border-default, #f3f4f6)}.mapping-analysis__compact-row:last-child{border-bottom:none}.mapping-analysis__compact-row--header{font-weight:600;font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.3px;background:var(--bg-muted, #f9fafb)}.mapping-analysis__compact-row--more{justify-content:center;color:var(--text-muted, #9ca3af);font-size:.75rem;font-style:italic}.mapping-analysis__compact-name{font-weight:500;color:var(--text-primary, #111)}.mapping-analysis__compact-badge{padding:2px 8px;font-size:.6875rem;font-weight:600;background:#eff6ff;color:#2563eb;border-radius:10px}.mapping-analysis__rules{display:flex;flex-direction:column;gap:12px;padding:4px 0 0}.mapping-analysis__rule{display:flex;align-items:flex-start;gap:12px;font-size:.8125rem;color:var(--text-secondary, #4b5563);line-height:1.5}.mapping-analysis__rule strong{color:var(--text-primary, #111)}.mapping-analysis__rule-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:1px}@media(max-width:768px){.mapping-analysis__kpis{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .mapping-analysis{border-color:var(--border-default, #374151);background:var(--bg-surface, #1f2937)}[data-theme=dark] .mapping-analysis__header{border-color:var(--border-default, #374151);background:linear-gradient(135deg,#0ea5e914,#6366f10f)}[data-theme=dark] .mapping-analysis__kpi--danger{background:#dc26261a;border-color:#dc262640}[data-theme=dark] .mapping-analysis__kpi--warning{background:#d977061a;border-color:#d9770640}[data-theme=dark] .mapping-analysis__kpi--info{background:#2563eb1a;border-color:#2563eb40}[data-theme=dark] .mapping-analysis__kpi--neutral{background:#4b556333;border-color:#4b556366}[data-theme=dark] .mapping-analysis__tag--danger{background:#dc26261f;color:#fca5a5;border-color:#dc26264d}[data-theme=dark] .mapping-analysis__tag--warning{background:#d977061f;color:#fcd34d;border-color:#d977064d}[data-theme=dark] .mapping-analysis__compact-badge{background:#2563eb26;color:#93c5fd}.gam-detail{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.gam-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem)}.gam-detail-header-badges{display:flex;align-items:center;gap:var(--space-2, .5rem)}.gam-detail-card{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 1.25rem)}.gam-detail-card-title{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.9375rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 var(--space-4, 1rem) 0}.gam-detail-card-count{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);background:var(--bg-muted, #f3f4f6);padding:2px 8px;border-radius:10px}.gam-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4, 1rem)}.gam-detail-field{display:flex;flex-direction:column;gap:4px}.gam-detail-field label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.gam-detail-field span,.gam-detail-field a{font-size:.9rem;color:var(--text-primary, #111827)}.gam-detail-field a{color:var(--accent-primary, #2563eb);text-decoration:none;font-weight:500}.gam-detail-field a:hover{text-decoration:underline}.gam-detail-field code{font-size:.8125rem}.gam-detail-bu-chain{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-wrap:wrap}.gam-detail-bu-step{display:flex;flex-direction:column;gap:2px;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--bg-muted, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);min-width:120px}.gam-detail-bu-step-label{font-size:.625rem;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.gam-detail-bu-step-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #111827)}.gam-detail-bu-arrow{font-size:1.25rem;color:var(--text-muted, #9ca3af);flex-shrink:0}.gam-detail-ymeta-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.gam-detail-ymeta-item{padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--bg-muted, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px)}.gam-detail-ymeta-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #111827);margin-bottom:4px}.gam-detail-ymeta-name-link{font-weight:600;font-size:.9rem;color:var(--accent-primary, #2563eb);text-decoration:none}.gam-detail-ymeta-name-link:hover{text-decoration:underline}.gam-detail-ymeta-id-link{color:var(--accent-primary, #2563eb);text-decoration:none;font-size:.8125rem}.gam-detail-ymeta-id-link:hover{text-decoration:underline}.gam-detail-ymeta-meta{display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem);font-size:.8125rem;color:var(--text-secondary, #6b7280)}.gam-detail-ymeta-meta strong{font-weight:600;color:var(--text-muted, #9ca3af)}.gam-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);padding:4rem 2rem;text-align:center;color:var(--text-muted, #9ca3af)}.gam-detail-empty h3{margin:0;color:var(--text-primary, #111827)}.gam-detail-empty p{margin:0;color:var(--text-secondary, #6b7280)}.gam-detail-empty-text{font-size:.875rem;color:var(--text-muted, #9ca3af);margin:0;font-style:italic}.gam-detail-siblings{display:flex;flex-direction:column;gap:4px}.gam-detail-sibling{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);text-decoration:none;transition:background .15s ease}.gam-detail-sibling:hover{background:var(--bg-muted, #f9fafb)}.gam-detail-sibling-info{display:flex;align-items:center;gap:var(--space-2, .5rem);min-width:0}.gam-detail-sibling-name{font-size:.875rem;font-weight:500;color:var(--accent-primary, #2563eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gam-detail-sibling-cc{font-size:.8125rem;color:var(--text-secondary, #6b7280);flex-shrink:0}.gam-detail-header-actions{display:flex;align-items:center;gap:var(--space-2, .5rem)}.rollup-btn--danger{background:var(--bg-surface, #fff);border:1px solid rgba(239,68,68,.4);color:#ef4444}.rollup-btn--danger:hover:not(:disabled){background:#ef44440f;border-color:#ef4444}.rollup-btn--danger:disabled{opacity:.5;cursor:not-allowed}.gam-detail-ymeta-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, .5rem);margin-bottom:4px}.gam-detail-ymeta-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm, 6px);color:var(--text-muted, #9ca3af);cursor:pointer;flex-shrink:0;transition:all .15s ease}.gam-detail-ymeta-remove:hover:not(:disabled){background:#ef444414;border-color:#ef44444d;color:#ef4444}.gam-detail-ymeta-remove:disabled{opacity:.4;cursor:not-allowed}.gam-detail-ymeta-disassociate{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;flex-shrink:0}@media(max-width:768px){.gam-detail-grid{grid-template-columns:1fr}.gam-detail-bu-chain{flex-direction:column;align-items:stretch}.gam-detail-bu-arrow{text-align:center;transform:rotate(90deg)}}.change-request-detail-page{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;color:#666}.breadcrumb a{color:#1976d2;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:#999}.breadcrumb .current{color:#333;font-weight:500}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:8px;margin-bottom:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.25rem}.error-message{flex:1;color:#c62828;font-weight:500}.error-dismiss{background:none;border:none;font-size:1.5rem;color:#c62828;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.7;transition:opacity .2s}.error-dismiss:hover{opacity:1}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.header-content h1{font-size:2rem;color:#1a1a1a;margin-bottom:.75rem}.header-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.header-meta code{font-size:.9rem;padding:.375rem .75rem;background-color:#f5f5f5;border-radius:4px;color:#666}.header-actions{display:flex;gap:.75rem}.btn-approve,.btn-reject,.btn-apply,.btn-cancel,.btn-withdraw,.btn-retry{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-approve{background-color:#2e7d32;color:#fff}.btn-approve:hover:not(:disabled){background-color:#1b5e20}.btn-reject{background-color:#d32f2f;color:#fff}.btn-reject:hover:not(:disabled){background-color:#c62828}.btn-apply{background-color:#1976d2;color:#fff}.btn-apply:hover:not(:disabled){background-color:#1565c0}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover{background-color:#e0e0e0}.btn-withdraw{background-color:#ff9800;color:#fff}.btn-withdraw:hover:not(:disabled){background-color:#f57c00}.btn-retry{background-color:#7b1fa2;color:#fff}.btn-retry:hover:not(:disabled){background-color:#6a1b9a}.btn-cancel-request{background-color:#78909c;color:#fff}.btn-cancel-request:hover:not(:disabled){background-color:#546e7a}.btn-delete-request{background-color:#ef5350;color:#fff}.btn-delete-request:hover:not(:disabled){background-color:#e53935}button:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-badge.pending{background-color:#fff3e0;color:#ef6c00}.status-badge.approved{background-color:#e8f5e9;color:#2e7d32}.status-badge.rejected{background-color:#ffebee;color:#c62828}.status-badge.applied{background-color:#e3f2fd;color:#1976d2}.status-badge.failed{background-color:#f3e5f5;color:#7b1fa2}.status-badge.cancelled{background-color:#eceff1;color:#546e7a}.request-type{display:inline-block;padding:.375rem .875rem;border-radius:4px;font-size:.875rem;font-weight:500}.request-type.create{background-color:#e8f5e9;color:#2e7d32}.request-type.update{background-color:#fff3e0;color:#ef6c00}.request-type.delete{background-color:#ffebee;color:#c62828}.detail-content{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-section h2{font-size:1.25rem;color:#333;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-item .info-value{font-size:1rem;color:#333}.info-item .info-value code{font-size:.9rem;padding:.25rem .5rem;background-color:#f5f5f5;border-radius:4px}.review-comments{padding:1rem;background-color:#f9f9f9;border-left:4px solid #1976d2;border-radius:4px;font-style:italic}.json-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;overflow-x:auto}.json-container pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.5;color:#333}.changes-comparison{display:flex;gap:1rem;align-items:stretch}.comparison-column{flex:1;background-color:#fafafa;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.comparison-column h3{margin:0;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comparison-column.current-state h3{background-color:#f5f5f5;color:#666;border-bottom:1px solid #e0e0e0}.comparison-column.proposed-state h3{background-color:#e8f5e9;color:#2e7d32;border-bottom:1px solid #c8e6c9}.comparison-content{padding:.5rem;max-height:500px;overflow-y:auto}.comparison-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#9e9e9e;padding:0 .5rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table tr{border-bottom:1px solid #eeeeee}.comparison-table tr:last-child{border-bottom:none}.comparison-table tr.changed{background-color:#ffeb3b1a}.comparison-table td{padding:.5rem .75rem;vertical-align:top}.comparison-table .attr-name{font-weight:600;color:#555;width:35%;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem}.comparison-table .attr-value{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;color:#333;word-break:break-word;white-space:pre-wrap}.comparison-table .attr-value.strikethrough{text-decoration:line-through;color:#999;background-color:#f4433614}.comparison-table .attr-value.highlight{background-color:#4caf5026;color:#1b5e20;font-weight:500}.comparison-table .attr-value.removed{background-color:#f443361a}.comparison-table .attr-value.added{background-color:#4caf5026}.comparison-table .empty-value{color:#bdbdbd;font-style:italic}.no-comparison-notice{padding:.75rem 1rem;background-color:#fff8e1;border:1px solid #ffecb3;border-radius:6px;margin-bottom:1rem;color:#f57c00;font-size:.9rem}@media(max-width:900px){.changes-comparison{flex-direction:column}.comparison-arrow{transform:rotate(90deg);padding:.5rem 0}}.error-box{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:6px;padding:1rem;margin-top:1rem}.error-box .error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.error-box .error-header strong{color:#c62828;margin-bottom:0}.error-box strong{color:#c62828;display:block;margin-bottom:.5rem}.error-box pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;color:#c62828;white-space:pre-wrap;word-wrap:break-word;background:#c628280d;padding:.75rem;border-radius:4px}.error-box .retry-hint{margin:.75rem 0 0;font-size:.875rem;color:#666;font-style:italic}.btn-retry{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-retry:hover:not(:disabled){background:linear-gradient(135deg,#fb8c00,#ef6c00);transform:translateY(-1px);box-shadow:0 2px 8px #ff980066}.btn-retry:disabled{opacity:.7;cursor:not-allowed}.success-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;margin-bottom:1.5rem;animation:slideIn .3s ease-out}.success-icon{font-size:1.25rem}.success-message{flex:1;color:#2e7d32;font-weight:500}.success-dismiss{background:none;border:none;color:#81c784;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.success-dismiss:hover{color:#2e7d32}.modal-description{color:var(--text-secondary, #666);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary, #666);margin-bottom:.5rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;background:var(--bg-primary, #fff);color:var(--text-primary, #333);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.modal-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.modal-error span{flex-shrink:0}.btn-approve-action{background-color:#16a34a!important;border-color:#16a34a!important}.btn-approve-action:hover:not(:disabled){background-color:#15803d!important;border-color:#15803d!important}.btn-withdraw-action{background-color:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.btn-withdraw-action:hover:not(:disabled){background-color:#d97706!important;border-color:#d97706!important}.loading-state,.error-state{text-align:center;padding:3rem;color:#666}.error-state h2{font-size:1.5rem;color:#c62828;margin-bottom:1rem}.back-link{display:inline-block;margin-top:1rem;color:#1976d2;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.approval-progress-section{margin-top:1rem;background:linear-gradient(135deg,#f8f9fa,#e8ecef)}.approval-progress-section h2{display:flex;align-items:center;gap:.5rem}.approval-requirement-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#fff;border-radius:8px;margin-bottom:1rem;border:1px solid #e0e0e0}.requirement-row{display:flex;align-items:center;gap:.75rem}.requirement-label{font-weight:500;color:#616161;min-width:150px}.requirement-value{font-weight:600;color:#333}.requirement-value.status-text.fully-approved{color:#2e7d32}.requirement-value.status-text.pending-approvals{color:#ef6c00}.approval-progress-bar-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.approval-progress-bar{flex:1;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden}.approval-progress-fill{height:100%;background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:6px;transition:width .3s ease}.approval-progress-text{font-size:.95rem;font-weight:600;color:#424242;white-space:nowrap}.header-meta .approval-progress{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:#e3f2fd;color:#1565c0;border-radius:12px;font-size:.85rem;font-weight:500}.approvers-list{margin-top:1rem}.approvers-list h3{font-size:.95rem;font-weight:600;color:#616161;margin-bottom:.75rem}.approver-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border-radius:8px;margin-bottom:.5rem;border:1px solid #e0e0e0}.approver-item.approved{border-left:3px solid #66bb6a}.approver-item.rejected{border-left:3px solid #ef5350}.approver-item.revoked{border-left:3px solid #ffa726}.decision-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.85rem}.decision-badge.approved{background-color:#e8f5e9;color:#2e7d32}.decision-badge.rejected{background-color:#ffebee;color:#c62828}.decision-badge.revoked{background-color:#fff3e0;color:#e65100}.approver-name{font-weight:500;color:#333}.approval-time{font-size:.85rem;color:#757575;margin-left:auto}.approval-comment{font-size:.9rem;color:#616161;font-style:italic;width:100%;margin-top:.5rem;padding-left:2.5rem}.add-approval-hint{margin-top:1rem;padding:.75rem 1rem;background-color:#e3f2fd;border-radius:8px;color:#1565c0;font-size:.9rem}.add-approval-hint.approved{background-color:#e8f5e9;color:#2e7d32}.review-history-section{margin-top:1rem}.review-history-section h2{display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.25rem}.review-history-list{display:flex;flex-direction:column;gap:.75rem}.review-entry{background-color:#f5f5f5;border-radius:8px;padding:1rem;border-left:4px solid #9e9e9e}.review-entry.approval{border-left-color:#616161;background-color:#fafafa}.review-entry.rejection{border-left-color:#757575;background-color:#f5f5f5}.review-entry.withdrawal{border-left-color:#9e9e9e;background-color:#eee}.review-entry.system{border-left-color:#bdbdbd;background-color:#fafafa}.review-entry.legacy{border-left-color:#78909c;background-color:#eceff1}.review-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.review-action-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.review-action-badge.approved,.review-action-badge.approval{background-color:#424242;color:#fff}.review-action-badge.rejected,.review-action-badge.rejection{background-color:#757575;color:#fff}.review-action-badge.withdrawn,.review-action-badge.withdrawal{background-color:#9e9e9e;color:#fff}.review-action-badge.applied{background-color:#616161;color:#fff}.review-action-badge.failed{background-color:#bdbdbd;color:#424242}.review-action-badge.pending_approval{background-color:#e0e0e0;color:#424242}.review-author{font-weight:500;color:#555}.review-time{font-size:.8rem;color:#888;margin-left:auto}.review-content{color:#444;line-height:1.5;white-space:pre-wrap;padding:.5rem;background-color:#ffffff80;border-radius:4px;margin-top:.5rem}.discussion-section{margin-top:1rem}.discussion-section h2{display:flex;align-items:center;gap:.5rem}.discussion-icon{font-size:1.25rem}.comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background-color:#1976d2;color:#fff;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:.5rem}.new-comment-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.comment-input{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.comment-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.btn-add-comment{align-self:flex-end;padding:.625rem 1.25rem;background-color:#1976d2;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-comment:hover:not(:disabled){background-color:#1565c0}.btn-add-comment:disabled{opacity:.6;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1rem}.comments-loading,.no-comments{text-align:center;padding:2rem;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:8px}.comment-item{background-color:#f8f9fa;border-radius:8px;padding:1rem;border-left:4px solid #1976d2;transition:box-shadow .2s}.comment-item:hover{box-shadow:0 2px 8px #00000014}.comment-item.approval{border-left-color:#2e7d32;background-color:#f1f8e9}.comment-item.rejection{border-left-color:#d32f2f;background-color:#ffebee}.comment-item.withdrawal{border-left-color:#ff9800;background-color:#fff8e1}.comment-item.system{border-left-color:#9e9e9e;background-color:#f5f5f5;font-style:italic}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.comment-author{font-weight:600;color:#333}.comment-action{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.comment-action.approved{background-color:#424242;color:#fff}.comment-action.rejected{background-color:#757575;color:#fff}.comment-action.withdrawn{background-color:#9e9e9e;color:#fff}.comment-action.applied{background-color:#616161;color:#fff}.comment-action.failed{background-color:#bdbdbd;color:#424242}.comment-time{font-size:.8rem;color:#888;margin-left:auto}.edited-tag{font-style:italic;color:#999}.comment-content{color:#444;line-height:1.5;white-space:pre-wrap}.comment-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-edit-comment,.btn-delete-comment{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.btn-edit-comment{background-color:#e3f2fd;color:#1976d2}.btn-edit-comment:hover{background-color:#bbdefb}.btn-delete-comment{background-color:#ffebee;color:#d32f2f}.btn-delete-comment:hover:not(:disabled){background-color:#ffcdd2}.btn-delete-comment:disabled{opacity:.6;cursor:not-allowed}.comment-edit-form{margin-top:.5rem}.comment-edit-input{width:100%;padding:.75rem;border:2px solid #1976d2;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:.5rem}.comment-edit-input:focus{outline:none;box-shadow:0 0 0 3px #1976d21a}.comment-edit-actions{display:flex;gap:.5rem}.btn-save-edit{padding:.375rem .875rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.btn-save-edit:hover:not(:disabled){background-color:#1565c0}.btn-save-edit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-edit{padding:.375rem .875rem;background-color:#e0e0e0;color:#666;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.btn-cancel-edit:hover{background-color:#bdbdbd}[data-theme=dark] .change-request-detail-page{color:var(--text-primary)}[data-theme=dark] .breadcrumb{color:var(--text-secondary)}[data-theme=dark] .breadcrumb a{color:var(--brand-primary)}[data-theme=dark] .breadcrumb .separator{color:var(--text-muted)}[data-theme=dark] .breadcrumb .current{color:var(--text-primary)}[data-theme=dark] .error-alert{background-color:#ef44441a;border-color:#ef44444d}[data-theme=dark] .error-message,[data-theme=dark] .error-dismiss{color:#f87171}[data-theme=dark] .detail-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .header-content h1{color:var(--text-primary)}[data-theme=dark] .header-meta code{background-color:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .status-badge.pending{background-color:#f59e0b26;color:#fbbf24}[data-theme=dark] .status-badge.approved{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .status-badge.rejected{background-color:#ef444426;color:#f87171}[data-theme=dark] .status-badge.applied{background-color:#3b82f626;color:#60a5fa}[data-theme=dark] .status-badge.failed{background-color:#8b5cf626;color:#a78bfa}[data-theme=dark] .status-badge.cancelled{background-color:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .request-type.create{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .request-type.update{background-color:#f59e0b26;color:#fbbf24}[data-theme=dark] .request-type.delete{background-color:#ef444426;color:#f87171}[data-theme=dark] .info-section{background:var(--bg-secondary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .info-section h2{color:var(--text-primary);border-bottom-color:var(--border-primary)}[data-theme=dark] .info-item label{color:var(--text-secondary)}[data-theme=dark] .info-item .info-value{color:var(--text-primary)}[data-theme=dark] .info-item .info-value code{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .review-comments{background-color:var(--bg-tertiary);border-left-color:var(--brand-primary)}[data-theme=dark] .json-container{background-color:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .json-container pre{color:var(--text-primary)}[data-theme=dark] .comparison-column{background-color:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .comparison-column.current-state h3{background-color:var(--bg-tertiary);color:var(--text-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .comparison-column.proposed-state h3{background-color:#22c55e1a;color:#4ade80;border-bottom-color:#22c55e33}[data-theme=dark] .comparison-arrow{color:var(--text-muted)}[data-theme=dark] .comparison-table tr{border-bottom-color:var(--border-secondary)}[data-theme=dark] .comparison-table tr.changed{background-color:#f59e0b0d}[data-theme=dark] .comparison-table .attr-name{color:var(--text-secondary)}[data-theme=dark] .comparison-table .attr-value{color:var(--text-primary)}[data-theme=dark] .comparison-table .attr-value.strikethrough{color:var(--text-muted);background-color:#ef44441a}[data-theme=dark] .comparison-table .attr-value.highlight{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .comparison-table .empty-value{color:var(--text-muted)}[data-theme=dark] .no-comparison-notice{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .error-box{background-color:#ef44441a;border-color:#ef44444d}[data-theme=dark] .error-box strong{color:#f87171}[data-theme=dark] .error-box pre{color:#f87171;background:#ef44440d}[data-theme=dark] .error-box .retry-hint{color:var(--text-secondary)}[data-theme=dark] .success-alert{background-color:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .success-message,[data-theme=dark] .success-dismiss{color:#4ade80}[data-theme=dark] .modal-description,[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .form-group textarea{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #646cff33}[data-theme=dark] .modal-error{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .loading-state,[data-theme=dark] .error-state{color:var(--text-secondary)}[data-theme=dark] .error-state h2{color:#f87171}[data-theme=dark] .back-link{color:var(--brand-primary)}[data-theme=dark] .approval-progress-section{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}[data-theme=dark] .approval-requirement-info{background-color:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .requirement-label{color:var(--text-secondary)}[data-theme=dark] .requirement-value{color:var(--text-primary)}[data-theme=dark] .approval-progress-bar{background-color:var(--bg-tertiary)}[data-theme=dark] .approval-progress-text{color:var(--text-secondary)}[data-theme=dark] .header-meta .approval-progress{background-color:#3b82f626;color:#60a5fa}[data-theme=dark] .approvers-list h3{color:var(--text-secondary)}[data-theme=dark] .approver-item{background-color:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .decision-badge.approved{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .decision-badge.rejected{background-color:#ef444426;color:#f87171}[data-theme=dark] .decision-badge.revoked{background-color:#f59e0b26;color:#fbbf24}[data-theme=dark] .approver-name{color:var(--text-primary)}[data-theme=dark] .approval-time{color:var(--text-muted)}[data-theme=dark] .approval-comment{color:var(--text-secondary)}[data-theme=dark] .add-approval-hint{background-color:#3b82f61a;color:#60a5fa}[data-theme=dark] .add-approval-hint.approved{background-color:#22c55e1a;color:#4ade80}[data-theme=dark] .review-entry{background-color:var(--bg-tertiary);border-left-color:var(--text-muted)}[data-theme=dark] .review-action-badge{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .review-author{color:var(--text-secondary)}[data-theme=dark] .review-time{color:var(--text-muted)}[data-theme=dark] .review-content{color:var(--text-secondary);background-color:#ffffff0d}[data-theme=dark] .comment-count{background-color:var(--brand-primary)}[data-theme=dark] .comment-input{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .comment-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #646cff33}[data-theme=dark] .btn-add-comment{background-color:var(--brand-primary)}[data-theme=dark] .btn-add-comment:hover:not(:disabled){background-color:var(--brand-hover)}[data-theme=dark] .comments-loading,[data-theme=dark] .no-comments{color:var(--text-secondary);background-color:var(--bg-tertiary)}[data-theme=dark] .comment-item{background-color:var(--bg-tertiary);border-left-color:var(--brand-primary)}[data-theme=dark] .comment-item.approval{border-left-color:#4ade80;background-color:#22c55e0d}[data-theme=dark] .comment-item.rejection{border-left-color:#f87171;background-color:#ef44440d}[data-theme=dark] .comment-item.withdrawal{border-left-color:#fbbf24;background-color:#f59e0b0d}[data-theme=dark] .comment-item.system{border-left-color:var(--text-muted);background-color:var(--bg-tertiary)}[data-theme=dark] .comment-author{color:var(--text-primary)}[data-theme=dark] .comment-time,[data-theme=dark] .edited-tag{color:var(--text-muted)}[data-theme=dark] .comment-content{color:var(--text-secondary)}[data-theme=dark] .btn-edit-comment{background-color:#646cff26;color:var(--brand-primary)}[data-theme=dark] .btn-edit-comment:hover{background-color:#646cff40}[data-theme=dark] .btn-delete-comment{background-color:#ef44441a;color:#f87171}[data-theme=dark] .btn-delete-comment:hover:not(:disabled){background-color:#ef444433}[data-theme=dark] .comment-edit-input{background:var(--bg-primary);border-color:var(--brand-primary);color:var(--text-primary)}[data-theme=dark] .btn-save-edit{background-color:var(--brand-primary)}[data-theme=dark] .btn-save-edit:hover:not(:disabled){background-color:var(--brand-hover)}[data-theme=dark] .btn-cancel-edit{background-color:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .btn-cancel-edit:hover{background-color:var(--bg-hover)}.review-modal .modal-header{border-bottom:none;padding-bottom:0}.review-modal .modal-body{padding-top:0}.review-modal__content{display:flex;gap:1.5rem;align-items:flex-start}.review-modal__icon{flex-shrink:0;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.review-modal__icon--approve{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.review-modal__icon--reject{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.review-modal__icon--withdraw{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.review-modal__icon--cancel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b}.review-modal__details{flex:1;min-width:0}.review-modal__question{font-size:1rem;font-weight:500;color:var(--text-primary, #1a1a1a);margin:0 0 1rem;line-height:1.5}.review-modal__context{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.875rem 1rem;margin-bottom:1rem}.review-modal__context-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem 0}.review-modal__context-row:not(:last-child){border-bottom:1px solid var(--border-secondary, #f1f5f9)}.review-modal__context-label{font-size:.8125rem;color:var(--text-secondary, #64748b);font-weight:500}.review-modal__context-value{font-size:.875rem;color:var(--text-primary, #1e293b);font-weight:500}code.review-modal__context-value{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8125rem;background:var(--bg-tertiary, #f1f5f9);padding:.25rem .5rem;border-radius:4px}.review-modal__badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.review-modal__badge--create{background:#dcfce7;color:#166534}.review-modal__badge--update{background:#fef3c7;color:#92400e}.review-modal__badge--delete{background:#fee2e2;color:#991b1b}.review-modal__badge--approved{background:#dcfce7;color:#166534}.review-modal__badge--pending{background:#fef3c7;color:#92400e}.review-modal__warning{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:1rem;font-size:.875rem;color:#92400e;line-height:1.5}.review-modal__warning svg{flex-shrink:0;margin-top:.125rem}.review-modal__warning--destructive{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.review-modal__error{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:1rem;font-size:.875rem;color:#dc2626;line-height:1.5}.review-modal__error svg{flex-shrink:0;margin-top:.125rem}.review-modal__form-group{margin-bottom:0}.review-modal__label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary, #475569);margin-bottom:.5rem}.review-modal__required{color:#dc2626}.review-modal__optional{font-weight:400;color:var(--text-muted, #94a3b8)}.review-modal__textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);transition:border-color .2s,box-shadow .2s;line-height:1.5;min-height:100px}.review-modal__textarea:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.review-modal__textarea--required:focus{border-color:var(--brand-primary, #6366f1)}.review-modal__hint{display:block;font-size:.8125rem;color:var(--text-muted, #94a3b8);margin-top:.375rem}.review-modal--approve .modal-header h2{color:#059669}.review-modal--reject .modal-header h2{color:#dc2626}.review-modal--withdraw .modal-header h2{color:#d97706}.review-modal--cancel .modal-header h2{color:#64748b}@media(max-width:640px){.review-modal__content{flex-direction:column;align-items:center;text-align:center}.review-modal__context-row{flex-direction:column;gap:.25rem;align-items:center}.review-modal__context-row:not(:last-child){padding-bottom:.75rem;margin-bottom:.5rem}}[data-theme=dark] .review-modal__icon--approve{background:linear-gradient(135deg,#10b98126,#10b98140);color:#34d399}[data-theme=dark] .review-modal__icon--reject{background:linear-gradient(135deg,#ef444426,#ef444440);color:#f87171}[data-theme=dark] .review-modal__icon--withdraw{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);color:#fbbf24}[data-theme=dark] .review-modal__icon--cancel{background:linear-gradient(135deg,#64748b26,#64748b40);color:#94a3b8}[data-theme=dark] .review-modal__question{color:var(--text-primary)}[data-theme=dark] .review-modal__context{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .review-modal__context-row:not(:last-child){border-bottom-color:var(--border-secondary)}[data-theme=dark] .review-modal__context-label{color:var(--text-secondary)}[data-theme=dark] .review-modal__context-value{color:var(--text-primary)}[data-theme=dark] code.review-modal__context-value{background:var(--bg-secondary)}[data-theme=dark] .review-modal__badge--create{background:#22c55e26;color:#4ade80}[data-theme=dark] .review-modal__badge--update{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .review-modal__badge--delete{background:#ef444426;color:#f87171}[data-theme=dark] .review-modal__badge--approved{background:#22c55e26;color:#4ade80}[data-theme=dark] .review-modal__badge--pending{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .review-modal__warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .review-modal__warning--destructive,[data-theme=dark] .review-modal__error{background:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .review-modal__label{color:var(--text-secondary)}[data-theme=dark] .review-modal__optional{color:var(--text-muted)}[data-theme=dark] .review-modal__textarea{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .review-modal__textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .review-modal__hint{color:var(--text-muted)}[data-theme=dark] .review-modal--approve .modal-header h2{color:#34d399}[data-theme=dark] .review-modal--reject .modal-header h2{color:#f87171}[data-theme=dark] .review-modal--withdraw .modal-header h2{color:#fbbf24}[data-theme=dark] .review-modal--cancel .modal-header h2{color:#94a3b8}.history-modal{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.history-header h3{margin:0;font-size:1.25rem}.history-loading,.history-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.history-list{overflow-y:auto;flex:1}.history-item{padding:1rem;border:1px solid var(--border-primary);border-radius:4px;margin-bottom:1rem;background:var(--bg-secondary)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-user{font-weight:600;color:var(--text-primary)}.history-date{font-size:.85rem;color:var(--text-secondary)}.history-item-content{display:flex;flex-direction:column;gap:.5rem}.history-value-change{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-value{padding:.5rem;border-radius:4px;font-size:.9rem}.history-value.old-value{background:#ffebee;color:#c62828}.history-value.new-value{background:#e8f5e9;color:#2e7d32}.history-value strong{display:block;margin-bottom:.25rem;font-size:.85rem}.history-reason{padding:.5rem;background:var(--bg-primary);border-left:3px solid #2196f3;font-size:.9rem;color:var(--text-primary)}.history-meta{font-size:.8rem;color:var(--text-secondary);padding-top:.5rem;border-top:1px solid var(--border-primary)}.setting-field{padding:1rem;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);margin-bottom:1rem}.setting-field.has-changes{border-color:#2196f3;background:#e7f3ff}.setting-field-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.setting-field-info{flex:1}.setting-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.setting-description{font-size:.85rem;color:var(--text-secondary);margin:0}.setting-field-actions{display:flex;gap:.5rem}.setting-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.setting-badge.restart-required{background-color:#fff3cd;color:#856404}.setting-badge.secret{background-color:#f8d7da;color:#721c24}.setting-field-controls{display:flex;gap:1rem;align-items:flex-start}.setting-field-controls>.setting-input{flex:1;padding:.5rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.setting-field-controls>.setting-input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.setting-toggle{position:relative;display:inline-block;width:50px;height:24px}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.setting-toggle input:checked+.toggle-slider{background-color:#2196f3}.setting-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.setting-toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.setting-field-buttons{display:flex;gap:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);padding:1.5rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-top:0;margin-bottom:1rem}.modal-content p{margin-bottom:1rem;color:var(--text-secondary)}.reason-textarea{width:100%;padding:.5rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:1rem;background:var(--bg-primary);color:var(--text-primary)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.setting-category{border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);overflow:hidden}.setting-category-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.setting-category-header:hover{background:var(--bg-hover)}.setting-category-title{display:flex;align-items:center;gap:1rem;flex:1}.category-icon{font-size:1.5rem}.setting-category-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.category-description{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.setting-category-actions{display:flex;align-items:center;gap:1rem}.setting-count{font-size:.9rem;color:var(--text-secondary)}.expand-icon{font-size:.75rem;color:var(--text-secondary);transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.setting-category-content{padding:1rem}.settings-page{display:flex;flex-direction:column;min-height:100%}.settings-tabs-wrapper{margin-top:1.5rem;margin-bottom:0;background:var(--bg-surface, #fff);border-radius:12px 12px 0 0;border:1px solid var(--border-default, #e5e7eb);border-bottom:none;overflow:hidden}.settings-tabs{display:flex;gap:0;padding:0;background:var(--bg-muted, #f9fafb);overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:flex;align-items:center;gap:.625rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #6b7280);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.settings-tab:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background:var(--border-default, #e5e7eb)}.settings-tab:last-child:after{display:none}.settings-tab:hover{color:var(--text-primary, #1f2937);background:#00000005}.settings-tab--active{color:var(--accent-primary, #3b82f6);background:var(--bg-surface, #fff);border-bottom-color:var(--accent-primary, #3b82f6)}.settings-tab--active:after{display:none}.settings-tab--active:hover{background:var(--bg-surface, #fff)}.settings-tab svg{opacity:.6;flex-shrink:0}.settings-tab--active svg{opacity:1}.settings-toolbar{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-top:none;padding:1rem 1.5rem}.settings-toolbar .page-toolbar{gap:1rem}.settings-toolbar__clear{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-muted, #6b7280);background:var(--bg-muted, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-toolbar__clear:hover{background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #1f2937)}.settings-tab-content{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-top:none;border-radius:0 0 12px 12px;min-height:500px;overflow:hidden}.settings-embedded-page .page-shell{gap:0}.settings-embedded-page .page-shell__header,.settings-embedded-page .page-shell__breadcrumbs,.settings-embedded-page .page-shell__toolbar,.settings-embedded-page .page-shell__stats{display:none}.settings-embedded-page .page-shell__content{padding:0}.settings-embedded-page .data-table-wrapper{border:none;border-radius:0}.settings-embedded-page .data-table{border-radius:0}.settings-embedded-page--feature-flags{padding:1.5rem}.settings-embedded-page--feature-flags .feature-flags-page{padding:0;max-width:none}.users-embedded .data-table-wrapper{border:none;border-radius:0}.role-management-embedded{padding:1.5rem}.role-management-embedded .roles-grid{gap:1.5rem}.role-management-embedded .domain-section{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:10px;overflow:hidden}.role-management-embedded .empty-state{padding:3rem}.settings-general-content{padding:1.5rem}.settings-content{display:flex;flex-direction:column;gap:1.25rem}.settings-restart-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;margin-bottom:1.25rem}.settings-restart-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.settings-restart-warning strong{display:block;margin-bottom:.25rem;color:#d97706;font-weight:600;font-size:.9rem}.settings-restart-warning p{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280)}.settings-unsaved-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:10px;margin-bottom:1.25rem}.settings-unsaved-banner svg{color:#3b82f6;flex-shrink:0}.settings-unsaved-banner span{color:#2563eb;font-weight:500;font-size:.875rem}[data-theme=dark] .settings-tabs-wrapper{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .settings-tabs{background:var(--bg-muted, #111827)}[data-theme=dark] .settings-tab:after{background:var(--border-default, #374151)}[data-theme=dark] .settings-tab:hover{background:#ffffff08}[data-theme=dark] .settings-tab--active{background:var(--bg-surface, #1f2937)}[data-theme=dark] .settings-toolbar,[data-theme=dark] .settings-tab-content{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .settings-toolbar__clear{background:var(--bg-muted, #374151);border-color:var(--border-default, #4b5563);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .settings-toolbar__clear:hover{background:var(--bg-hover, #4b5563);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .settings-restart-warning{background:#f59e0b1a;border-color:#f59e0b4d}[data-theme=dark] .settings-restart-warning strong{color:#fbbf24}[data-theme=dark] .settings-restart-warning p{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .settings-unsaved-banner{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .settings-unsaved-banner span{color:#60a5fa}@media(max-width:768px){.settings-tabs-wrapper{margin-top:1rem;border-radius:8px 8px 0 0}.settings-tab{padding:.875rem 1rem;font-size:.85rem;gap:.5rem}.settings-tab span{display:none}.settings-tab svg{opacity:1}.settings-tab:after{height:20px}.settings-toolbar{padding:.875rem 1rem}.settings-toolbar .page-toolbar{flex-direction:column;gap:.75rem}.settings-tab-content{border-radius:0 0 8px 8px;min-height:400px}.settings-general-content,.settings-embedded-page--feature-flags{padding:1rem}}@media(max-width:480px){.settings-tab{padding:.75rem .875rem}}.settings-tab__badge{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--bg-accent-subtle, #e8f0fe);color:var(--text-accent, #1a73e8);line-height:1.3}.settings-tab--active .settings-tab__badge{background:var(--bg-accent, #1a73e8);color:#fff}.settings-features-content{padding:1.5rem}.settings-features-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.settings-features-header__text h3{margin:0 0 .375rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937)}.settings-features-header__text p{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.5;max-width:600px}.settings-features-header__status{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px;background:var(--bg-accent-subtle, #e8f0fe);color:var(--text-accent, #1a73e8);white-space:nowrap;flex-shrink:0}.settings-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;margin-bottom:1.5rem}.feature-card{border:1px solid var(--border-default, #e5e7eb);border-radius:12px;padding:1.25rem;background:var(--bg-surface, #fff);transition:border-color .2s,box-shadow .2s}.feature-card--enabled{border-color:var(--border-default, #e5e7eb)}.feature-card--disabled{border-color:var(--border-muted, #f3f4f6);background:var(--bg-muted, #f9fafb)}.feature-card:hover{box-shadow:0 2px 8px #0000000f}.feature-card__header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem}.feature-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.feature-card__info{flex:1;min-width:0}.feature-card__title{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text-primary, #1f2937)}.feature-card--disabled .feature-card__title{color:var(--text-tertiary, #9ca3af)}.feature-card__description{margin:0;font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.4}.feature-card--disabled .feature-card__description{color:var(--text-tertiary, #9ca3af)}.feature-toggle{position:relative;display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer}.feature-toggle input{opacity:0;width:0;height:0;position:absolute}.feature-toggle__slider{width:44px;height:24px;border-radius:12px;background:var(--bg-tertiary, #d1d5db);position:relative;transition:background .3s}.feature-toggle__slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s;box-shadow:0 1px 3px #00000026}.feature-toggle input:checked+.feature-toggle__slider{background:var(--color-accent, #1a73e8)}.feature-toggle input:checked+.feature-toggle__slider:before{transform:translate(20px)}.feature-toggle input:disabled+.feature-toggle__slider{opacity:.5;cursor:not-allowed}.feature-toggle__loading{position:absolute;right:-20px;font-size:.75rem;color:var(--text-tertiary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.feature-card__details{display:flex;flex-direction:column;gap:.5rem}.feature-card__status{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;color:var(--text-secondary, #6b7280)}.feature-card__dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary, #d1d5db);flex-shrink:0}.feature-card__dot--active{background:#34a853}.feature-card__scope{display:flex;flex-direction:column;gap:.375rem}.feature-card__scope-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.025em}.feature-card__tags{display:flex;flex-wrap:wrap;gap:.25rem}.feature-card__tag{font-size:.7rem;padding:2px 8px;border-radius:4px;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);white-space:nowrap}.feature-card--disabled .feature-card__tag{background:var(--bg-quaternary, #e5e7eb);color:var(--text-tertiary, #9ca3af)}.feature-card__warning{margin-top:.75rem;padding:.5rem .75rem;border-radius:6px;background:#fef3cd;color:#856404;font-size:.78rem;line-height:1.4;border:1px solid #ffc107}[data-theme=dark] .feature-card__warning{background:#ffc1071a;color:#ffc107;border-color:#ffc1074d}.settings-features-note{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:var(--bg-info-subtle, #e8f0fe);border-radius:8px;font-size:.8rem;color:var(--text-secondary, #6b7280);line-height:1.5}.settings-features-note svg{flex-shrink:0;margin-top:2px;color:var(--text-accent, #1a73e8)}@media(max-width:768px){.settings-features-grid{grid-template-columns:1fr}.settings-features-header{flex-direction:column}}.detail-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:1rem;animation:modalFadeIn .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{background:var(--bg-surface, white);border-radius:var(--radius-xl, 16px);padding:0;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, .25));animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-modal--sm{max-width:480px}.detail-modal--md{max-width:640px}.detail-modal--lg{max-width:860px}.detail-modal--xl{max-width:1024px}.detail-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--bg-muted, #f8fafc) 0%,var(--bg-surface, #ffffff) 100%);border-bottom:1px solid var(--border-default, #e5e7eb);flex-shrink:0}.detail-modal__header--with-avatar{padding:1.5rem}.detail-modal__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.detail-modal__header-content{flex:1;min-width:0}.detail-modal__title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;line-height:1.3}.detail-modal__subtitle{font-size:.875rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.detail-modal__badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.625rem}.detail-modal__close{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.5rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px);transition:all .15s ease;flex-shrink:0;margin-left:auto}.detail-modal__close:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #374151)}.detail-modal__tabs{display:flex;gap:0;padding:0 1.5rem;background:var(--bg-surface, white);border-bottom:1px solid var(--border-default, #e5e7eb);flex-shrink:0;overflow-x:auto}.detail-modal__tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;margin-bottom:-1px}.detail-modal__tab:hover{color:var(--text-primary, #1a1a1a);background:var(--bg-hover, #f8fafc)}.detail-modal__tab--active{color:var(--modal-accent, var(--accent-primary, #3b82f6));border-bottom-color:var(--modal-accent, var(--accent-primary, #3b82f6))}.detail-modal__tab--active:hover{color:var(--modal-accent, var(--accent-primary, #3b82f6));background:transparent}.detail-modal__tab-count{font-weight:400;color:var(--text-muted, #94a3b8)}.detail-modal__tab--active .detail-modal__tab-count{color:var(--modal-accent, var(--accent-primary, #3b82f6))}.detail-modal--ga .detail-modal__avatar{box-shadow:0 4px 12px #f59e0b4d}.detail-modal--edm .detail-modal__avatar{box-shadow:0 4px 12px #10b9814d}.detail-modal--ymeta .detail-modal__avatar{box-shadow:0 4px 12px #8b5cf64d}.detail-modal--workflow .detail-modal__avatar{box-shadow:0 4px 12px #f59e0b4d}.detail-modal--admin .detail-modal__avatar{box-shadow:0 4px 12px #6366f14d}.detail-modal__content{padding:1.5rem;overflow-y:auto;flex:1;background:var(--bg-muted, #f8fafc)}.detail-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e5e7eb);background:var(--bg-surface, white);flex-shrink:0}.detail-section{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border-default, #e5e7eb)}.detail-section:last-child{margin-bottom:0}.detail-section__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.detail-section__header--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.detail-section__header--collapsible:hover{color:var(--accent-primary, #3b82f6)}.detail-section__toggle{color:var(--text-muted, #94a3b8)}.detail-section__title{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.04em;margin:0;display:flex;align-items:center;gap:.5rem}.detail-section__title:after{content:"";flex:1;height:1px;background:var(--border-default, #e5e7eb);margin-left:.5rem}.detail-section__description{color:var(--text-secondary, #64748b);font-size:.8125rem;margin:-.5rem 0 1rem;line-height:1.5}.detail-section__content{color:var(--text-primary, #374151)}.detail-field{margin-bottom:1rem}.detail-field:last-child{margin-bottom:0}.detail-field__label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.375rem}.detail-field__required{color:var(--color-error, #dc2626);margin-left:.125rem}.detail-field__content input,.detail-field__content select,.detail-field__content textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border-default, #d1d5db);border-radius:var(--radius-md, 8px);font-size:.9375rem;font-family:inherit;background:var(--bg-surface, white);color:var(--text-primary, #1f2937);transition:border-color .15s,box-shadow .15s}.detail-field__content input:focus,.detail-field__content select:focus,.detail-field__content textarea:focus{outline:none;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.detail-field__content input:read-only,.detail-field__content input:disabled{background:var(--bg-muted, #f8fafc);cursor:default}.detail-field__hint{display:block;font-size:.6875rem;color:var(--text-muted, #6b7280);margin-top:.25rem}.detail-row{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.detail-row__label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.04em}.detail-row__value{color:var(--text-primary, #1e293b);font-size:.9375rem;margin:0}.detail-row__hint{display:block;font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.detail-grid{display:grid;gap:.75rem 1.5rem;margin:0}.detail-grid--1{grid-template-columns:1fr}.detail-grid--2{grid-template-columns:repeat(2,1fr)}.detail-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.detail-grid--2,.detail-grid--3{grid-template-columns:1fr}}.detail-list{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;padding:.5rem;background:var(--bg-muted, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.detail-list::-webkit-scrollbar{width:6px}.detail-list::-webkit-scrollbar-track{background:var(--bg-muted, #f1f5f9);border-radius:3px}.detail-list::-webkit-scrollbar-thumb{background:var(--border-default, #cbd5e1);border-radius:3px}.detail-list::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis, #94a3b8)}.detail-list__item{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem .75rem;background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px)}.detail-list__item-icon{flex-shrink:0;color:var(--text-secondary, #64748b)}.detail-list__item-content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.detail-list__item-primary{font-family:var(--font-mono, "Monaco", "Menlo", monospace);font-size:.8125rem;color:var(--accent-primary, #1e40af);font-weight:500}.detail-list__item-secondary{font-size:.6875rem;color:var(--text-secondary, #64748b)}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.detail-header__icon{font-size:2.5rem;flex-shrink:0;color:var(--text-secondary, #64748b)}.detail-header__info{flex:1;min-width:0}.detail-header__title{font-size:1.375rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 .25rem}.detail-header__code{font-family:var(--font-mono, "Monaco", "Menlo", monospace);font-size:.75rem;color:var(--text-secondary, #64748b);background:var(--bg-muted, #f1f5f9);padding:.25rem .5rem;border-radius:var(--radius-sm, 4px)}.detail-header__badges{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.detail-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.detail-badge--sm{padding:.125rem .5rem;font-size:.6875rem}.detail-badge--default{background:var(--bg-muted, #f1f5f9);color:var(--text-secondary, #64748b)}.detail-badge--success{background:var(--bg-success-muted, #dcfce7);color:var(--color-success-emphasis, #166534)}.detail-badge--warning{background:var(--bg-warning-muted, #fef3c7);color:var(--text-warning, #92400e)}.detail-badge--error{background:var(--bg-error-muted, #fee2e2);color:var(--color-error, #dc2626)}.detail-badge--info{background:var(--bg-info-muted, #dbeafe);color:var(--text-info, #1d4ed8)}.detail-badge--primary{background:var(--accent-primary, #3b82f6);color:#fff}.setting-toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.setting-toggle:hover{border-color:var(--accent-primary, #3b82f6);background:var(--bg-accent-muted, #eff6ff)}.setting-toggle--disabled{opacity:.6;cursor:not-allowed}.setting-toggle--disabled:hover{border-color:var(--border-default, #e2e8f0);background:var(--bg-surface, white)}.setting-toggle input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent-primary, #3b82f6);flex-shrink:0}.setting-toggle__content{display:flex;flex-direction:column;gap:.125rem}.setting-toggle__label{font-size:.9375rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.setting-toggle__description{font-size:.8125rem;color:var(--text-secondary, #64748b)}.detail-modal__actions .btn-primary,.detail-modal__actions .btn-secondary{padding:.625rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.5rem}.detail-modal__actions .btn-primary{background-color:var(--accent-primary, #3b82f6);color:#fff;border:none}.detail-modal__actions .btn-primary:hover:not(:disabled){background-color:var(--accent-primary-emphasis, #2563eb)}.detail-modal__actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.detail-modal__actions .btn-secondary{background-color:var(--bg-surface, white);color:var(--text-primary, #374151);border:1px solid var(--border-default, #d1d5db)}.detail-modal__actions .btn-secondary:hover{background-color:var(--bg-hover, #f3f4f6);border-color:var(--border-emphasis, #9ca3af)}@media(max-width:640px){.detail-modal-overlay{padding:0}.detail-modal{width:100%;max-height:100vh;border-radius:0}.detail-modal__header{padding:1rem}.detail-modal__avatar{width:48px;height:48px}.detail-modal__tabs{padding:0 1rem}.detail-modal__tab{padding:.75rem;font-size:.8125rem}.detail-modal__content{padding:1rem}.detail-modal__actions{padding:1rem;flex-direction:column}.detail-modal__actions .btn-primary,.detail-modal__actions .btn-secondary{width:100%;justify-content:center}.detail-header{flex-wrap:wrap}.detail-header__badges{width:100%;margin-top:.5rem}}[data-theme=dark] .detail-modal{background:var(--bg-surface, #1f2937)}[data-theme=dark] .detail-modal__header{background:linear-gradient(135deg,var(--bg-muted, #111827) 0%,var(--bg-surface, #1f2937) 100%);border-color:var(--border-default, #374151)}[data-theme=dark] .detail-modal__tabs{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .detail-modal__content{background:var(--bg-muted, #111827)}[data-theme=dark] .detail-section{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .detail-list{background:var(--bg-muted, #111827);border-color:var(--border-default, #374151)}[data-theme=dark] .detail-list__item,[data-theme=dark] .setting-toggle{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .setting-toggle:hover{background:#3b82f61a}.users-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.page-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.page-header p{color:#666;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-value{font-size:2.5rem;font-weight:700;color:#1976d2;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.controls{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{flex:1;min-width:250px;max-width:400px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background-color:#fff;cursor:pointer;min-width:150px;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.filter-select:hover{border-color:#999}.results-summary{color:#666;font-size:.9rem;margin-left:auto}.bulk-actions{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:6px;margin-bottom:1rem}.bulk-count{font-weight:600;color:#1976d2;margin-right:.5rem}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f5f5f5}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.users-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.users-table tbody tr:hover{background-color:#f9f9f9}.users-table tbody tr:last-child td{border-bottom:none}.badge-legacy{display:inline-block;padding:.25rem .75rem;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.badge-role{display:inline-block;padding:.25rem .625rem;margin:.125rem;background-color:#e8f5e9;color:#2e7d32;border-radius:4px;font-size:.75rem;font-weight:500}.badge-role-enhanced{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;margin:.125rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #6366f1;border-radius:4px;font-size:.75rem;font-weight:500;color:#1e293b}.badge-role-enhanced .role-badge-icon{color:#64748b;flex-shrink:0}.badge-role-enhanced .role-badge-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.badge-role-enhanced .role-badge-level{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;color:#fff;font-size:.625rem;font-weight:700;flex-shrink:0}.badge-status{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.badge-status.active{background-color:#e8f5e9;color:#2e7d32}.badge-status.inactive{background-color:#f5f5f5;color:#757575}.badge-system{display:inline-block;padding:.125rem .5rem;margin-left:.5rem;background-color:#f3e5f5;color:#7b1fa2;border-radius:4px;font-size:.7rem;font-weight:600}.roles-cell{display:flex;flex-wrap:wrap;gap:.25rem;max-width:300px}.no-roles{color:#999;font-style:italic;font-size:.875rem}.action-buttons{display:flex;gap:.5rem}.btn-action{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.btn-action:hover{background-color:#f0f0f0}.btn-action.danger:hover{background-color:#ffebee}.btn-primary{padding:.75rem 1.5rem;background-color:#1976d2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#1565c0}.btn-secondary{padding:.75rem 1.5rem;background-color:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#e0e0e0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.modal-header h2{font-size:1.5rem;color:#1a1a1a}.btn-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.btn-close:hover{background-color:#f0f0f0}.user-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#666}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-group small{font-size:.85rem;color:#666}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.modal-content.roles-modal{max-width:1000px!important;width:95%!important;padding:0}.roles-modal .modal-header{padding:1.25rem 1.5rem;margin-bottom:0;background:#f9fafb;border-bottom:1px solid #e5e7eb}.roles-modal .modal-header-content{flex:1}.roles-modal .modal-header h2{margin:0;font-size:1.25rem}.roles-modal .modal-subtitle{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 0;color:#64748b;font-size:.875rem}.roles-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.roles-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1.25rem;color:#1e40af;font-size:.875rem;line-height:1.5}.selected-roles-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem}.summary-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem}.selected-badges{display:flex;flex-wrap:wrap;gap:.375rem}.selected-role-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:.75rem;font-weight:500}.selected-role-badge .remove-btn{background:none;border:none;padding:0;cursor:pointer;color:#1d4ed8;display:flex;align-items:center}.selected-role-badge .remove-btn:hover{color:#dc2626}.more-badge{padding:.25rem .5rem;background:#e2e8f0;color:#64748b;border-radius:4px;font-size:.75rem;font-weight:500}.domain-groups{display:flex;flex-direction:column;gap:1rem}.domain-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.domain-group-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border-left:4px solid #6366f1}.domain-group-header .domain-icon{display:flex;align-items:center;justify-content:center;color:#475569}.domain-group-header .domain-info{flex:1}.domain-group-header h4{margin:0;font-size:.9375rem;font-weight:600;color:#1e293b}.domain-count{font-size:.75rem;color:#64748b}.domain-actions{display:flex;gap:.75rem}.btn-link{background:none;border:none;color:#3b82f6;font-size:.8125rem;font-weight:500;cursor:pointer;padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:#94a3b8;cursor:not-allowed}.domain-roles{display:flex;flex-direction:column}.role-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #f1f5f9}.role-item:last-child{border-bottom:none}.role-item:hover{background-color:#f8fafc}.role-item.selected{background-color:#eff6ff}.role-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.role-item-content{flex:1;min-width:0}.role-item-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.role-name{font-weight:600;color:#1e293b;font-size:.875rem}.level-badge{display:inline-block;padding:.125rem .5rem;color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.system-badge{display:inline-block;padding:.125rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:.6875rem;font-weight:500}.role-description{display:block;margin-top:.25rem;font-size:.8125rem;color:#64748b;line-height:1.4}.roles-modal .modal-actions{padding:1rem 1.5rem;margin-top:0;border-top:1px solid #e5e7eb;background:#f9fafb}.roles-management{display:flex;flex-direction:column;gap:1.5rem}.roles-management>p{color:#666;margin:0}.roles-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;border:1px solid #e0e0e0;border-radius:6px}.role-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.role-checkbox:hover{background-color:#f9f9f9;border-color:#1976d2}.role-checkbox input[type=checkbox]{margin-top:.25rem;width:1.25rem;height:1.25rem;cursor:pointer}.role-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.role-info strong{color:#333;font-size:.95rem}.role-info small{color:#666;font-size:.85rem;line-height:1.4}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-numbers{display:flex;gap:.5rem}.page-number{padding:.5rem .75rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:2.5rem;text-align:center}.page-number:hover:not(.active){background-color:#f5f5f5;border-color:#999}.page-number.active{background-color:#1976d2;color:#fff;border-color:#1976d2;cursor:default}.page-info{color:#666;font-size:.9rem;margin-left:1rem}.pagination .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.75rem}.empty-state p{margin-bottom:1.5rem}.modal-content.create-user-modal{max-width:750px!important;width:95%!important}.create-user-modal .modal-header-content h2{display:flex;align-items:center;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.375rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.checkbox-label:hover{background-color:#f8fafc;border-color:#cbd5e1}.checkbox-label input[type=checkbox]{margin-top:.25rem}.checkbox-text{display:flex;flex-direction:column;gap:.125rem}.checkbox-text strong{color:#1e293b;font-size:.9375rem}.checkbox-text small{color:#64748b;font-size:.8125rem}.form-info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.875rem;line-height:1.5}.modal-content.user-detail-modal{max-width:1100px!important;width:95%!important;padding:0;max-height:90vh;display:flex;flex-direction:column}.detail-modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.user-avatar{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-header-info{flex:1;min-width:0}.user-header-info h2{margin:0;font-size:1.375rem;font-weight:600;color:#1e293b;line-height:1.3}.user-email{margin:.25rem 0 .75rem;color:#64748b;font-size:.9375rem}.user-meta-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge-roles-count{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:9999px;font-size:.75rem;font-weight:500}.detail-tabs{display:flex;gap:0;padding:0 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-button:hover{color:#3b82f6;background:#f8fafc}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.detail-content{flex:1;overflow-y:auto;padding:0}.tab-panel{padding:1.5rem}.info-display{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.info-section h3{display:flex;align-items:center;gap:.5rem;margin:0;padding:.875rem 1rem;background:#f8fafc;font-size:.9375rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.info-item:nth-child(2n){border-right:none}.info-item:nth-last-child(-n+2){border-bottom:none}.info-label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9375rem;color:#1e293b;word-break:break-word}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.form-section h3{display:flex;align-items:center;gap:.5rem;margin:0;padding:.875rem 1rem;background:#f8fafc;font-size:.9375rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0}.form-section .form-group{padding:1rem;border-bottom:1px solid #f1f5f9}.form-section .form-group:last-child{border-bottom:none}.input-disabled{background-color:#f1f5f9!important;color:#64748b!important;cursor:not-allowed}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:#64748b}.empty-tab-state .icon,.empty-tab-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-tab-state h4{margin:0 0 .5rem;font-size:1.125rem;color:#374151}.empty-tab-state p{margin:0 0 1.5rem;font-size:.9375rem}.empty-tab-state small{display:block;margin-top:1rem;color:#94a3b8;font-size:.8125rem}.loading-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.roles-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;font-size:.9375rem;color:#374151}.btn-sm{padding:.375rem .75rem!important;font-size:.8125rem!important}.roles-by-domain{display:flex;flex-direction:column;gap:1rem}.domain-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.domain-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-left:4px solid #6366f1;font-weight:600;color:#374151}.domain-section-header .count-badge{margin-left:auto;padding:.125rem .5rem;background:#e2e8f0;color:#64748b;border-radius:9999px;font-size:.75rem;font-weight:500}.domain-roles-list{display:flex;flex-direction:column}.role-card{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.role-card:last-child{border-bottom:none}.role-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.role-card .role-name{font-weight:600;color:#1e293b;font-size:.9375rem}.role-card .role-description{margin:.375rem 0 0;font-size:.8125rem;color:#64748b;line-height:1.4}.ga-access-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:1rem;font-size:.9375rem;color:#92400e}.ga-access-summary-bar>span{display:flex;align-items:center;gap:.5rem}.sync-actions{display:flex;align-items:center;gap:1rem}.sync-info{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#a16207}.sync-actions .btn-secondary{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;white-space:nowrap}.sync-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.ga-accounts-list{display:flex;flex-direction:column;gap:1rem}.ga-account-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ga-account-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d}.ga-account-header .account-info{flex:1;min-width:0}.ga-account-header h4{margin:0;font-size:.9375rem;font-weight:600;color:#92400e}.ga-account-header .account-id{font-size:.75rem;color:#a16207}.ga-account-header .property-count{padding:.25rem .625rem;background:#fff;color:#92400e;border-radius:9999px;font-size:.75rem;font-weight:500}.ga-properties-table{padding:0}.ga-properties-table .table-header{display:grid;grid-template-columns:1fr 140px;padding:.625rem 1rem;background:#f8fafc;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.ga-properties-table .table-row{display:grid;grid-template-columns:1fr 140px;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.ga-properties-table .table-row:last-child{border-bottom:none}.property-name{display:flex;flex-direction:column;gap:.125rem;font-size:.9375rem;color:#1e293b}.property-name small{font-size:.75rem;color:#94a3b8}.property-name em{color:#64748b;font-style:italic}.access-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border:1px solid;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1200px){.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.75rem .5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch;gap:1rem}.search-input{width:100%;max-width:none}.filter-select{width:100%}.results-summary{margin-left:0}.bulk-actions{flex-direction:column;align-items:flex-start}.table-container{overflow-x:auto}.users-table{min-width:1000px}.pagination{flex-direction:column;gap:.75rem}.page-numbers{flex-wrap:wrap;justify-content:center}.page-info{margin-left:0}.modal-content{width:95%;padding:1.5rem}.user-detail-modal{max-height:95vh}.detail-modal-header{flex-wrap:wrap;gap:.75rem}.user-avatar{width:48px;height:48px}.detail-tabs{padding:0;overflow-x:auto}.tab-button{padding:.875rem 1rem;font-size:.875rem;white-space:nowrap}.info-grid{grid-template-columns:1fr}.info-item{border-right:none!important}.form-row{grid-template-columns:1fr}.roles-summary-bar,.ga-access-summary-bar{flex-direction:column;gap:.75rem;align-items:flex-start}.ga-properties-table .table-header,.ga-properties-table .table-row{grid-template-columns:1fr 100px}}[data-theme=dark] .users-page{color:var(--text-primary)}[data-theme=dark] .page-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .page-header h1{color:var(--text-primary)}[data-theme=dark] .page-header p{color:var(--text-secondary)}[data-theme=dark] .stat-card{background:var(--bg-secondary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .search-input,[data-theme=dark] .filter-select{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .search-input:focus,[data-theme=dark] .filter-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #646cff33}[data-theme=dark] .filter-select:hover{border-color:var(--border-hover)}[data-theme=dark] .results-summary{color:var(--text-secondary)}[data-theme=dark] .bulk-actions{background-color:#646cff1a;border-color:var(--brand-primary)}[data-theme=dark] .bulk-count{color:var(--brand-primary)}[data-theme=dark] .table-container{background:var(--bg-secondary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .users-table thead{background-color:var(--bg-tertiary)}[data-theme=dark] .users-table th{color:var(--text-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .users-table td{border-bottom-color:var(--border-secondary);color:var(--text-primary)}[data-theme=dark] .users-table tbody tr:hover{background-color:var(--bg-hover)}[data-theme=dark] .badge-legacy{background-color:#646cff26;color:var(--brand-secondary)}[data-theme=dark] .badge-role{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .badge-role-enhanced{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .badge-role-enhanced .role-badge-icon{color:var(--text-secondary)}[data-theme=dark] .badge-status.active{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .badge-status.inactive{background-color:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .badge-system{background-color:#8b5cf626;color:#a78bfa}[data-theme=dark] .no-roles{color:var(--text-muted)}[data-theme=dark] .btn-action:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .btn-action.danger:hover{background-color:#ef444426}[data-theme=dark] .btn-primary{background-color:var(--brand-primary)}[data-theme=dark] .btn-primary:hover:not(:disabled){background-color:var(--brand-hover)}[data-theme=dark] .btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background-color:var(--bg-hover)}[data-theme=dark] .modal-overlay{background-color:#000000b3}[data-theme=dark] .modal-content{background:var(--bg-secondary);box-shadow:0 4px 20px #0006}[data-theme=dark] .modal-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .modal-header h2{color:var(--text-primary)}[data-theme=dark] .btn-close{color:var(--text-secondary)}[data-theme=dark] .btn-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #646cff33}[data-theme=dark] .form-group input:disabled{background-color:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .form-group small{color:var(--text-muted)}[data-theme=dark] .roles-modal .modal-header{background:var(--bg-tertiary);border-bottom-color:var(--border-primary)}[data-theme=dark] .roles-modal .modal-subtitle{color:var(--text-secondary)}[data-theme=dark] .roles-info-banner{background:#646cff1a;border-color:var(--brand-primary);color:var(--brand-secondary)}[data-theme=dark] .selected-roles-summary{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .summary-label{color:var(--text-secondary)}[data-theme=dark] .selected-role-badge{background:#646cff33;color:var(--brand-secondary)}[data-theme=dark] .more-badge{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .domain-group{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .domain-group-header{background:var(--bg-tertiary)}[data-theme=dark] .domain-group-header h4{color:var(--text-primary)}[data-theme=dark] .domain-count{color:var(--text-secondary)}[data-theme=dark] .btn-link{color:var(--brand-primary)}[data-theme=dark] .btn-link:disabled{color:var(--text-muted)}[data-theme=dark] .role-item{border-bottom-color:var(--border-secondary)}[data-theme=dark] .role-item:hover{background-color:var(--bg-hover)}[data-theme=dark] .role-item.selected{background-color:#646cff1a}[data-theme=dark] .role-name{color:var(--text-primary)}[data-theme=dark] .role-description{color:var(--text-secondary)}[data-theme=dark] .system-badge{background:#646cff26;color:var(--brand-secondary)}[data-theme=dark] .roles-modal .modal-actions{border-top-color:var(--border-primary);background:var(--bg-tertiary)}[data-theme=dark] .roles-list,[data-theme=dark] .role-checkbox{border-color:var(--border-primary)}[data-theme=dark] .role-checkbox:hover{background-color:var(--bg-hover);border-color:var(--brand-primary)}[data-theme=dark] .role-info strong{color:var(--text-primary)}[data-theme=dark] .role-info small{color:var(--text-secondary)}[data-theme=dark] .modal-actions{border-top-color:var(--border-primary)}[data-theme=dark] .pagination{background:var(--bg-secondary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .page-number{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .page-number:hover:not(.active){background-color:var(--bg-hover);border-color:var(--border-hover)}[data-theme=dark] .page-number.active{background-color:var(--brand-primary);border-color:var(--brand-primary)}[data-theme=dark] .page-info,[data-theme=dark] .loading-state,[data-theme=dark] .empty-state{color:var(--text-secondary)}[data-theme=dark] .empty-state h3{color:var(--text-primary)}[data-theme=dark] .detail-modal-header{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom-color:var(--border-primary)}[data-theme=dark] .user-header-info h2{color:var(--text-primary)}[data-theme=dark] .user-email{color:var(--text-secondary)}[data-theme=dark] .badge-roles-count{background:#646cff26;color:var(--brand-secondary);border-color:var(--brand-primary)}[data-theme=dark] .detail-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .tab-button{color:var(--text-secondary)}[data-theme=dark] .tab-button:hover{color:var(--brand-primary);background:var(--bg-hover)}[data-theme=dark] .tab-button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}[data-theme=dark] .info-section{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .info-section h3{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .info-item{border-bottom-color:var(--border-secondary);border-right-color:var(--border-secondary)}[data-theme=dark] .info-label{color:var(--text-muted)}[data-theme=dark] .info-value{color:var(--text-primary)}[data-theme=dark] .form-section{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .form-section h3{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .form-section .form-group{border-bottom-color:var(--border-secondary)}[data-theme=dark] .input-disabled{background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important}[data-theme=dark] .empty-tab-state{color:var(--text-secondary)}[data-theme=dark] .empty-tab-state .icon,[data-theme=dark] .empty-tab-state svg{color:var(--text-muted)}[data-theme=dark] .empty-tab-state h4{color:var(--text-primary)}[data-theme=dark] .empty-tab-state small{color:var(--text-muted)}[data-theme=dark] .spinner{border-color:var(--border-primary);border-top-color:var(--brand-primary)}[data-theme=dark] .roles-summary-bar{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .domain-section{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .domain-section-header{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .domain-section-header .count-badge{background:var(--bg-primary);color:var(--text-secondary)}[data-theme=dark] .role-card{border-bottom-color:var(--border-secondary)}[data-theme=dark] .role-card .role-name{color:var(--text-primary)}[data-theme=dark] .role-card .role-description{color:var(--text-secondary)}[data-theme=dark] .ga-access-summary-bar{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .sync-info{color:#fbbf24}[data-theme=dark] .ga-account-card{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .ga-account-header{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);border-bottom-color:#f59e0b33}[data-theme=dark] .ga-account-header h4{color:#fbbf24}[data-theme=dark] .ga-account-header .account-id{color:#fcd34d}[data-theme=dark] .ga-account-header .property-count{background:var(--bg-secondary);color:#fbbf24}[data-theme=dark] .ga-properties-table .table-header{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .ga-properties-table .table-row{border-bottom-color:var(--border-secondary)}[data-theme=dark] .property-name{color:var(--text-primary)}[data-theme=dark] .property-name small{color:var(--text-muted)}[data-theme=dark] .property-name em{color:var(--text-secondary)}[data-theme=dark] .form-info-box{background:#646cff1a;border-color:var(--brand-primary);color:var(--brand-secondary)}[data-theme=dark] .checkbox-label{border-color:var(--border-primary)}[data-theme=dark] .checkbox-label:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}[data-theme=dark] .checkbox-text strong{color:var(--text-primary)}[data-theme=dark] .checkbox-text small{color:var(--text-secondary)}.info-banner{display:flex;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-info, #eff6ff) 0%,var(--bg-success-muted, #f0fdf4) 100%);border:1px solid var(--border-info, #bfdbfe);border-radius:var(--radius-lg, 8px);margin-bottom:1.5rem}.info-banner .info-icon{color:var(--color-info, #3b82f6);flex-shrink:0}.info-banner .info-content strong{display:block;color:var(--text-info, #1e40af);margin-bottom:.25rem}.info-banner .info-content p{color:var(--text-secondary, #475569);font-size:.875rem;line-height:1.5;margin:0}.roles-grid{display:flex;flex-direction:column;gap:1.5rem}.domain-section{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));overflow:hidden;border:1px solid var(--border-default, #e2e8f0)}.domain-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-muted, #f8fafc);border-left:4px solid var(--accent-primary, #6366f1)}.domain-icon{color:var(--text-secondary, #64748b)}.domain-info{flex:1}.domain-info h3{font-size:1.125rem;color:var(--text-primary, #1a1a1a);margin:0 0 .25rem}.domain-info p{font-size:.8125rem;color:var(--text-secondary, #64748b);margin:0}.role-count{background:var(--bg-emphasis, #e2e8f0);color:var(--text-secondary, #475569);padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.sync-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-warning-muted, #fef9c3);color:var(--text-warning, #854d0e);font-size:.8125rem;border-bottom:1px solid var(--border-warning, #fde047)}.sync-icon{color:var(--color-warning, #f59e0b)}.role-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem;padding:1.25rem}.role-card{background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease}.role-card:hover{border-color:var(--accent-primary, #3b82f6);box-shadow:var(--shadow-md, 0 4px 12px rgba(59, 130, 246, .12))}.role-card--inactive{opacity:.65;background-color:var(--bg-muted, #f9fafb)}.role-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.role-card__title h4{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 .5rem}.role-card__badges{display:flex;gap:.375rem;flex-wrap:wrap}.role-card__level-badge{display:inline-block;padding:.1875rem .5rem;color:#fff;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.role-card__level-badge--large{padding:.25rem .75rem;font-size:.75rem}.role-card__system-badge{display:inline-block;padding:.1875rem .5rem;background:var(--bg-info-muted, #dbeafe);color:var(--text-info, #1d4ed8);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500}.role-card__inactive-badge{display:inline-block;padding:.1875rem .5rem;background:var(--bg-error-muted, #fee2e2);color:var(--color-error, #dc2626);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500}.role-card__actions{display:flex;gap:.25rem}.role-card__action-btn{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:var(--radius-sm, 4px);transition:background-color .15s ease;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center}.role-card__action-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1a1a1a)}.role-card__action-btn--danger:hover{background-color:var(--bg-error-muted, #fee2e2);color:var(--color-error, #dc2626)}.role-card__action-btn--warning:hover{background-color:var(--bg-warning-muted, #fef3c7);color:var(--color-warning, #d97706)}.role-card__action-btn--success:hover{background-color:var(--bg-success-muted, #dcfce7);color:var(--color-success, #16a34a)}.role-card__body{display:flex;flex-direction:column;gap:.625rem}.role-card__description{font-size:.8125rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-card__meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.role-card__meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted, #64748b)}.role-card__meta-code{font-family:Monaco,Menlo,JetBrains Mono,monospace;background:var(--bg-muted, #f1f5f9);padding:.1875rem .5rem;border-radius:var(--radius-sm, 4px);font-size:.6875rem;color:var(--text-secondary, #475569)}.detail-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-default, #e5e7eb)}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}.detail-header-row{display:flex;align-items:center;gap:1rem}.detail-domain-icon{color:var(--text-secondary, #64748b)}.detail-header-row h3{font-size:1.25rem;color:var(--text-primary, #1a1a1a);margin:0 0 .25rem}.detail-role-code{font-family:Monaco,Menlo,JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary, #64748b);background:var(--bg-muted, #f1f5f9);padding:.25rem .5rem;border-radius:var(--radius-sm, 4px)}.detail-badges{display:flex;gap:.5rem;margin-left:auto;flex-wrap:wrap}.detail-status-badge{padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.detail-status-badge--active{background:var(--bg-success-muted, #dcfce7);color:var(--color-success-emphasis, #166534)}.detail-status-badge--inactive{background:var(--bg-error-muted, #fee2e2);color:var(--color-error-emphasis, #991b1b)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.detail-item label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem}.detail-value{display:flex;flex-direction:column;gap:.375rem}.detail-domain-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-muted, #f8fafc);border:2px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 6px);font-weight:500;font-size:.875rem}.detail-level-indicator{font-size:1rem;font-weight:600}.detail-hint{font-size:.75rem;color:var(--text-secondary, #64748b);margin:0}.detail-description{color:var(--text-primary, #374151);line-height:1.6;margin:0;font-size:.875rem}.detail-section-hint{color:var(--text-secondary, #64748b);font-size:.8125rem;margin:0 0 .75rem}.permissions-list{display:flex;flex-direction:column;gap:.375rem;max-height:250px;overflow-y:auto;padding:.5rem;background:var(--bg-muted, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.permission-item{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .625rem;background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px)}.permission-key{font-family:Monaco,Menlo,JetBrains Mono,monospace;font-size:.75rem;color:var(--accent-primary, #1e40af);font-weight:500}.permission-desc{font-size:.6875rem;color:var(--text-secondary, #64748b)}.no-permissions{color:var(--text-muted, #94a3b8);font-style:italic;margin:0;font-size:.875rem}.role-form{display:flex;flex-direction:column;gap:1rem}.form-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-warning-muted, #fef3c7);border:1px solid var(--border-warning, #fde047);border-radius:var(--radius-md, 6px);color:var(--text-warning, #854d0e);font-size:.8125rem}.form-section{padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.form-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 .75rem}.form-section .section-hint{color:var(--text-secondary, #64748b);font-size:.8125rem;margin:-.25rem 0 .75rem}.role-form input[type=text],.role-form input[type=email],.role-form select,.role-form textarea{padding:.5rem .625rem;border:1px solid var(--border-default, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.875rem;font-family:inherit;background:var(--bg-surface, white);color:var(--text-primary, #1f2937);transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.role-form input:focus,.role-form select:focus,.role-form textarea:focus{outline:none;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.role-form input:disabled{background:var(--bg-muted, #f3f4f6);color:var(--text-muted, #6b7280);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:72px}.checkbox-group>label{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-size:.875rem;color:var(--text-primary, #374151)}.permissions-selector{margin-bottom:.75rem}.permissions-selector>label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:.375rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.375rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 6px)}.permission-checkbox{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--bg-muted, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .15s}.permission-checkbox:hover{border-color:var(--accent-primary, #3b82f6);background:var(--bg-accent-muted, #eff6ff)}.permission-checkbox:has(input:checked){border-color:var(--accent-primary, #3b82f6);background:var(--bg-accent-muted, #dbeafe)}.permission-checkbox input[type=checkbox]{width:14px;height:14px;margin-top:2px;cursor:pointer;accent-color:var(--accent-primary, #3b82f6);flex-shrink:0}.permission-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.permission-info .permission-key{font-size:.75rem}.permission-info .permission-desc{font-size:.6875rem}.custom-permission{margin-top:.75rem}.custom-permission>label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:.25rem}.custom-permission-input{display:flex;gap:.375rem}.custom-permission-input input{flex:1;padding:.375rem .625rem;border:1px solid var(--border-default, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.8125rem}.custom-permission-input .btn-secondary{padding:.375rem .75rem;white-space:nowrap;font-size:.8125rem}.selected-permissions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-default, #e2e8f0)}.selected-permissions>label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:.375rem}.permission-tags{display:flex;flex-wrap:wrap;gap:.25rem}.permission-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-accent-muted, #dbeafe);color:var(--accent-primary, #1d4ed8);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-family:Monaco,Menlo,JetBrains Mono,monospace}.permission-tag button{background:none;border:none;color:var(--accent-primary, #1d4ed8);cursor:pointer;font-size:.625rem;padding:0;width:.875rem;height:.875rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s;line-height:1}.permission-tag button:hover{background-color:#1d4ed833}@media(max-width:768px){.role-cards,.form-row,.detail-grid{grid-template-columns:1fr}.modal-content{width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.permissions-grid{grid-template-columns:1fr}.detail-header-row{flex-wrap:wrap}.detail-badges{margin-left:0;margin-top:.5rem;width:100%}}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.empty-state h3{font-size:1.5rem;color:var(--text-primary, #333);margin:1rem 0 .5rem}.empty-state p{margin-bottom:1.5rem;color:var(--text-secondary, #666)}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.error-state{text-align:center;padding:3rem;color:var(--color-error, #c62828)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem}.rule-card{background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;transition:all .2s ease}.rule-card:hover{border-color:var(--accent-primary, #3b82f6);box-shadow:var(--shadow-md, 0 4px 12px rgba(59, 130, 246, .12))}.rule-card--inactive{opacity:.65;background-color:var(--bg-muted, #f9fafb)}.rule-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-muted, #f1f5f9)}.rule-card__title h4{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 .5rem}.rule-card__badges{display:flex;gap:.375rem;flex-wrap:wrap}.rule-card__priority-badge{display:inline-block;padding:.125rem .375rem;background:var(--bg-muted, #f1f5f9);color:var(--text-secondary, #64748b);border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:600;letter-spacing:.02em}.rule-card__status-badge{display:inline-block;padding:.125rem .375rem;border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:500}.rule-card__status-badge--enabled{background:var(--bg-success-muted, #dcfce7);color:var(--color-success-emphasis, #166534)}.rule-card__status-badge--disabled{background:var(--bg-error-muted, #fee2e2);color:var(--color-error, #dc2626)}.rule-card__requires-badge{display:inline-block;padding:.125rem .375rem;background:var(--bg-warning-muted, #fef3c7);color:var(--text-warning, #92400e);border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:500}.rule-card__auto-badge{display:inline-block;padding:.125rem .375rem;background:var(--bg-info-muted, #dbeafe);color:var(--text-info, #1d4ed8);border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:500}.rule-card__actions{display:flex;gap:.25rem}.rule-card__action-btn{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:var(--radius-sm, 4px);transition:background-color .15s ease;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center}.rule-card__action-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1a1a1a)}.rule-card__action-btn--danger:hover{background-color:var(--bg-error-muted, #fee2e2);color:var(--color-error, #dc2626)}.rule-card__action-btn--warning:hover{background-color:var(--bg-warning-muted, #fef3c7);color:var(--color-warning, #d97706)}.rule-card__action-btn--success:hover{background-color:var(--bg-success-muted, #dcfce7);color:var(--color-success, #16a34a)}.rule-card__body{display:flex;flex-direction:column;gap:.5rem}.rule-card__info-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.rule-card__info-label{color:var(--text-muted, #94a3b8);font-weight:500;min-width:60px}.rule-card__info-value{color:var(--text-primary, #374151)}.rule-card__tags{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin-top:.25rem}.rule-card__tags-label{color:var(--text-muted, #94a3b8);font-size:.75rem;font-weight:500}.rule-card__tag{display:inline-block;padding:.125rem .375rem;background:var(--bg-accent-muted, #eff6ff);color:var(--accent-primary, #3b82f6);border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:500}.rule-card__tag--more{background:var(--bg-muted, #f1f5f9);color:var(--text-secondary, #64748b)}.rule-card__condition{margin-top:.5rem;padding:.5rem;background:var(--bg-muted, #f8fafc);border-radius:var(--radius-sm, 4px);border:1px solid var(--border-default, #e2e8f0)}.rule-card__condition code{font-family:Monaco,Menlo,JetBrains Mono,monospace;font-size:.6875rem;color:var(--text-secondary, #64748b);word-break:break-all}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);padding:0;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 8px 32px rgba(0, 0, 0, .2))}.modal-content--large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default, #e5e7eb);background:var(--bg-muted, #f9fafb);flex-shrink:0}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 6px);transition:all .15s ease}.modal-close:hover{background-color:var(--bg-hover, #e5e7eb);color:var(--text-primary, #374151)}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid var(--border-default, #e5e7eb);background:var(--bg-muted, #f9fafb);flex-shrink:0}.rule-form{display:flex;flex-direction:column;gap:1rem}.form-section{padding:.75rem 1rem;background:var(--bg-muted, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row--three{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group>label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #374151)}.field-hint{font-size:.6875rem;color:var(--text-muted, #94a3b8);margin-bottom:.375rem}.rule-form input[type=text],.rule-form input[type=email],.rule-form input[type=number],.rule-form select,.rule-form textarea{padding:.5rem .625rem;border:1px solid var(--border-default, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.875rem;font-family:inherit;background:var(--bg-surface, white);color:var(--text-primary, #1f2937);transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.rule-form input:focus,.rule-form select:focus,.rule-form textarea:focus{outline:none;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-group small{font-size:.6875rem;color:var(--text-muted, #6b7280);line-height:1.3}.form-group textarea{resize:vertical;min-height:60px}.checkbox-group>label{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-size:.8125rem;color:var(--text-primary, #374151)}.checkbox-group input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent-primary, #3b82f6)}.array-input{display:flex;flex-direction:column;gap:.5rem}.array-input input{flex:1}.array-items{display:flex;flex-wrap:wrap;gap:.375rem}.array-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-accent-muted, #dbeafe);color:var(--accent-primary, #1d4ed8);border-radius:var(--radius-sm, 4px);font-size:.75rem}.array-item button{background:none;border:none;color:var(--accent-primary, #1d4ed8);cursor:pointer;font-size:.625rem;padding:0;width:.875rem;height:.875rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s;line-height:1}.array-item button:hover{background-color:#1d4ed833}.ar-roles-list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--bg-surface, white);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 6px)}.ar-roles-empty{text-align:center;padding:1rem;color:var(--text-muted, #94a3b8);font-size:.8125rem}.ar-role-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--bg-muted, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .15s}.ar-role-item:hover{border-color:var(--accent-primary, #3b82f6);background:var(--bg-accent-muted, #eff6ff)}.ar-role-item:has(input:checked){border-color:var(--accent-primary, #3b82f6);background:var(--bg-accent-muted, #dbeafe)}.ar-role-item input[type=checkbox]{width:14px;height:14px;margin-top:2px;cursor:pointer;accent-color:var(--accent-primary, #3b82f6);flex-shrink:0}.ar-role-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.ar-role-name{font-size:.8125rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.ar-role-desc{font-size:.6875rem;color:var(--text-muted, #64748b)}.ar-roles-summary{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-default, #e2e8f0)}.ar-selected-role{display:inline-flex;padding:.25rem .5rem;background:var(--bg-accent-muted, #dbeafe);color:var(--accent-primary, #1d4ed8);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500}.ar-selected-role.ar-auto-approve{background:var(--bg-success-muted, #dcfce7);color:var(--color-success-emphasis, #166534)}.btn-primary{padding:.5rem 1rem;background-color:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md, 6px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.375rem}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-emphasis, #2563eb)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background-color:var(--bg-surface, white);color:var(--text-primary, #374151);border:1px solid var(--border-default, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{background-color:var(--bg-hover, #f3f4f6);border-color:var(--border-emphasis, #9ca3af)}.approval-rules-embedded{display:flex;flex-direction:column}.approval-rules-embedded-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1rem 1.5rem;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-default, #e5e7eb)}.approval-rules-embedded-header__filters{display:flex;align-items:center;gap:8px}.approval-rules-embedded-header .btn-primary{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;background:var(--color-primary, #6366f1);color:#fff;transition:background .15s}.approval-rules-embedded-header .btn-primary:hover{background:var(--color-primary-hover, #4f46e5)}.approval-rules-embedded-stats{display:flex;gap:24px;padding:12px 1.5rem;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-default, #e5e7eb)}.approval-rules-embedded-stat{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #6b7280);font-size:13px}.approval-rules-embedded-stat__value{font-weight:600;color:var(--text-primary, #111827)}.approval-rules-embedded-stat__label{color:var(--text-tertiary, #9ca3af)}.approval-rules-embedded .rules-grid{padding:1.5rem}.approval-rules-embedded .empty-state{padding:3rem 1.5rem}[data-theme=dark] .approval-rules-embedded-header{background:var(--bg-surface, #1f2937);border-color:var(--border-default, #374151)}[data-theme=dark] .approval-rules-embedded-stats{background:var(--bg-secondary, #111827);border-color:var(--border-default, #374151)}@media(max-width:768px){.rules-grid,.form-row,.form-row--three{grid-template-columns:1fr}.modal-content{width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}}.mapping-tree{display:flex;flex-direction:column;gap:0}.mapping-tree-node{border-bottom:1px solid var(--border-default, #e5e7eb)}.mapping-tree-node:last-child{border-bottom:none}.mapping-tree-header{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2-5, .625rem) var(--space-3, .75rem);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .1s ease;color:var(--text-primary, #111827)}.mapping-tree-header:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .05))}.mapping-tree-header--level-0{padding-left:var(--space-3, .75rem);font-weight:600;font-size:.9375rem}.mapping-tree-header--level-1{padding-left:calc(var(--space-3, .75rem) + 20px);font-weight:500;font-size:.875rem}.mapping-tree-header--level-2{padding-left:calc(var(--space-3, .75rem) + 40px);font-size:.875rem}.mapping-tree-header--level-3{padding-left:calc(var(--space-3, .75rem) + 60px);font-size:.8125rem}.mapping-tree-header--level-4{padding-left:calc(var(--space-3, .75rem) + 80px);font-size:.8125rem}.mapping-tree-chevron{flex-shrink:0;color:var(--text-muted, #9ca3af);transition:transform .15s ease}.mapping-tree-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm, 4px);flex-shrink:0}.mapping-tree-icon--bu{background:var(--color-module-organization-bg, rgba(16, 185, 129, .1));color:var(--color-module-organization, #10b981)}.mapping-tree-icon--property{background:var(--color-module-ga-bg, rgba(59, 130, 246, .1));color:var(--color-module-ga, #3b82f6)}.mapping-tree-icon--stream{background:var(--color-module-edm-bg, rgba(139, 92, 246, .1));color:var(--color-module-edm, #8b5cf6)}.mapping-tree-icon--product-division{background:var(--color-module-workflow-bg, rgba(245, 158, 11, .1));color:var(--color-module-workflow, #f59e0b)}.mapping-tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-tree-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500;background:var(--bg-muted, #f3f4f6);color:var(--text-muted, #9ca3af);flex-shrink:0}.mapping-tree-meta{display:flex;align-items:center;gap:var(--space-3, .75rem);font-size:.75rem;color:var(--text-muted, #9ca3af);flex-shrink:0}.mapping-tree-meta-item{display:flex;align-items:center;gap:3px;white-space:nowrap}.mapping-tree-override-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:var(--radius-sm, 4px);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning, #f59e0b)}.mapping-tree-inherited-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:var(--radius-sm, 4px);font-size:.5625rem;font-weight:500;letter-spacing:.2px;color:var(--text-muted, #9ca3af);font-style:italic}.mapping-tree-header--override{border-left:3px solid var(--color-warning, #f59e0b)}.mapping-tree-header--inherited{border-left:3px solid transparent;opacity:.85}.mapping-tree-header--inherited:hover{opacity:1}.mapping-tree-actions{display:flex;gap:var(--space-1, .25rem);opacity:0;transition:opacity .1s ease}.mapping-tree-header:hover .mapping-tree-actions{opacity:1}.mapping-tree-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--text-muted, #9ca3af);border-radius:var(--radius-sm, 4px);padding:0}.mapping-tree-action-btn:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .08));color:var(--color-accent-primary, #5b8def)}.mapping-tree-children{border-left:1px solid var(--border-default, #e5e7eb);margin-left:calc(var(--space-3, .75rem) + 14px)}.mapping-tree-empty{padding:var(--space-8, 2rem);text-align:center;color:var(--text-muted, #9ca3af);font-size:.875rem}.grouped-mapping-table{width:100%;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px)}.grouped-mapping-table__container{width:100%;overflow-x:auto;border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px)}.grouped-mapping-table__table{width:100%;min-width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-sm, .875rem);table-layout:auto}.grouped-mapping-table__head{background:var(--bg-muted, #f9fafb);position:sticky;top:0;z-index:1}.grouped-mapping-table__th{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #9ca3af);text-align:left;border-bottom:1px solid var(--border-default, #e5e7eb);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--bg-muted, #f9fafb)}.grouped-mapping-table__property-row{background:var(--bg-muted, #f9fafb);cursor:pointer;transition:background .1s ease;border-top:2px solid var(--border-default, #e5e7eb)}.grouped-mapping-table__property-row:first-child{border-top:none}.grouped-mapping-table__property-row:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .04))}.grouped-mapping-table__property-cell{padding:var(--space-3, .75rem) var(--space-4, 1rem);border-bottom:1px solid var(--border-muted, #f3f4f6);vertical-align:middle}.grouped-mapping-table__property-header{display:flex;align-items:center;gap:var(--space-2, .5rem)}.grouped-mapping-table__chevron{flex-shrink:0;color:var(--text-muted, #9ca3af);transition:transform .15s ease}.grouped-mapping-table__property-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm, 4px);background:var(--color-module-ga-bg, rgba(59, 130, 246, .1));color:var(--color-module-ga, #3b82f6);flex-shrink:0}.grouped-mapping-table__property-name{font-weight:600;color:var(--text-primary, #111827)}.grouped-mapping-table__child-count{font-size:.6875rem;font-weight:500;color:var(--text-muted, #9ca3af);background:var(--bg-surface, #fff);padding:1px 6px;border-radius:8px;border:1px solid var(--border-default, #e5e7eb)}.grouped-mapping-table__stream-row{background:var(--bg-surface, #fff);cursor:pointer;transition:background .1s ease}.grouped-mapping-table__stream-row:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .04))}.grouped-mapping-table__cell{padding:var(--space-2-5, .625rem) var(--space-4, 1rem);border-bottom:1px solid var(--border-muted, #f3f4f6);vertical-align:middle;color:var(--text-secondary, #6b7280);white-space:nowrap}.grouped-mapping-table__stream-indent{display:flex;align-items:center;gap:var(--space-2, .5rem);padding-left:20px}.grouped-mapping-table__connector{display:flex;align-items:center;color:var(--border-default, #d1d5db);flex-shrink:0;font-size:.75rem;width:16px;justify-content:center}.grouped-mapping-table__stream-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm, 4px);background:var(--color-module-edm-bg, rgba(139, 92, 246, .1));color:var(--color-module-edm, #8b5cf6);flex-shrink:0}.grouped-mapping-table__pd-row{background:var(--bg-surface, #fff);cursor:pointer;transition:background .1s ease}.grouped-mapping-table__pd-row:hover{background:var(--color-bg-hover, rgba(91, 141, 239, .04))}.grouped-mapping-table__pd-indent{display:flex;align-items:center;gap:var(--space-2, .5rem);padding-left:56px}.grouped-mapping-table__pd-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm, 4px);background:var(--color-module-workflow-bg, rgba(245, 158, 11, .1));color:var(--color-module-workflow, #f59e0b);flex-shrink:0}.grouped-mapping-table__badge--override{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning, #f59e0b)}.grouped-mapping-table__badge--inherited{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500;color:var(--text-muted, #9ca3af)}.grouped-mapping-table__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-1, .25rem);opacity:0;transition:opacity .1s ease}.grouped-mapping-table__property-row:hover .grouped-mapping-table__actions,.grouped-mapping-table__stream-row:hover .grouped-mapping-table__actions,.grouped-mapping-table__pd-row:hover .grouped-mapping-table__actions{opacity:1}.grouped-mapping-table__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 6px);color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .1s ease}.grouped-mapping-table__action-btn:hover{background:var(--accent-primary-muted, rgba(59, 130, 246, .08));color:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6)}.grouped-mapping-table__empty{padding:var(--space-12, 3rem) var(--space-4, 1rem);text-align:center;color:var(--text-muted, #9ca3af)}.grouped-mapping-table__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, .5rem) var(--space-3, .75rem);border-bottom:1px solid var(--border-muted, #f3f4f6);background:var(--bg-muted, #f9fafb);border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;position:relative;z-index:10}.grouped-mapping-table__toolbar-left{display:flex;align-items:center;gap:var(--space-2, .5rem)}.grouped-mapping-table__record-count{font-size:12px;color:var(--text-muted, #9ca3af)}.grouped-mapping-table__expand-btn{display:flex;align-items:center;gap:var(--space-1, .25rem);padding:3px 8px;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-sm, 4px);color:var(--text-muted, #9ca3af);font-size:11px;font-weight:500;cursor:pointer;transition:all .1s ease}.grouped-mapping-table__expand-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.grouped-mapping-table__table tr:last-child td{border-bottom:none}.ga-cache-admin{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.page-header .subtitle{color:#64748b;font-size:1rem;margin:0}.notification{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.notification.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.notification.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.notification button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s}.notification button:hover{opacity:1}.actions-section{margin-bottom:2rem}.actions-section h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.actions-grid{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:#fff;color:#475569}.action-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.action-btn.primary:hover:not(:disabled){background:#2563eb}.action-btn.secondary{background:#10b981;color:#fff;border-color:#10b981}.action-btn.secondary:hover:not(:disabled){background:#059669}.action-btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.action-btn.danger:hover:not(:disabled){background:#dc2626}.stats-section{margin-bottom:2rem}.stats-section h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000000d}.stat-value{display:block;font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.25rem}.stat-label{display:block;font-size:.875rem;color:#64748b}.status-section{margin-bottom:2rem}.status-section h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.status-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.status-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.status-row:last-child{border-bottom:none}.status-label{flex:0 0 150px;font-weight:500;color:#475569}.status-value{color:#1e293b}.status-value.error{color:#ef4444;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:500}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:#f1f5f9;color:#64748b}.status-badge.active{background:#dbeafe;color:#1e40af}.status-badge.inactive{background:#f1f5f9;color:#64748b}.inline-btn{margin-left:auto;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .2s}.inline-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.inline-btn:disabled{opacity:.6;cursor:not-allowed}.preload-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.preload-stats h4{font-size:.875rem;font-weight:600;color:#475569;margin:0 0 .75rem}.stats-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.stat-mini{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f8fafc;border-radius:6px;font-size:.8125rem}.stat-key{color:#64748b}.stat-val{font-weight:600;color:#1e293b}.config-section{margin-bottom:2rem}.config-section h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.config-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.config-items{display:flex;flex-direction:column;gap:.5rem}.config-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.config-item span:first-child{color:#64748b}.config-item span:last-child{font-weight:500;color:#1e293b}.config-item span.yes{color:#10b981}.config-item span.no{color:#94a3b8}.loading{text-align:center;padding:4rem;color:#64748b;font-size:1.125rem}.error-banner{background:#fee2e2;color:#991b1b;padding:1.5rem;border-radius:8px;border:1px solid #fca5a5}@media(max-width:768px){.ga-cache-admin{padding:1rem}.actions-grid{flex-direction:column}.action-btn{width:100%;justify-content:center}.status-row{flex-wrap:wrap}.status-label{flex:0 0 100%;margin-bottom:.25rem}.inline-btn{margin-left:0;margin-top:.5rem}}[data-theme=dark] .ga-cache-admin,[data-theme=dark] .page-header h1{color:var(--text-primary)}[data-theme=dark] .page-header .subtitle{color:var(--text-secondary)}[data-theme=dark] .notification.success{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}[data-theme=dark] .notification.error{background:#ef444426;color:#f87171;border-color:#ef44444d}[data-theme=dark] .actions-section h2,[data-theme=dark] .stats-section h2,[data-theme=dark] .status-section h2,[data-theme=dark] .config-section h2{color:var(--text-primary)}[data-theme=dark] .action-btn{border-color:var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .action-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}[data-theme=dark] .action-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}[data-theme=dark] .action-btn.primary:hover:not(:disabled){background:var(--brand-hover)}[data-theme=dark] .action-btn.secondary{background:var(--status-success);border-color:var(--status-success)}[data-theme=dark] .action-btn.secondary:hover:not(:disabled){background:#16a34a}[data-theme=dark] .action-btn.danger{background:var(--status-error);border-color:var(--status-error)}[data-theme=dark] .action-btn.danger:hover:not(:disabled){background:#dc2626}[data-theme=dark] .stat-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .stat-value{color:var(--brand-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}[data-theme=dark] .status-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .status-row{border-bottom-color:var(--border-secondary)}[data-theme=dark] .status-label{color:var(--text-secondary)}[data-theme=dark] .status-value{color:var(--text-primary)}[data-theme=dark] .status-value.error{color:#f87171}[data-theme=dark] .status-badge.enabled{background:#22c55e26;color:#4ade80}[data-theme=dark] .status-badge.disabled{background:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .status-badge.active{background:#3b82f626;color:#60a5fa}[data-theme=dark] .status-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .inline-btn{border-color:var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .inline-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}[data-theme=dark] .preload-stats{border-top-color:var(--border-primary)}[data-theme=dark] .preload-stats h4{color:var(--text-secondary)}[data-theme=dark] .stat-mini{background:var(--bg-tertiary)}[data-theme=dark] .stat-key{color:var(--text-secondary)}[data-theme=dark] .stat-val{color:var(--text-primary)}[data-theme=dark] .config-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .config-card h3{color:var(--text-primary);border-bottom-color:var(--border-primary)}[data-theme=dark] .config-item span:first-child{color:var(--text-secondary)}[data-theme=dark] .config-item span:last-child{color:var(--text-primary)}[data-theme=dark] .config-item span.yes{color:#4ade80}[data-theme=dark] .config-item span.no{color:var(--text-muted)}[data-theme=dark] .loading{color:var(--text-secondary)}[data-theme=dark] .error-banner{background:#ef444426;color:#f87171;border-color:#ef44444d}.signed-out-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;transition:background .3s ease}:root[data-theme=dark] .signed-out-page{background:linear-gradient(180deg,#0a0a0b,#111118,#0a0a0b)}:root[data-theme=light] .signed-out-page{background:linear-gradient(180deg,#f8f9fa,#fff,#f8f9fa)}.signed-out-toolbar{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.5rem}.signed-out-toolbar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface, rgba(255, 255, 255, .05));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:10px;color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all .2s ease}.signed-out-toolbar-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #fafafa);border-color:var(--border-emphasis, rgba(255, 255, 255, .15))}.signed-out-toolbar-btn svg{width:20px;height:20px}.signed-out-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signed-out-brand{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.signed-out-logo{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #6366f166,0 0 0 1px #ffffff1a inset}.signed-out-logo-icon{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.signed-out-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}:root[data-theme=dark] .signed-out-title{background:linear-gradient(135deg,#fafafa,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .signed-out-title{background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signed-out-subtitle{margin:0;font-size:1.125rem;color:var(--text-tertiary, #71717a);font-weight:400}.signed-out-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #6366f166,0 0 0 1px #ffffff1a inset}.signed-out-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180,0 0 0 1px #ffffff26 inset}.signed-out-btn:active{transform:translateY(0)}.signed-out-btn-icon{width:20px;height:20px}.signed-out-note{margin:0;font-size:.875rem;color:var(--text-muted, #52525b);max-width:320px;line-height:1.5}.signed-out-footer{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.signed-out-copyright{font-size:.75rem;color:var(--text-muted, #52525b)}.signed-out-help-overlay{position:fixed;inset:0;background:var(--overlay-dim, rgba(0, 0, 0, .6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .15s ease-out}.signed-out-help-modal{background:var(--bg-surface, #1e1e2e);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:16px;width:100%;max-width:480px;max-height:calc(100vh - 3rem);overflow:hidden;box-shadow:0 24px 48px #0000004d;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.signed-out-help-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08))}.signed-out-help-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #fafafa)}.signed-out-help-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #71717a);cursor:pointer;transition:all .15s ease}.signed-out-help-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fafafa)}.signed-out-help-close svg{width:18px;height:18px}.signed-out-help-body{padding:1.5rem;overflow-y:auto;max-height:400px}.signed-out-help-section{margin-bottom:1.5rem}.signed-out-help-section:last-child{margin-bottom:0}.signed-out-help-section h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #fafafa)}.signed-out-help-section p{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary, #a1a1aa)}@media(max-width:480px){.signed-out-page{padding:1.5rem}.signed-out-toolbar{top:1rem;right:1rem}.signed-out-title{font-size:1.5rem}.signed-out-subtitle{font-size:1rem}.signed-out-btn{width:100%;max-width:280px}.signed-out-logo{width:64px;height:64px}.signed-out-logo-icon{font-size:2rem}.signed-out-help-modal{max-width:100%;border-radius:12px}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .1s;--duration-base: .15s;--duration-slow: .25s;--duration-slower: .35s;--sidebar-width: 240px;--sidebar-collapsed: 56px;--header-height: 56px;--content-max-width: 1400px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700}:root,:root[data-theme=dark]{--bg-base: #0a0a0b;--bg-surface: #111113;--bg-elevated: #18181b;--bg-muted: #1f1f23;--bg-subtle: #27272a;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--bg-selected: rgba(99, 102, 241, .15);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-inverse: #09090b;--border-default: #27272a;--border-muted: #1f1f23;--border-emphasis: #3f3f46;--border-focus: #6366f1;--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-primary-muted: rgba(99, 102, 241, .15);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .15);--color-ga: #4285f4;--color-ga-muted: rgba(66, 133, 244, .15);--color-edm: #8b5cf6;--color-edm-muted: rgba(139, 92, 246, .15);--color-ymeta: #10b981;--color-ymeta-muted: rgba(16, 185, 129, .15);--color-cosmo: #06b6d4;--color-cosmo-muted: rgba(6, 182, 212, .15);--color-workflow: #f59e0b;--color-workflow-muted: rgba(245, 158, 11, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5);--overlay-dim: rgba(0, 0, 0, .6);--overlay-blur: rgba(0, 0, 0, .4)}:root[data-theme=light]{--bg-base: #fafafa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-muted: #f4f4f5;--bg-subtle: #e4e4e7;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--bg-selected: rgba(99, 102, 241, .1);--text-primary: #09090b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--text-inverse: #fafafa;--border-default: #e4e4e7;--border-muted: #f4f4f5;--border-emphasis: #d4d4d8;--border-focus: #6366f1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .12);--overlay-dim: rgba(0, 0, 0, .4);--overlay-blur: rgba(255, 255, 255, .6)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--bg-base)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.btn--primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--bg-hover);border-color:transparent}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-4);font-size:var(--text-md)}.btn--icon{padding:var(--space-2);width:32px;height:32px}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.input:hover{border-color:var(--border-emphasis)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-muted)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--default{color:var(--text-secondary);background:var(--bg-muted)}.badge--primary{color:var(--accent-primary);background:var(--accent-primary-muted)}.badge--success{color:var(--color-success);background:var(--color-success-muted)}.badge--warning{color:var(--color-warning);background:var(--color-warning-muted)}.badge--error{color:var(--color-error);background:var(--color-error-muted)}.badge--info{color:var(--color-info);background:var(--color-info-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card--interactive:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-sm)}.data-table-container{width:100%;overflow-x:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);text-align:left;background:var(--bg-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.data-table th.sortable:hover{color:var(--text-primary)}.data-table th.sorted{color:var(--accent-primary)}.data-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-muted);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.data-table tr.selected td{background:var(--bg-selected)}.cell-primary{color:var(--text-primary);font-weight:var(--weight-medium)}.cell-link{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.cell-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.cell-code{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px;background:var(--bg-muted);border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-slideUp{animation:slideUp var(--duration-slow) var(--ease-out)}.animate-slideDown{animation:slideDown var(--duration-slow) var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--duration-base) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-default) infinite}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{width:100%;margin:0;padding:0}.page-container{width:100%;max-width:100%;padding:0}.page-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-controls .search-bar{flex:1;min-width:250px}.results-summary{font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.table-loading,.loading-state{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.empty-state{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-state p{margin:0 0 1.5rem;font-size:.9rem}.error-state{padding:3rem 1.5rem;text-align:center;color:var(--status-error)}.error-state h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.error-state p{margin:0;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{transition:all .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;border:1px solid var(--border-primary)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.bulk-actions{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1.5rem}.bulk-count{font-weight:600;color:var(--text-primary);margin-right:auto}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:1rem 0}.page-numbers{display:flex;gap:.25rem}.page-number{min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-number:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.page-number.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.success-message{padding:1rem 1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;margin-bottom:1.5rem;font-weight:500;animation:slideInDown .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-controls{flex-direction:column;align-items:stretch}.page-controls .search-bar{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.bulk-actions{flex-wrap:wrap}}