@charset "UTF-8";html,body,#root{height:100%;width:100%}body{background:var(--surface);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sdq-global-dashboard{min-height:100vh;position:relative;background:radial-gradient(circle at 20% 10%,rgba(102,137,220,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(148,178,240,.04) 0%,transparent 50%),linear-gradient(180deg,#f9fbff,#fafcfe,#f3f6fc)}.sdq-global-dashboard:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(102,137,220,.04) 1px,transparent 0);background-size:32px 32px;pointer-events:none;opacity:.6;z-index:0}.sdq-main{min-height:100vh;margin-left:240px;padding:80px 28px 28px;position:relative;z-index:1;transition:margin-left var(--motion-base) var(--ease-emphasized)}.sdq-main--sidebar-collapsed{margin-left:60px}.sdq-coming-soon{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 112px);padding:40px 24px}.sdq-coming-soon__content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:520px;padding:60px 48px;background:linear-gradient(135deg,#fffffff2,#f9fbffeb);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(102,137,220,.15);border-radius:18px;box-shadow:0 20px 60px #0f162314,0 8px 24px #5272c414,0 0 0 1px #6689dc0d,inset 0 1px #ffffffe6;text-align:center;position:relative;overflow:hidden}.sdq-coming-soon__content:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 50% 0%,rgba(102,137,220,.08) 0%,rgba(148,178,240,.04) 30%,transparent 70%);pointer-events:none;animation:gradientShift 8s ease-in-out infinite}.sdq-coming-soon__content:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:72px;height:3px;background:linear-gradient(90deg,transparent,#94B2F0,var(--brand-primary),#94B2F0,transparent);border-radius:0 0 999px 999px;box-shadow:0 0 16px #6689dc66,0 4px 10px #5272c433}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,10px) rotate(2deg)}}.sdq-coming-soon__icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#5272c426,#6689dc1f,#94b2f01a);border:1.5px solid rgba(102,137,220,.25);border-radius:20px;box-shadow:0 8px 20px #5272c426,0 0 32px #6689dc14,inset 0 1px #fff9,inset 0 -1px #5272c41a;color:var(--brand-primary);position:relative;z-index:1;transition:transform var(--motion-base) var(--ease-bounce),box-shadow var(--motion-base) var(--ease-smooth)}.sdq-coming-soon__icon:before{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(circle at 30% 30%,rgba(148,178,240,.3) 0%,transparent 70%);opacity:0;transition:opacity var(--motion-base) var(--ease-smooth)}.sdq-coming-soon__icon:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 12px 28px #5272c433,0 0 40px #6689dc1f,inset 0 1px #fffc}.sdq-coming-soon__icon:hover:before{opacity:1}.sdq-coming-soon__icon svg{filter:drop-shadow(0 2px 4px rgba(82,114,196,.2))}.sdq-coming-soon__title{margin:0;background:linear-gradient(135deg,#2D4173 0%,var(--brand-primary) 50%,#94B2F0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(82,114,196,.08))}.sdq-coming-soon__subtitle{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.6;max-width:400px;position:relative;z-index:1}.sdq-coming-soon__indicator{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#89a3e826,#6689dc1f);border:1.5px solid rgba(102,137,220,.3);border-radius:999px;box-shadow:0 4px 10px #5272c426,0 0 20px #6689dc14,inset 0 1px #fff9;color:var(--brand-primary);font-size:12px;font-weight:600;letter-spacing:.01em;margin-top:10px;position:relative;z-index:1;transition:transform var(--motion-base) var(--ease-smooth),box-shadow var(--motion-base) var(--ease-smooth)}.sdq-coming-soon__indicator svg{flex-shrink:0;animation:indicatorPulse 2s ease-in-out infinite}.sdq-coming-soon__indicator:hover{transform:scale(1.02);box-shadow:0 6px 14px #5272c433,0 0 28px #6689dc1f,inset 0 1px #fffc}@keyframes indicatorPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:1024px){.sdq-main{margin-left:220px;padding:76px 24px 24px}.sdq-main--sidebar-collapsed{margin-left:56px}.sdq-coming-soon{min-height:calc(100vh - 100px)}}@media(max-width:768px){.sdq-main{margin-left:0;padding:72px 20px 20px}.sdq-main--sidebar-collapsed{margin-left:0}.sdq-coming-soon{min-height:calc(100vh - 92px);padding:24px 20px}.sdq-coming-soon__content{padding:48px 36px;gap:20px}.sdq-coming-soon__icon{width:88px;height:88px}.sdq-coming-soon__icon svg{width:44px;height:44px}.sdq-coming-soon__title{font-size:28px}.sdq-coming-soon__subtitle{font-size:13px}}@media(max-width:480px){.sdq-main{padding:100px 16px 16px}.sdq-coming-soon__content{padding:40px 24px;gap:18px}.sdq-coming-soon__icon{width:80px;height:80px}.sdq-coming-soon__icon svg{width:40px;height:40px}.sdq-coming-soon__title{font-size:24px}.sdq-coming-soon__subtitle{font-size:12px}}[data-theme=dark] .sdq-global-dashboard{background:radial-gradient(circle at 20% 10%,rgba(102,137,220,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(148,178,240,.06) 0%,transparent 50%),linear-gradient(180deg,#0f1623,#12172a,#0d111c)}[data-theme=dark] .sdq-global-dashboard:before{background-image:radial-gradient(circle at 1px 1px,rgba(148,178,240,.06) 1px,transparent 0);opacity:.4}[data-theme=dark] .sdq-coming-soon__content{background:linear-gradient(135deg,#12192af2,#0f1623eb);border-color:#6689dc33;box-shadow:0 24px 72px #0006,0 8px 32px #5272c426,0 0 0 1px #6689dc1a,inset 0 1px #ffffff0d}[data-theme=dark] .sdq-coming-soon__content:before{background:radial-gradient(circle at 50% 0%,rgba(102,137,220,.12) 0%,rgba(148,178,240,.06) 30%,transparent 70%)}[data-theme=dark] .sdq-coming-soon__content:after{box-shadow:0 0 20px #94b2f099,0 4px 14px #6689dc4d}[data-theme=dark] .sdq-coming-soon__icon{background:linear-gradient(135deg,#5272c433,#6689dc26,#94b2f01f);border-color:#6689dc4d;box-shadow:0 12px 32px #5272c440,0 0 48px #6689dc26,inset 0 1px #ffffff1a,inset 0 -1px #5272c433}[data-theme=dark] .sdq-coming-soon__icon:hover{box-shadow:0 16px 40px #5272c44d,0 0 56px #6689dc33,inset 0 1px #ffffff26}[data-theme=dark] .sdq-coming-soon__indicator{background:linear-gradient(135deg,#6689dc2e,#94b2f026);border-color:#6689dc59;box-shadow:0 4px 14px #5272c433,0 0 24px #6689dc1f,inset 0 1px #ffffff1a}[data-theme=dark] .sdq-coming-soon__indicator:hover{box-shadow:0 6px 18px #5272c440,0 0 32px #6689dc26,inset 0 1px #ffffff1f}@media(prefers-reduced-motion:reduce){.sdq-main,.sdq-coming-soon__icon,.sdq-coming-soon__content:before,.sdq-coming-soon__indicator svg{transition:none!important;animation:none!important}}.global-header{position:fixed;top:0;left:240px;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);min-height:60px;padding:0 28px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:left var(--motion-base) var(--ease-smooth),background var(--motion-base) var(--ease-smooth),backdrop-filter var(--motion-base) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-base) var(--ease-smooth)}.global-header--scrolled{background:linear-gradient(135deg,#ffffffd9,#f9fbffe0);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom-color:#6689dc26;box-shadow:0 4px 20px #0f16230f,0 1px #6689dc14,inset 0 1px #fffc}.global-header--scrolled .global-header__badge{border-color:#fffffff2}.global-header--sidebar-collapsed{left:60px}.global-header__left{display:flex;align-items:center;flex-shrink:0;min-width:0}.global-header__title-section{display:flex;flex-direction:column;gap:2px;min-width:0}.global-header__title{margin:0;font-size:16px;font-weight:var(--font-bold);font-family:var(--font-display);background:linear-gradient(135deg,#5272C4 0%,var(--brand-primary) 50%,#94B2F0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:drop-shadow(0 2px 4px rgba(82,114,196,.15))}.global-header__subtitle{margin:0;font-size:11px;color:var(--text-tertiary);line-height:1.2;font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-header__center{display:flex;align-items:center;gap:var(--spacing-3);flex:1;justify-content:flex-end;min-width:0}.global-header__right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.global-header__divider{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,rgba(102,137,220,.2) 50%,transparent 100%);flex-shrink:0}.global-header__btn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;line-height:1;position:relative;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.global-header__btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:radial-gradient(circle at 50% 0%,rgba(102,137,220,0),transparent 70%);opacity:0;transition:opacity var(--motion-fast) var(--ease-smooth);pointer-events:none}.global-header__btn:hover{background:linear-gradient(135deg,#5272c414,#6689dc0f);border-color:#6689dc33;color:var(--text-primary);box-shadow:0 2px 6px #5272c41a,inset 0 1px #ffffff80;transform:translateY(-1px)}.global-header__btn:hover:before{opacity:1}.global-header__btn:active{transform:translateY(0) scale(.98);background:#5272c41f}.global-header__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus),0 0 10px #6689dc33}.global-header__btn--icon{width:32px;padding:0;position:relative}.global-header__btn--icon svg{width:16px;height:16px}.global-header__btn--agent{padding:0 14px}.global-header__btn--agent svg{width:16px;height:16px;flex-shrink:0}.global-header__btn-text{font-size:12px;font-weight:600;white-space:nowrap}.global-header__btn--active{background:linear-gradient(135deg,#6689dc26,#5272c41f);border-color:#6689dc4d;color:var(--brand-primary);box-shadow:0 2px 8px #5272c426,inset 0 1px #fff9}.global-header__btn--active:before{opacity:1;background:radial-gradient(circle at 50% 0%,rgba(102,137,220,.08),transparent 70%)}.global-header__btn--active:hover{background:linear-gradient(135deg,#6689dc2e,#5272c426);border-color:#6689dc59;transform:translateY(0)}.global-header__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#e94560,#d63447);color:var(--text-inverse);border-radius:999px;border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;pointer-events:none;box-shadow:0 2px 4px #e9456066,0 0 10px #e9456033;transition:border-color var(--motion-fast) var(--ease-smooth),transform var(--motion-fast) var(--ease-smooth);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 2px 4px #e9456066,0 0 10px #e9456033}50%{box-shadow:0 2px 6px #e9456080,0 0 14px #e945604d}}@media(max-width:1024px){.global-header{left:220px;padding:0 24px;min-height:56px;gap:var(--spacing-3)}.global-header--sidebar-collapsed{left:56px}.global-header__title{font-size:15px}}@media(max-width:768px){.global-header{left:0;padding:0 20px;min-height:52px;gap:var(--spacing-2);flex-wrap:wrap}.global-header--sidebar-collapsed{left:0}.global-header__left{order:1;flex:1 1 100%;margin-bottom:var(--spacing-1)}.global-header__center{order:2;flex:1 1 auto}.global-header__right{order:3}.global-header__title{font-size:14px}.global-header__subtitle{display:none}.global-header__btn{height:30px}.global-header__btn--icon{width:30px}.global-header__btn--agent{padding:0 12px}.global-header__btn-text{font-size:11px}}@media(max-width:640px){.global-header{min-height:80px}.global-header__title{font-size:13px}.global-header__btn-text{display:none}.global-header__btn--agent{width:30px;padding:0}}[data-theme=dark] .global-header--scrolled{background:linear-gradient(135deg,#12192aeb,#0f1623f2);border-bottom-color:#6689dc33;box-shadow:0 4px 28px #00000052,0 1px #6689dc1f,inset 0 1px #ffffff0d}[data-theme=dark] .global-header__badge{border-color:var(--bg-primary)}[data-theme=dark] .global-header--scrolled .global-header__badge{border-color:#12192af2}[data-theme=dark] .global-header__btn--active{background:linear-gradient(135deg,#6689dc33,#5272c42e);border-color:#6689dc66}[data-theme=dark] .global-header__btn--active:hover{background:linear-gradient(135deg,#6689dc40,#5272c438)}@media(prefers-reduced-motion:reduce){.global-header,.global-header__btn,.global-header__btn:before,.global-header__badge{transition:none!important;animation:none!important}}.globaldashboard-sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;z-index:100;flex-shrink:0;transition:width var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),0),rgba(var(--brand-primary-rgb),.25) 50%,rgba(var(--brand-primary-rgb),0));pointer-events:none;opacity:.8}.globaldashboard-sidebar.collapsed{width:60px}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__title,.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__nav-section-title,.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__nav-item-label,.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__nav-item-badge{opacity:0;visibility:hidden;width:0}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__nav-item{justify-content:center;padding:var(--spacing-2)}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__profile{padding:var(--spacing-3)}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__profile-content{flex-direction:column;gap:0;padding:var(--spacing-2)}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__profile-info,.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__profile-actions{display:none}.globaldashboard-sidebar.collapsed .globaldashboard-sidebar__profile-avatar{margin:0}.globaldashboard-sidebar__collapse-toggle{position:absolute;right:-10px;top:20px;width:20px;height:20px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);z-index:10;transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__collapse-toggle svg{width:14px;height:14px}.globaldashboard-sidebar__collapse-toggle:hover{background:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.35);color:#fff;box-shadow:var(--shadow-md),0 0 12px rgba(var(--brand-primary-rgb),.3);transform:scale(1.1)}.globaldashboard-sidebar__collapse-toggle:active{transform:scale(.95)}.globaldashboard-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-3);border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.02),transparent)}.globaldashboard-sidebar__brand{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.globaldashboard-sidebar__logo{height:32px;width:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(var(--brand-primary-rgb),.25))}.globaldashboard-sidebar__title{margin:0;color:var(--text-primary);font-weight:var(--font-bold);font-size:15px;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,var(--text-primary) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--motion-base) var(--ease-smooth),visibility var(--motion-base) var(--ease-smooth),width var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__home-btn{appearance:none;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);width:32px;height:32px;padding:0;flex-shrink:0;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__home-btn svg{width:16px;height:16px}.globaldashboard-sidebar__home-btn:hover{background:rgba(var(--brand-primary-rgb),.08);border-color:rgba(var(--brand-primary-rgb),.25);color:var(--brand-primary);box-shadow:0 2px 6px #0f162314;transform:translateY(-1px)}.globaldashboard-sidebar__home-btn:active{transform:translateY(0) scale(.98)}.globaldashboard-sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3) 0;display:flex;flex-direction:column}.globaldashboard-sidebar__nav::-webkit-scrollbar{width:3px}.globaldashboard-sidebar__nav::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.globaldashboard-sidebar__nav-section{padding:0 var(--spacing-3);margin-bottom:var(--spacing-6)}.globaldashboard-sidebar__nav-section-title{font-size:10px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--spacing-1) var(--spacing-2);margin-bottom:var(--spacing-2);transition:opacity var(--motion-base) var(--ease-smooth),visibility var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.globaldashboard-sidebar__nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:var(--font-medium);cursor:pointer;position:relative;transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 8px rgba(var(--brand-primary-rgb),.4);transition:height var(--motion-fast) var(--ease-emphasized)}.globaldashboard-sidebar__nav-item:hover{background:rgba(var(--brand-primary-rgb),.08);border-color:rgba(var(--brand-primary-rgb),.2);color:var(--text-primary);box-shadow:0 1px 3px #0f16230f;transform:translate(2px)}.globaldashboard-sidebar__nav-item:hover:before{height:50%}.globaldashboard-sidebar__nav-item:hover .globaldashboard-sidebar__nav-item-icon{color:var(--brand-primary);transform:scale(1.05)}.globaldashboard-sidebar__nav-item.active{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.12),rgba(var(--brand-secondary-rgb),.08));border-color:rgba(var(--brand-primary-rgb),.28);color:var(--text-primary);font-weight:var(--font-semibold);box-shadow:0 2px 4px #0f16230f,inset 0 1px #ffffff4d}.globaldashboard-sidebar__nav-item.active:before{height:100%}.globaldashboard-sidebar__nav-item.active .globaldashboard-sidebar__nav-item-icon{color:var(--brand-primary)}.globaldashboard-sidebar__nav-item.active .globaldashboard-sidebar__nav-item-badge{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.3)}.globaldashboard-sidebar__nav-item-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color var(--motion-fast) var(--ease-smooth),transform var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--motion-base) var(--ease-smooth),visibility var(--motion-base) var(--ease-smooth),width var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__nav-item-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;background:rgba(var(--brand-primary-rgb),.12);border:1px solid rgba(var(--brand-primary-rgb),.2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-bold);color:var(--brand-primary);transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__profile{margin-top:auto;padding:var(--spacing-4) var(--spacing-3);border-top:1px solid var(--border-subtle);flex-shrink:0;transition:padding var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__profile-content{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f16230f,inset 0 1px #ffffff80;cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__profile-content:hover{border-color:rgba(var(--brand-primary-rgb),.25);box-shadow:0 2px 8px #0f162314,0 0 0 2px rgba(var(--brand-primary-rgb),.05);transform:translateY(-1px)}.globaldashboard-sidebar__profile-content:hover .globaldashboard-sidebar__profile-avatar{box-shadow:0 3px 8px rgba(var(--brand-primary-rgb),.3),inset 0 1px #fff6;transform:scale(1.05)}.globaldashboard-sidebar__profile-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary) 0%,#5A7ED8 50%,#94B2F0 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.25),inset 0 1px #ffffff4d;transition:box-shadow var(--motion-fast) var(--ease-smooth),transform var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__profile-avatar span{font-size:12px;font-weight:var(--font-bold);color:var(--text-on-brand);line-height:1;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.globaldashboard-sidebar__profile-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;transition:all var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__profile-name{font-size:12px;font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.globaldashboard-sidebar__profile-role{font-size:10px;color:var(--text-tertiary);line-height:1.2;font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.globaldashboard-sidebar__profile-actions{display:flex;gap:var(--spacing-1);transition:all var(--motion-base) var(--ease-smooth)}.globaldashboard-sidebar__profile-action-btn{appearance:none;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__profile-action-btn svg{width:15px;height:15px}.globaldashboard-sidebar__profile-action-btn:hover{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);transform:scale(1.05)}.globaldashboard-sidebar__profile-action-btn--danger:hover{background:#e945601a;color:#d63447}.globaldashboard-sidebar__profile-dropdown{position:fixed;left:252px;bottom:20px;min-width:220px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0f162326,0 4px 16px #0f16231a;overflow:hidden;padding:var(--spacing-2);animation:dropdownSlide .2s var(--ease-emphasized);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.globaldashboard-sidebar__profile-dropdown-item{appearance:none;border:none;background:transparent;display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:12px;font-weight:var(--font-medium);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--motion-fast) var(--ease-smooth)}.globaldashboard-sidebar__profile-dropdown-item svg{width:15px;height:15px}.globaldashboard-sidebar__profile-dropdown-item:hover{background:rgba(var(--brand-primary-rgb),.08);color:var(--text-primary);transform:translate(2px)}.globaldashboard-sidebar__profile-dropdown-item--danger{color:#d63447}.globaldashboard-sidebar__profile-dropdown-item--danger:hover{background:#e945601a;color:#d63447}.globaldashboard-sidebar__profile-dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--spacing-1) 0}[data-theme=dark] .globaldashboard-sidebar__title{background:linear-gradient(135deg,var(--text-primary) 0%,rgba(var(--brand-primary-rgb),.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .globaldashboard-sidebar__collapse-toggle:hover{box-shadow:var(--shadow-md),0 0 16px rgba(var(--brand-primary-rgb),.4)}[data-theme=dark] .globaldashboard-sidebar__nav-item.active{box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .globaldashboard-sidebar__nav-item:before{box-shadow:0 0 12px rgba(var(--brand-primary-rgb),.6)}[data-theme=dark] .globaldashboard-sidebar__profile-content{box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .globaldashboard-sidebar__profile-content:hover{box-shadow:0 2px 8px #0006,0 0 0 2px rgba(var(--brand-primary-rgb),.08)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--gd-kpi-height-min: 110px;--gd-kpi-height-max: 130px;--gd-kpi-padding: clamp(12px, 1.5vw, 16px);--gd-kpi-gap: clamp(10px, 1.2vw, 12px);--gd-kpi-icon-size: clamp(32px, 3vw, 36px);--gd-kpi-value-size: clamp(22px, 2.2vw, 28px);--gd-kpi-title-size: clamp(9px, .85vw, 10px);--gd-kpi-subtitle-size: clamp(10px, .95vw, 11px);--gd-kpi-trend-size: clamp(9px, .85vw, 10px);--gd-kpi-accent-blue: rgba(102, 137, 220, 1);--gd-kpi-accent-blue-icon: rgba(102, 137, 220, .85);--gd-kpi-accent-green: rgba(59, 138, 165, 1);--gd-kpi-accent-green-icon: rgba(59, 138, 165, .85);--gd-kpi-accent-purple: rgba(122, 145, 219, 1);--gd-kpi-accent-purple-icon: rgba(122, 145, 219, .85);--gd-kpi-accent-red: rgba(220, 102, 137, 1);--gd-kpi-accent-red-icon: rgba(220, 102, 137, .85);--gd-kpi-accent-yellow: rgba(220, 180, 102, 1);--gd-kpi-accent-yellow-icon: rgba(220, 180, 102, .85)}.sdq-global-dashboard-kpi{min-height:var(--gd-kpi-height-min);max-height:var(--gd-kpi-height-max);display:flex;flex-direction:column;padding:var(--gd-kpi-padding);background:linear-gradient(135deg,#ffffffd9,#f9fbffcc);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(102,137,220,.12);border-radius:clamp(10px,1.2vw,12px);box-shadow:0 2px 8px #0f16230a,0 1px 3px #5272c40f,inset 0 1px #fffc;position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth)}.sdq-global-dashboard-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gd-kpi-accent, var(--gd-kpi-accent-blue));opacity:.6;transition:opacity var(--motion-fast) var(--ease-smooth)}.sdq-global-dashboard-kpi:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(102,137,220,.04) 0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-smooth)}.sdq-global-dashboard-kpi:hover{transform:translateY(-2px);border-color:#6689dc33;box-shadow:0 8px 20px #0f162314,0 4px 12px #5272c41a,inset 0 1px #ffffffe6}.sdq-global-dashboard-kpi:hover:before{opacity:1}.sdq-global-dashboard-kpi:hover:after{opacity:1}.sdq-global-dashboard-kpi:focus-visible{outline:2px solid var(--gd-kpi-accent, var(--gd-kpi-accent-blue));outline-offset:2px}.sdq-global-dashboard-kpi--blue{--gd-kpi-accent: var(--gd-kpi-accent-blue);--gd-kpi-icon-color: var(--gd-kpi-accent-blue-icon)}.sdq-global-dashboard-kpi--green{--gd-kpi-accent: var(--gd-kpi-accent-green);--gd-kpi-icon-color: var(--gd-kpi-accent-green-icon)}.sdq-global-dashboard-kpi--purple{--gd-kpi-accent: var(--gd-kpi-accent-purple);--gd-kpi-icon-color: var(--gd-kpi-accent-purple-icon)}.sdq-global-dashboard-kpi--red{--gd-kpi-accent: var(--gd-kpi-accent-red);--gd-kpi-icon-color: var(--gd-kpi-accent-red-icon)}.sdq-global-dashboard-kpi--yellow{--gd-kpi-accent: var(--gd-kpi-accent-yellow);--gd-kpi-icon-color: var(--gd-kpi-accent-yellow-icon)}.sdq-global-dashboard-kpi__content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gd-kpi-gap);flex:1;position:relative;z-index:1}.sdq-global-dashboard-kpi__text{flex:1;display:flex;flex-direction:column;gap:clamp(4px,.5vw,6px);min-width:0}.sdq-global-dashboard-kpi__title{margin:0;font-size:var(--gd-kpi-title-size);font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary, rgba(45, 65, 115, .65));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdq-global-dashboard-kpi__value{margin:0;font-size:var(--gd-kpi-value-size);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary, #2D4173);font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdq-global-dashboard-kpi__subtitle{margin:0;font-size:var(--gd-kpi-subtitle-size);font-weight:500;line-height:1.4;color:var(--text-secondary, rgba(45, 65, 115, .75));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdq-global-dashboard-kpi__icon{flex-shrink:0;width:var(--gd-kpi-icon-size);height:var(--gd-kpi-icon-size);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6689dc1f,#94b2f014);border:1px solid rgba(102,137,220,.2);border-radius:clamp(8px,1vw,10px);box-shadow:0 2px 6px #5272c41a,inset 0 1px #ffffff80;color:var(--gd-kpi-icon-color, var(--gd-kpi-accent-blue-icon));transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth)}.sdq-global-dashboard-kpi:hover .sdq-global-dashboard-kpi__icon{transform:scale(1.05);box-shadow:0 4px 10px #5272c426,inset 0 1px #ffffffb3}.sdq-global-dashboard-kpi__icon svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(82,114,196,.15))}.sdq-global-dashboard-kpi__trend{display:inline-flex;align-items:center;gap:4px;margin-top:clamp(6px,.8vw,8px);padding:4px 10px;background:linear-gradient(135deg,#3b8aa51a,#5272c414);border:1px solid rgba(59,138,165,.2);border-radius:999px;box-shadow:0 1px 3px #3b8aa514,inset 0 1px #fff6;font-size:var(--gd-kpi-trend-size);font-weight:600;letter-spacing:.01em;line-height:1.2;color:#3b8aa5;position:relative;z-index:1;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth)}.sdq-global-dashboard-kpi__trend svg{flex-shrink:0}.sdq-global-dashboard-kpi__trend span{white-space:nowrap}.sdq-global-dashboard-kpi:hover .sdq-global-dashboard-kpi__trend{transform:scale(1.02);box-shadow:0 2px 6px #3b8aa51f,inset 0 1px #ffffff80}[data-theme=dark] .sdq-global-dashboard-kpi{background:linear-gradient(135deg,#12192ae6,#0f1623d9);border-color:#6689dc2e;box-shadow:0 4px 12px #0003,0 2px 6px #5272c41a,inset 0 1px #ffffff0d}[data-theme=dark] .sdq-global-dashboard-kpi:hover{border-color:#6689dc4d;box-shadow:0 12px 28px #0000004d,0 6px 16px #5272c426,inset 0 1px #ffffff14}[data-theme=dark] .sdq-global-dashboard-kpi:after{background:radial-gradient(circle at 50% 100%,rgba(148,178,240,.08) 0%,transparent 70%)}[data-theme=dark] .sdq-global-dashboard-kpi__title{color:#94b2f0a6}[data-theme=dark] .sdq-global-dashboard-kpi__value{color:#f9fbfff2}[data-theme=dark] .sdq-global-dashboard-kpi__subtitle{color:#94b2f0bf}[data-theme=dark] .sdq-global-dashboard-kpi__icon{background:linear-gradient(135deg,#6689dc33,#94b2f026);border-color:#6689dc4d;box-shadow:0 3px 8px #5272c433,inset 0 1px #ffffff1a}.sdq-global-dashboard-kpi:hover [data-theme=dark] .sdq-global-dashboard-kpi__icon{box-shadow:0 6px 14px #5272c440,inset 0 1px #ffffff26}[data-theme=dark] .sdq-global-dashboard-kpi__trend{background:linear-gradient(135deg,#3b8aa52e,#5272c41f);border-color:#3b8aa54d;box-shadow:0 2px 6px #3b8aa526,inset 0 1px #ffffff14;color:#94b2f0e6}.sdq-global-dashboard-kpi:hover [data-theme=dark] .sdq-global-dashboard-kpi__trend{box-shadow:0 3px 10px #3b8aa533,inset 0 1px #ffffff1a}@media(max-width:1024px){.sdq-global-dashboard-kpi{min-height:100px}}@media(max-width:768px){.sdq-global-dashboard-kpi{min-height:95px}.sdq-global-dashboard-kpi__content{gap:8px}}@media(max-width:480px){.sdq-global-dashboard-kpi{min-height:90px}.sdq-global-dashboard-kpi__text{gap:3px}}@media(prefers-reduced-motion:reduce){.sdq-global-dashboard-kpi,.sdq-global-dashboard-kpi:before,.sdq-global-dashboard-kpi:after,.sdq-global-dashboard-kpi__icon,.sdq-global-dashboard-kpi__trend{transition:none!important;animation:none!important}.sdq-global-dashboard-kpi:hover,.sdq-global-dashboard-kpi:hover .sdq-global-dashboard-kpi__icon,.sdq-global-dashboard-kpi:hover .sdq-global-dashboard-kpi__trend{transform:none}}@media(prefers-contrast:high){.sdq-global-dashboard-kpi{border-width:2px}.sdq-global-dashboard-kpi:before{height:3px}.sdq-global-dashboard-kpi__title,.sdq-global-dashboard-kpi__value,.sdq-global-dashboard-kpi__subtitle{font-weight:700}.sdq-global-dashboard-kpi__icon{border-width:2px;background:var(--gd-kpi-accent, var(--gd-kpi-accent-blue));color:#fff}.sdq-global-dashboard-kpi__trend{border-width:2px;font-weight:700}}.sdq-web-category-usage{display:flex;flex-direction:column;gap:var(--spacing-3)}.sdq-web-summary-panel{background:#fafafa80;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-md);padding:var(--spacing-3);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-summary-panel:hover{background:#f8f8f899;border-color:#c8c8c84d;box-shadow:0 2px 8px #0000000a}.sdq-web-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(200,200,200,.15)}.sdq-web-summary-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq-web-summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.sdq-web-stat{text-align:center;padding:var(--spacing-2);border-radius:var(--radius-sm);background:#fff6;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-stat:hover{background:#ffffffb3;transform:translateY(-2px)}.sdq-web-stat-value{font-size:20px;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px;font-feature-settings:var(--font-feature-tabular)}.sdq-web-stat-value--warning{color:#f59e0b}.sdq-web-stat-value--info{color:#6689dc}.sdq-web-stat-label{font-size:9px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sdq-web-categories-panel{background:#fafafa80;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-md);padding:var(--spacing-3);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-categories-panel:hover{background:#f8f8f899;border-color:#c8c8c84d;box-shadow:0 2px 8px #0000000a}.sdq-web-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(200,200,200,.15)}.sdq-web-categories-header svg{color:var(--text-tertiary)}.sdq-web-categories-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq-web-category-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-web-category-item{border-radius:var(--radius-sm);overflow:hidden;background:#ffffff4d;transition:background var(--motion-fast) var(--ease-smooth)}.sdq-web-category-item:hover{background:#ffffff80}.sdq-web-category-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-category-row:hover{background:#6689dc0a}.sdq-web-category-info{display:flex;align-items:center;gap:var(--spacing-2)}.sdq-web-category-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffff80}.sdq-web-category-name{font-size:11px;font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdq-web-category-warning{color:#f59e0b;flex-shrink:0}.sdq-web-category-bar-container{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.sdq-web-category-bar{flex:1;height:18px;background:#c8c8c826;border-radius:var(--radius-sm);overflow:hidden;position:relative}.sdq-web-category-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05))}.sdq-web-category-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--motion-slow) var(--ease-smooth);opacity:.85}.sdq-web-category-metrics{display:flex;align-items:center;gap:var(--spacing-3);min-width:200px}.sdq-web-metric-primary{font-size:12px;font-weight:var(--font-bold);color:var(--text-primary);font-feature-settings:var(--font-feature-tabular);min-width:50px}.sdq-web-metric-secondary{font-size:10px;font-weight:var(--font-medium);color:var(--text-secondary);font-feature-settings:var(--font-feature-tabular);min-width:50px}.sdq-web-metric-blocked{font-size:10px;font-weight:var(--font-semibold);color:#f59e0b;background:#f59e0b14;padding:2px 6px;border-radius:8px}.sdq-web-expand-icon{color:var(--text-tertiary);transition:transform .25s ease;flex-shrink:0}.sdq-web-expand-icon--open{transform:rotate(180deg)}.sdq-web-domains-container{overflow:hidden;border-top:1px solid rgba(200,200,200,.15)}.sdq-web-domains-table{width:100%;border-collapse:collapse;background:#ffffff4d}.sdq-web-domains-table thead{background:#6689dc0a}.sdq-web-domains-table thead th{padding:var(--spacing-2) var(--spacing-3);text-align:left;font-size:9px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sdq-web-domains-table thead th:nth-child(n+2){text-align:right}.sdq-web-domains-table tbody tr{transition:background .15s ease}.sdq-web-domains-table tbody tr:hover{background:#6689dc0f}.sdq-web-domains-table tbody tr:not(:last-child) td{border-bottom:1px solid rgba(200,200,200,.1)}.sdq-web-domains-table tbody td{padding:var(--spacing-2) var(--spacing-3);font-size:11px;color:var(--text-secondary)}.sdq-web-domain-name{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-medium);color:var(--text-primary)}.sdq-web-domain-name svg{color:var(--text-tertiary);flex-shrink:0}.sdq-web-cell-numeric{text-align:right;font-feature-settings:var(--font-feature-tabular)}.sdq-web-badge{display:inline-block;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:var(--font-semibold)}.sdq-web-badge--success{background:#10b98114;color:#059669}.sdq-web-badge--danger{background:#ef444414;color:#ef4444}.sdq-web-domains-loading{padding:var(--spacing-4);text-align:center;color:var(--text-tertiary);font-size:11px}.sdq-web-loading{padding:var(--spacing-4);text-align:center;color:var(--text-tertiary)}@media(max-width:1024px){.sdq-web-summary-stats{grid-template-columns:repeat(2,1fr)}.sdq-web-category-row{grid-template-columns:120px 1fr auto}}@media(max-width:768px){.sdq-web-category-row{grid-template-columns:1fr;gap:var(--spacing-2)}.sdq-web-category-metrics{min-width:auto}.sdq-web-domains-table thead th:nth-child(4),.sdq-web-domains-table tbody td:nth-child(4){display:none}}[data-theme=dark] .sdq-web-summary-panel,[data-theme=dark] .sdq-web-categories-panel{background:#1e1e1e4d;border-color:#ffffff0d}[data-theme=dark] .sdq-web-summary-panel:hover,[data-theme=dark] .sdq-web-categories-panel:hover{background:#23232366;border-color:#ffffff14}[data-theme=dark] .sdq-web-stat{background:#ffffff05}[data-theme=dark] .sdq-web-stat:hover{background:#ffffff0d}[data-theme=dark] .sdq-web-category-item{background:#ffffff05}[data-theme=dark] .sdq-web-category-item:hover{background:#ffffff0a}[data-theme=dark] .sdq-web-category-bar{background:#ffffff0d}[data-theme=dark] .sdq-web-domains-table{background:#ffffff05}.sdq-web-users-summary{padding:var(--spacing-3);background:#6689dc08;border-bottom:1px solid rgba(200,200,200,.15)}.sdq-web-users-summary-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:10px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq-web-users-summary-header svg{color:var(--text-tertiary)}.sdq-web-users-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.sdq-web-user-chip{display:flex;align-items:center;gap:var(--spacing-2);padding:4px 8px;background:#ffffff80;border:1px solid rgba(200,200,200,.2);border-radius:12px;font-size:10px;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-user-chip:hover{background:#fffc;border-color:#6689dc4d;transform:translateY(-1px)}.sdq-web-user-chip--more{background:#6689dc14;color:var(--text-secondary);font-weight:var(--font-medium)}.sdq-web-user-name{font-weight:var(--font-medium);color:var(--text-primary)}.sdq-web-user-blocks{padding:1px 5px;background:#ef44441a;color:#ef4444;border-radius:8px;font-size:9px;font-weight:var(--font-semibold);font-feature-settings:var(--font-feature-tabular)}.sdq-web-expanded-container{overflow:hidden;border-top:1px solid rgba(200,200,200,.15)}.sdq-web-domain-row{cursor:pointer}.sdq-web-domain-row--expanded{background:#6689dc0a}.sdq-web-cell-expand{width:24px;text-align:center;padding-right:0!important}.sdq-web-domain-expand-icon{color:var(--text-tertiary);transition:transform .2s ease}.sdq-web-domain-expand-icon--open{transform:rotate(90deg)}.sdq-web-user-count{display:inline-block;padding:2px 6px;background:#6689dc1a;color:#6689dc;border-radius:8px;font-size:10px;font-weight:var(--font-semibold)}.sdq-web-users-detail-row{background:#fafafa80}.sdq-web-users-detail-row td{padding:0!important}.sdq-web-users-detail{padding:var(--spacing-3)}.sdq-web-users-detail-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:10px;font-weight:var(--font-semibold);color:var(--text-secondary)}.sdq-web-users-detail-header svg{color:var(--text-tertiary)}.sdq-web-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-2)}.sdq-web-user-detail-card{padding:var(--spacing-2);background:#fff9;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-sm);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-web-user-detail-card:hover{background:#ffffffe6;border-color:#6689dc4d;box-shadow:0 2px 4px #0000000d}.sdq-web-user-detail-name{font-size:11px;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:4px}.sdq-web-user-detail-stats{display:flex;gap:var(--spacing-2)}.sdq-web-user-detail-stat{font-size:9px;color:var(--text-tertiary);font-feature-settings:var(--font-feature-tabular)}.sdq-web-domains-table thead th:first-child{width:24px;padding-right:0}[data-theme=dark] .sdq-web-users-summary{background:#6689dc0d}[data-theme=dark] .sdq-web-user-chip{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .sdq-web-user-chip:hover{background:#ffffff0f}[data-theme=dark] .sdq-web-user-chip--more{background:#6689dc1a}[data-theme=dark] .sdq-web-users-detail-row{background:#1e1e1e4d}[data-theme=dark] .sdq-web-user-detail-card{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .sdq-web-user-detail-card:hover{background:#ffffff0f}@media(max-width:768px){.sdq-web-users-grid{grid-template-columns:1fr}.sdq-web-users-chips{max-height:80px;overflow-y:auto}}.sdq-skeleton{background:linear-gradient(90deg,#c8c8c81a 25%,#c8c8c833,#c8c8c81a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.sdq-skeleton-value{height:20px;width:60px;margin:0 auto 4px}.sdq-skeleton-label{height:10px;width:80px;margin:0 auto}.sdq-skeleton-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sdq-skeleton-name{height:11px;width:100px;flex:1}.sdq-skeleton-bar{flex:1;height:18px;border-radius:var(--radius-sm)}.sdq-skeleton-metric{height:12px;width:150px}.sdq-web-summary-stats,.sdq-web-category-list{min-height:80px}.sdq-web-days-select:disabled{opacity:.6;cursor:not-allowed}.sdq-donut-chart canvas{width:100%!important;height:100%!important}.sdq-gauge-chart canvas{width:100%!important;height:100%!important}.sdq-traffic-chart{width:100%;overflow:hidden}.sdq-traffic-chart canvas{width:100%!important;height:100%!important}.sdq-section-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-subtle)}.sdq-section-header svg{color:var(--text-tertiary)}.sdq-section-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sdq-error-display{text-align:center;max-width:480px;padding:var(--spacing-12);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.sdq-error-display .sdq-error-icon{color:var(--status-error);margin-bottom:var(--spacing-6)}.sdq-error-display h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.sdq-error-display p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:var(--leading-relaxed)}.sdq-retry-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--brand-primary);color:var(--text-on-brand);border:none;border-radius:var(--radius-md);padding:var(--button-padding-md);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-retry-btn:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md)}.sdq-retry-btn:active{transform:scale(.98)}.sdq-retry-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sdq-endpoint-health{position:relative;overflow:hidden}.sdq-endpoint-health:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at 100% 0%,rgba(102,137,220,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.sdq-endpoint-health>*{position:relative;z-index:1}.sdq-endpoint-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-6);padding:var(--spacing-4) 0}.sdq-chart-container{text-align:center;padding:var(--spacing-3);border-radius:var(--radius-lg);transition:all var(--motion-base) var(--ease-smooth)}.sdq-chart-container:hover{background:linear-gradient(135deg,#6689dc0a,#94b2f005);transform:translateY(-2px);box-shadow:0 4px 16px #5272c414,inset 0 1px #ffffff80}.sdq-chart-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto;margin-bottom:var(--spacing-3)}.sdq-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.sdq-chart-value{font-size:22px;font-weight:var(--font-bold);background:linear-gradient(135deg,var(--text-primary) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:var(--font-feature-tabular);margin-bottom:2px;line-height:1}.sdq-chart-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold)}.sdq-chart-title{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-3);font-weight:var(--font-semibold);letter-spacing:-.01em}.sdq-chart-legend{display:flex;justify-content:center;gap:var(--spacing-4);font-size:11px;color:var(--text-primary);font-feature-settings:var(--font-feature-tabular)}.sdq-legend-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-legend-item:hover{background:#6689dc0f;transform:scale(1.05)}.sdq-legend-dot{width:9px;height:9px;border-radius:var(--radius-full);box-shadow:0 0 0 2px #fff3,0 2px 4px #0000001a;flex-shrink:0}.sdq-legend-dot--green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 2px #10b98133,0 2px 6px #10b9814d}.sdq-legend-dot--amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #f59e0b33,0 2px 6px #f59e0b4d}.sdq-legend-dot--red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 2px #ef444433,0 2px 6px #ef44444d}.sdq-legend-dot--blue{background:linear-gradient(135deg,#6689dc,#5272c4);box-shadow:0 0 0 2px #6689dc33,0 2px 6px #6689dc4d}.sdq-legend-dot--gray{background:linear-gradient(135deg,#94a3b8,#64748b)}.sdq-legend-text{font-weight:var(--font-semibold);color:var(--text-primary)}.sdq-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);padding-top:var(--spacing-5);border-top:1px solid var(--border-subtle);position:relative}.sdq-stats-grid:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);border-radius:0 0 2px 2px}.sdq-stat{text-align:center;padding:var(--spacing-3);border-radius:var(--radius-md);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-stat:hover{background:linear-gradient(135deg,#6689dc0d,#94b2f008);transform:translateY(-2px)}.sdq-stat-value{font-size:24px;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);line-height:1.2;font-feature-settings:var(--font-feature-tabular)}.sdq-stat-value--success{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sdq-stat-value--blue{background:linear-gradient(135deg,var(--brand-primary),#5A7ED8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sdq-stat-value--purple{background:linear-gradient(135deg,#7a91db,#6a81c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sdq-stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-semibold)}@media(max-width:768px){.sdq-endpoint-charts{grid-template-columns:1fr;gap:var(--spacing-4)}.sdq-stats-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.sdq-chart-wrapper{width:140px;height:140px}}@media(max-width:480px){.sdq-endpoint-charts{gap:var(--spacing-3)}.sdq-chart-wrapper{width:120px;height:120px}}[data-theme=dark] .sdq-endpoint-health:before{background:radial-gradient(circle at 100% 0%,rgba(102,137,220,.08) 0%,transparent 70%)}[data-theme=dark] .sdq-chart-container:hover{background:linear-gradient(135deg,#5272c414,#6689dc0a);box-shadow:0 4px 20px #5272c41f,inset 0 1px #ffffff0d}[data-theme=dark] .sdq-legend-item:hover{background:#6689dc1a}[data-theme=dark] .sdq-stat:hover{background:linear-gradient(135deg,#5272c41a,#6689dc0f)}@media(prefers-reduced-motion:reduce){.sdq-chart-container,.sdq-legend-item,.sdq-stat{transition:none!important}}.sdq-security-compliance{position:relative;overflow:hidden}.sdq-security-compliance:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at 100% 0%,rgba(102,137,220,.02) 0%,transparent 70%);pointer-events:none;z-index:0}.sdq-security-compliance>*{position:relative;z-index:1}.sdq-security-panel{background:#fafafa80;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-3);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-security-panel:hover{background:#f8f8f899;border-color:#c8c8c84d;box-shadow:0 2px 8px #0000000a}.sdq-security-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(200,200,200,.15)}.sdq-security-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq-badge{padding:3px 10px;border-radius:10px;font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-badge--success{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.15)}.sdq-badge--warning{background:#f59e0b14;color:#d97706;border:1px solid rgba(245,158,11,.15)}.sdq-vulnerability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.sdq-vuln-stat{text-align:center;padding:var(--spacing-2);border-radius:var(--radius-sm);background:#fff6;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-vuln-stat:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 2px 6px #0000000d}.sdq-vuln-stat:hover .sdq-vuln-value{transform:scale(1.08)}.sdq-vuln-value{font-size:24px;font-weight:var(--font-bold);margin-bottom:2px;line-height:1.2;font-feature-settings:var(--font-feature-tabular);transition:transform var(--motion-fast) var(--ease-smooth)}.sdq-vuln-value--critical{color:#ef4444}.sdq-vuln-value--high{color:#f59e0b}.sdq-vuln-value--medium{color:#fbbf24}.sdq-vuln-value--low{color:#6b7280}.sdq-vuln-label{font-size:9px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sdq-ztna-panel{background:#fafafa80;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-3);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-ztna-panel:hover{background:#f8f8f899;border-color:#c8c8c84d;box-shadow:0 2px 8px #0000000a}.sdq-ztna-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(200,200,200,.15)}.sdq-ztna-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq-ztna-count{font-size:11px;font-weight:var(--font-bold);color:var(--brand-primary);font-feature-settings:var(--font-feature-tabular)}.sdq-ztna-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-ztna-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-ztna-item:hover{background:#6689dc0a;transform:translate(2px)}.sdq-ztna-item:hover .sdq-ztna-name{color:var(--brand-primary)}.sdq-ztna-name{font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary);min-width:52px;transition:color var(--motion-fast) var(--ease-smooth)}.sdq-ztna-bar{flex:1;height:6px;background:#c8c8c826;border-radius:var(--radius-full);overflow:hidden}.sdq-ztna-bar-fill{height:100%;background:linear-gradient(90deg,#6689dcb3,#5a7ed899);border-radius:var(--radius-full);transition:width var(--motion-slow) var(--ease-smooth)}.sdq-ztna-stats{font-size:10px;font-weight:var(--font-semibold);color:var(--text-tertiary);min-width:70px;text-align:right;font-feature-settings:var(--font-feature-tabular)}.sdq-botnet-alert{display:flex;align-items:center;justify-content:space-between;background:#f59e0b0a;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-md);padding:var(--spacing-3);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-botnet-alert:hover{background:#f59e0b0f;border-color:#f59e0b40;box-shadow:0 2px 8px #f59e0b14}.sdq-botnet-alert:hover .sdq-botnet-content svg{transform:scale(1.1)}.sdq-botnet-content{display:flex;align-items:center;gap:var(--spacing-2);font-size:11px;font-weight:var(--font-semibold);color:#d97706}.sdq-botnet-content svg{flex-shrink:0;color:#f59e0b;transition:transform var(--motion-fast) var(--ease-smooth)}.sdq-botnet-count{font-size:18px;font-weight:var(--font-bold);color:#f59e0b;font-feature-settings:var(--font-feature-tabular)}@media(max-width:1024px){.sdq-vulnerability-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sdq-vuln-value{font-size:20px}.sdq-ztna-item:hover{transform:translate(1px)}}@media(max-width:640px){.sdq-vulnerability-grid{grid-template-columns:repeat(2,1fr)}.sdq-vuln-value{font-size:18px}.sdq-botnet-count{font-size:16px}}[data-theme=dark] .sdq-security-compliance:before{background:radial-gradient(circle at 100% 0%,rgba(102,137,220,.04) 0%,transparent 70%)}[data-theme=dark] .sdq-security-panel{background:#1e1e1e4d;border-color:#ffffff0d}[data-theme=dark] .sdq-security-panel:hover{background:#23232366;border-color:#ffffff14;box-shadow:0 2px 12px #00000026}[data-theme=dark] .sdq-vuln-stat{background:#ffffff05}[data-theme=dark] .sdq-vuln-stat:hover{background:#ffffff0d}[data-theme=dark] .sdq-ztna-panel{background:#1e1e1e4d;border-color:#ffffff0d}[data-theme=dark] .sdq-ztna-panel:hover{background:#23232366;border-color:#ffffff14}[data-theme=dark] .sdq-ztna-item:hover{background:#6689dc14}[data-theme=dark] .sdq-ztna-bar{background:#ffffff0d}[data-theme=dark] .sdq-botnet-alert{background:#f59e0b14;border-color:#f59e0b33}[data-theme=dark] .sdq-botnet-alert:hover{background:#f59e0b1f;border-color:#f59e0b4d}@media(prefers-reduced-motion:reduce){.sdq-security-panel,.sdq-vuln-stat,.sdq-ztna-panel,.sdq-ztna-item,.sdq-ztna-bar-fill,.sdq-botnet-alert,.sdq-badge,svg{transition:none!important}}.sdq-user-sessions{position:relative;overflow:hidden}.sdq-user-sessions:before{content:"";position:absolute;top:0;left:0;width:180px;height:180px;background:radial-gradient(circle at 0% 0%,rgba(122,145,219,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.sdq-user-sessions>*{position:relative;z-index:1}.sdq-sessions-section{margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:linear-gradient(135deg,#6689dc08,#94b2f003);border-radius:var(--radius-lg);border:1px solid rgba(102,137,220,.08);transition:all var(--motion-base) var(--ease-smooth)}.sdq-sessions-section:hover{border-color:#6689dc26;box-shadow:0 4px 16px #5272c414,inset 0 1px #ffffff80}.sdq-sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(102,137,220,.1);position:relative}.sdq-sessions-header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);border-radius:0 0 2px 2px}.sdq-sessions-title{font-size:12px;font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:-.01em}.sdq-sessions-count{font-size:12px;font-weight:var(--font-bold);background:linear-gradient(135deg,var(--brand-primary),#5A7ED8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:var(--font-feature-tabular)}.sdq-sessions-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-session-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all var(--motion-fast) var(--ease-smooth);position:relative}.sdq-session-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--brand-primary),#5A7ED8);border-radius:0 2px 2px 0;transition:height var(--motion-fast) var(--ease-smooth)}.sdq-session-item:hover{background:linear-gradient(135deg,#6689dc14,#94b2f00a);transform:translate(4px);box-shadow:0 2px 8px #5272c41a}.sdq-session-item:hover:before{height:70%}.sdq-session-item:hover svg{color:var(--brand-primary);transform:scale(1.1)}.sdq-session-item svg{color:var(--text-tertiary);flex-shrink:0;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-session-region{font-size:12px;font-weight:var(--font-medium);color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sdq-session-bar{width:96px;height:8px;background:var(--surface-input);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;box-shadow:inset 0 1px 3px #00000014;position:relative}.sdq-session-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 50%,rgba(255,255,255,.1));pointer-events:none}.sdq-session-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),#5A7ED8);border-radius:var(--radius-full);transition:width var(--motion-slow) var(--ease-smooth);box-shadow:0 0 6px #6689dc66;position:relative;overflow:hidden}.sdq-session-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.sdq-session-count{font-size:12px;font-weight:var(--font-bold);color:var(--text-primary);min-width:28px;text-align:right;font-feature-settings:var(--font-feature-tabular);flex-shrink:0}.sdq-swg-panel{background:linear-gradient(135deg,#7a91db14,#6a81c80a);border:1px solid rgba(122,145,219,.15);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);transition:all var(--motion-base) var(--ease-smooth);position:relative;overflow:hidden}.sdq-swg-panel:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at 100% 0%,rgba(122,145,219,.15) 0%,transparent 70%);pointer-events:none}.sdq-swg-panel:hover{border-color:#7a91db40;transform:translateY(-2px);box-shadow:0 6px 20px #6a81c81f,inset 0 1px #fff9}.sdq-swg-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.sdq-swg-title{font-size:13px;font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:-.01em}.sdq-swg-count{font-size:13px;font-weight:var(--font-bold);background:linear-gradient(135deg,#7a91db,#6a81c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:var(--font-feature-tabular)}.sdq-session-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.sdq-session-card{background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;transition:all var(--motion-base) var(--ease-smooth);position:relative;overflow:hidden}.sdq-session-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--motion-base) var(--ease-smooth);pointer-events:none}.sdq-session-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5272c426}.sdq-session-card:hover:before{opacity:1}.sdq-session-card:hover svg{transform:scale(1.1) rotate(-5deg)}.sdq-session-card--blue{background:linear-gradient(135deg,#6689dc14,#5a7ed80a);border-color:#6689dc40}.sdq-session-card--blue:before{background:radial-gradient(circle at 50% 0%,rgba(102,137,220,.15),transparent 70%)}.sdq-session-card--blue:hover{border-color:#6689dc66;box-shadow:0 8px 28px #5272c433,inset 0 1px #fff9}.sdq-session-card--blue svg{color:var(--brand-primary);filter:drop-shadow(0 2px 4px rgba(102,137,220,.3))}.sdq-session-card--blue .sdq-session-card-value{background:linear-gradient(135deg,var(--brand-primary),#5A7ED8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sdq-session-card--purple{background:linear-gradient(135deg,#7a91db14,#6a81c80a);border-color:#7a91db40}.sdq-session-card--purple:before{background:radial-gradient(circle at 50% 0%,rgba(122,145,219,.15),transparent 70%)}.sdq-session-card--purple:hover{border-color:#7a91db66;box-shadow:0 8px 28px #6a81c833,inset 0 1px #fff9}.sdq-session-card--purple svg{color:#7a91db;filter:drop-shadow(0 2px 4px rgba(122,145,219,.3))}.sdq-session-card--purple .sdq-session-card-value{background:linear-gradient(135deg,#7a91db,#6a81c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sdq-session-card svg{margin:0 auto var(--spacing-2);transition:all var(--motion-base) var(--ease-smooth)}.sdq-session-card-value{font-size:28px;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);line-height:1.2;font-feature-settings:var(--font-feature-tabular)}.sdq-session-card-label{font-size:10px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}@media(max-width:768px){.sdq-session-cards{gap:var(--spacing-3)}.sdq-sessions-section{padding:var(--spacing-3)}}@media(max-width:640px){.sdq-session-cards{grid-template-columns:1fr}.sdq-session-item:hover{transform:translate(2px)}}[data-theme=dark] .sdq-user-sessions:before{background:radial-gradient(circle at 0% 0%,rgba(122,145,219,.1) 0%,transparent 70%)}[data-theme=dark] .sdq-sessions-section{background:linear-gradient(135deg,#5272c40f,#6689dc05);border-color:#6689dc26}[data-theme=dark] .sdq-sessions-section:hover{border-color:#6689dc40;box-shadow:0 4px 20px #5272c426,inset 0 1px #ffffff0d}[data-theme=dark] .sdq-session-item:hover{background:linear-gradient(135deg,#5272c41f,#6689dc0f);box-shadow:0 2px 12px #5272c426}[data-theme=dark] .sdq-swg-panel{background:linear-gradient(135deg,#6a81c81f,#5a71b80f);border-color:#7a91db40}[data-theme=dark] .sdq-swg-panel:before{background:radial-gradient(circle at 100% 0%,rgba(122,145,219,.25) 0%,transparent 70%)}[data-theme=dark] .sdq-swg-panel:hover{border-color:#7a91db59;box-shadow:0 6px 24px #6a81c833,inset 0 1px #ffffff14}[data-theme=dark] .sdq-session-card:hover{box-shadow:0 8px 28px #5272c440}[data-theme=dark] .sdq-session-card--blue:hover{box-shadow:0 8px 32px #5272c44d,inset 0 1px #ffffff14}[data-theme=dark] .sdq-session-card--purple:hover{box-shadow:0 8px 32px #6a81c84d,inset 0 1px #ffffff14}@media(prefers-reduced-motion:reduce){.sdq-sessions-section,.sdq-session-item,.sdq-session-bar-fill,.sdq-swg-panel,.sdq-session-card,svg{transition:none!important}.sdq-session-bar-fill:after{animation:none!important}}:root{--traffic-primary: #6689dc;--traffic-success: #10b981;--traffic-warning: #f59e0b;--traffic-danger: #ef4444;--traffic-light-bg: #f9fafb;--traffic-border-light: rgba(102, 137, 220, .08);--traffic-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--traffic-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--traffic-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--traffic-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--traffic-transition: all .3s cubic-bezier(.16, 1, .3, 1);--traffic-radius-sm: 8px;--traffic-radius-md: 12px;--traffic-radius-lg: 16px}.sdq-network-traffic{position:relative;overflow:visible}.sdq-network-traffic:before{content:"";position:absolute;bottom:-50px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(102,137,220,.03) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:50%;filter:blur(40px)}.sdq-network-traffic>*{position:relative;z-index:1}.sdq-traffic-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4, 1rem);margin-bottom:var(--spacing-6, 1.5rem)}.sdq-traffic-kpi{min-height:100px;display:flex;flex-direction:column;padding:1rem;background:linear-gradient(135deg,#fffffff2,#f8fafee6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--traffic-border-light);border-radius:var(--traffic-radius-md);box-shadow:var(--traffic-shadow-md),inset 0 1px #ffffff80;position:relative;overflow:hidden;transition:var(--traffic-transition);cursor:pointer}.sdq-traffic-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--traffic-kpi-accent, #6689dc) 0%,var(--traffic-kpi-accent-light, #94b2f0) 100%);opacity:.7;transition:opacity var(--traffic-transition)}.sdq-traffic-kpi:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s ease-out}.sdq-traffic-kpi:hover{transform:translateY(-4px);border-color:#6689dc26;box-shadow:var(--traffic-shadow-lg),inset 0 1px #fff9}.sdq-traffic-kpi:hover:before{opacity:1}.sdq-traffic-kpi:hover:after{opacity:1}.sdq-traffic-kpi:hover .sdq-traffic-kpi__icon{transform:translateY(-2px) scale(1.1);box-shadow:var(--traffic-shadow-md),inset 0 1px #ffffff80}.sdq-traffic-kpi:active{transform:translateY(-2px)}.sdq-traffic-kpi--blue{--traffic-kpi-accent: #6689dc;--traffic-kpi-accent-light: #94b2f0;--traffic-kpi-icon-color: #6689dc}.sdq-traffic-kpi--amber{--traffic-kpi-accent: #f59e0b;--traffic-kpi-accent-light: #fbbf24;--traffic-kpi-icon-color: #f59e0b}.sdq-traffic-kpi--success{--traffic-kpi-accent: #10b981;--traffic-kpi-accent-light: #34d399;--traffic-kpi-icon-color: #10b981}.sdq-traffic-kpi--purple{--traffic-kpi-accent: #a78bfa;--traffic-kpi-accent-light: #c4b5fd;--traffic-kpi-icon-color: #a78bfa}.sdq-traffic-kpi--red{--traffic-kpi-accent: #ef4444;--traffic-kpi-accent-light: #f87171;--traffic-kpi-icon-color: #ef4444}.sdq-traffic-kpi__content{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:1;position:relative;z-index:1}.sdq-traffic-kpi__text{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.sdq-traffic-kpi__label{margin:0;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:#6689dcb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--traffic-transition)}.sdq-traffic-kpi__value-row{display:flex;align-items:baseline;gap:6px;margin:0}.sdq-traffic-kpi__value{margin:0;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#1f2937;font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--traffic-transition)}.sdq-traffic-kpi__unit{margin:0;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.02em;color:#6689dc99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;transition:color var(--traffic-transition)}.sdq-traffic-kpi__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6689dc1a,#94b2f00f);border:1.5px solid rgba(102,137,220,.15);border-radius:var(--traffic-radius-sm);box-shadow:var(--traffic-shadow-sm);color:var(--traffic-kpi-icon-color, #6689dc);transition:var(--traffic-transition)}.sdq-traffic-kpi__icon svg{flex-shrink:0;width:20px;height:20px;filter:drop-shadow(0 .5px 1px rgba(82,114,196,.12))}.sdq-traffic-chart-wrapper{width:100%;overflow:hidden;background:linear-gradient(135deg,#ffffff80,#f8fafe66);border:1px solid var(--traffic-border-light);border-radius:var(--traffic-radius-md);padding:var(--spacing-4, 1rem);transition:var(--traffic-transition);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sdq-traffic-chart-wrapper:hover{background:linear-gradient(135deg,#fff9,#f8fafe80);border-color:#6689dc1f;box-shadow:var(--traffic-shadow-md)}[data-theme=dark] :root{--traffic-light-bg: #1f2937;--traffic-border-light: rgba(102, 137, 220, .12)}[data-theme=dark] .sdq-network-traffic:before{background:radial-gradient(circle,rgba(102,137,220,.05) 0%,transparent 70%)}[data-theme=dark] .sdq-traffic-kpi{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1f;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0a}[data-theme=dark] .sdq-traffic-kpi:hover{border-color:#6689dc33;box-shadow:0 12px 28px #0006,inset 0 1px #ffffff14}[data-theme=dark] .sdq-traffic-kpi:after{background:radial-gradient(circle at 50% 0%,rgba(148,178,240,.1) 0%,transparent 60%)}[data-theme=dark] .sdq-traffic-kpi__label{color:#94b2f0b3}[data-theme=dark] .sdq-traffic-kpi__value{color:#f3f4f6}[data-theme=dark] .sdq-traffic-kpi__unit{color:#94b2f0a6}[data-theme=dark] .sdq-traffic-kpi__icon{background:linear-gradient(135deg,#6689dc26,#94b2f01a);border-color:#6689dc33;box-shadow:0 1px 2px #0003}[data-theme=dark] .sdq-traffic-chart-wrapper{background:linear-gradient(135deg,#1f293766,#1118274d);border-color:#6689dc1a}[data-theme=dark] .sdq-traffic-chart-wrapper:hover{background:linear-gradient(135deg,#1f293780,#11182766);border-color:#6689dc26;box-shadow:0 4px 12px #00000040}@media(max-width:1280px){.sdq-traffic-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sdq-traffic-stats{grid-template-columns:repeat(2,1fr)}.sdq-traffic-kpi{min-height:95px}}@media(max-width:768px){.sdq-traffic-stats{gap:var(--spacing-3, .75rem)}.sdq-traffic-kpi{min-height:90px;padding:.875rem}.sdq-traffic-kpi__value{font-size:22px}.sdq-traffic-kpi__unit{font-size:11px}.sdq-traffic-kpi__icon{width:32px;height:32px}.sdq-traffic-kpi__icon svg{width:18px;height:18px}}@media(max-width:640px){.sdq-traffic-stats{grid-template-columns:1fr;gap:var(--spacing-2, .5rem)}.sdq-traffic-kpi{min-height:85px;padding:.75rem}.sdq-traffic-kpi__value{font-size:20px}.sdq-traffic-kpi__label,.sdq-traffic-kpi__unit{font-size:10px}.sdq-traffic-kpi__icon{width:30px;height:30px}.sdq-traffic-kpi__icon svg{width:16px;height:16px}.sdq-traffic-chart-wrapper{padding:var(--spacing-3, .75rem)}}@media(prefers-reduced-motion:reduce){.sdq-network-traffic,.sdq-traffic-kpi,.sdq-traffic-kpi:before,.sdq-traffic-kpi:after,.sdq-traffic-kpi__label,.sdq-traffic-kpi__value,.sdq-traffic-kpi__unit,.sdq-traffic-kpi__icon,.sdq-traffic-chart-wrapper{transition:none!important;animation:none!important}.sdq-traffic-kpi:hover,.sdq-traffic-kpi:hover .sdq-traffic-kpi__icon{transform:none}}.sdq-traffic-kpi:focus-visible{outline:2px solid var(--traffic-primary);outline-offset:2px;border-radius:var(--traffic-radius-md)}@media(prefers-contrast:more){.sdq-traffic-kpi{border-width:2px;box-shadow:var(--traffic-shadow-lg)}.sdq-traffic-kpi__label{font-weight:800}.sdq-traffic-kpi__value{font-weight:900}}.sdq-license-content{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-2) 0}.sdq-gauge-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2) 0 var(--spacing-3) 0;background:linear-gradient(135deg,#0d7dd608,#10b98108);border-radius:12px;border:1px solid rgba(226,232,240,.5)}.sdq-gauge-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-1)}.sdq-gauge-info{text-align:center}.sdq-gauge-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0;letter-spacing:-.01em}.sdq-gauge-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;font-weight:var(--font-medium)}.sdq-license-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.sdq-stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);background:#f8fafc80;border:1px solid rgba(226,232,240,.6);border-radius:8px;transition:all .2s ease}.sdq-stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000a;border-color:#cbd5e1cc}.sdq-stat-card--primary{border-bottom:2px solid #0d7dd6}.sdq-stat-card--primary .sdq-stat-value{color:#0d7dd6}.sdq-stat-card--consumed{border-bottom:2px solid #f59e0b}.sdq-stat-card--consumed .sdq-stat-value{color:#f59e0b}.sdq-stat-card--success{border-bottom:2px solid #10b981}.sdq-stat-card--success .sdq-stat-value{color:#10b981}.sdq-stat-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);width:100%;text-align:center}.sdq-stat-label{font-size:10px;color:var(--text-tertiary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.sdq-stat-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);font-feature-settings:var(--font-feature-tabular);line-height:1.2}.sdq-license-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-license-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:#f8fafc66;border-radius:6px;transition:background .2s ease}.sdq-license-item:hover{background:#f1f5f9b3}.sdq-license-label{font-size:11px;color:var(--text-tertiary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.03em}.sdq-license-value{font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--font-semibold);font-feature-settings:var(--font-feature-tabular)}.sdq-license-value--mono{font-family:var(--font-mono);font-size:11px;color:#0d7dd6;background:#0d7dd614;padding:2px var(--spacing-2);border-radius:4px;font-weight:var(--font-medium)}@media(max-width:1024px){.sdq-license-stats{grid-template-columns:1fr;gap:var(--spacing-2)}.sdq-stat-card{flex-direction:row;justify-content:space-between}.sdq-stat-card .sdq-stat-content{flex-direction:row;justify-content:space-between;align-items:center}.sdq-stat-card .sdq-stat-label{text-align:left}.sdq-stat-card .sdq-stat-value{text-align:right}}@media(max-width:768px){.sdq-gauge-container{padding:var(--spacing-2) 0}.sdq-gauge-title{font-size:11px}.sdq-gauge-subtitle{font-size:10px}.sdq-license-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.sdq-license-value--mono{align-self:stretch}}.sdq-user-controls{display:flex;gap:var(--spacing-2)}.sdq-user-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3);padding:var(--spacing-4) 0;margin-bottom:var(--spacing-4);border-bottom:1px solid rgba(200,200,200,.15)}@media(max-width:768px){.sdq-user-summary{grid-template-columns:repeat(2,1fr)}}.sdq-summary-metric{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);background:#fff6;border:1px solid rgba(200,200,200,.2);border-radius:var(--radius-md);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-summary-metric:hover{background:#fff9;border-color:#c8c8c84d;transform:translateY(-1px)}.sdq-summary-value{font-size:24px;font-weight:var(--font-bold);color:var(--text-primary);line-height:1;font-feature-settings:var(--font-feature-tabular)}.sdq-summary-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:10px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sdq-summary-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sdq-summary-indicator--green{background:#10b981;box-shadow:0 0 8px #10b98166}.sdq-summary-indicator--blue{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.sdq-summary-indicator--red{background:#ef4444;box-shadow:0 0 8px #ef444466}.sdq-summary-indicator--gray{background:#6b7280}.sdq-user-login-scroll{max-height:420px;overflow-y:auto;margin:0 calc(var(--spacing-4) * -1);padding:0 var(--spacing-4)}.sdq-user-login-scroll::-webkit-scrollbar{width:4px}.sdq-user-login-scroll::-webkit-scrollbar-track{background:#c8c8c814;border-radius:2px}.sdq-user-login-scroll::-webkit-scrollbar-thumb{background:#6689dc4d;border-radius:2px;transition:background .2s ease}.sdq-user-login-scroll::-webkit-scrollbar-thumb:hover{background:#6689dc80}.sdq-user-login-scroll{scrollbar-width:thin;scrollbar-color:rgba(102,137,220,.3) rgba(200,200,200,.08)}.sdq-user-login-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-user-item{background:#fafafa99;border:1px solid rgba(200,200,200,.25);border-radius:var(--radius-md);overflow:hidden;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-user-item:hover{background:#f8f8f8cc;border-color:#6689dc4d;box-shadow:0 2px 8px #0000000a}.sdq-user-row{padding:var(--spacing-3);cursor:pointer;transition:background var(--motion-fast) var(--ease-smooth)}.sdq-user-row:hover{background:#6689dc08}.sdq-user-main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.sdq-user-identity{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.sdq-user-name{font-size:12px;font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdq-user-meta{display:flex;align-items:center;gap:var(--spacing-3)}.sdq-user-meta-item{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.sdq-user-meta-item svg{opacity:.6}.sdq-user-status-wrapper{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.sdq-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:var(--font-bold);font-feature-settings:var(--font-feature-tabular);text-transform:uppercase;letter-spacing:.03em;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-status-badge--green{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.2)}.sdq-status-badge--green svg{animation:pulse-glow 2s ease-in-out infinite}.sdq-status-badge--blue{background:#3b82f61f;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.sdq-status-badge--yellow{background:#fbbf241f;color:#d97706;border:1px solid rgba(251,191,36,.2)}.sdq-status-badge--orange{background:#f59e0b1f;color:#c2410c;border:1px solid rgba(245,158,11,.2)}.sdq-status-badge--red{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.sdq-status-badge--gray{background:#6b72801f;color:#4b5563;border:1px solid rgba(107,114,128,.2)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.sdq-user-expand{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.sdq-user-expand--open{transform:rotate(180deg)}.sdq-user-details{border-top:1px solid rgba(200,200,200,.15);padding:var(--spacing-3);background:linear-gradient(to bottom,#ffffff80,#ffffff4d)}.sdq-user-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.sdq-user-detail{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2);background:#fff9;border:1px solid rgba(200,200,200,.15);border-radius:var(--radius-sm)}.sdq-user-detail svg{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.sdq-user-detail div{display:flex;flex-direction:column;gap:2px;min-width:0}.sdq-user-detail--full{grid-column:1/-1}.sdq-detail-label{font-size:9px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sdq-detail-value{font-size:11px;font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.sdq-detail-time{margin-left:var(--spacing-2);color:var(--text-tertiary);font-size:10px}.sdq-skeleton{background:linear-gradient(90deg,#c8c8c81a 25%,#c8c8c833,#c8c8c81a 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.sdq-skeleton-row{height:48px}.sdq-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-tertiary);gap:var(--spacing-2)}.sdq-empty-state svg{opacity:.4}.sdq-empty-state p{font-size:var(--text-sm);font-weight:var(--font-medium)}@media(max-width:640px){.sdq-user-detail-grid{grid-template-columns:1fr}.sdq-user-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.sdq-summary-value{font-size:20px}}[data-theme=dark] .sdq-summary-metric{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .sdq-summary-metric:hover{background:#ffffff0d;border-color:#ffffff1f}[data-theme=dark] .sdq-user-login-scroll::-webkit-scrollbar-track{background:#ffffff08}[data-theme=dark] .sdq-user-login-scroll::-webkit-scrollbar-thumb{background:#6689dc66}[data-theme=dark] .sdq-user-login-scroll::-webkit-scrollbar-thumb:hover{background:#6689dc99}[data-theme=dark] .sdq-user-login-scroll{scrollbar-color:rgba(102,137,220,.4) rgba(255,255,255,.03)}[data-theme=dark] .sdq-user-item{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .sdq-user-item:hover{background:#ffffff0a;border-color:#6689dc40}[data-theme=dark] .sdq-user-row:hover{background:#6689dc0d}[data-theme=dark] .sdq-user-details{background:linear-gradient(to bottom,#ffffff05,#ffffff03)}[data-theme=dark] .sdq-user-detail{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .sdq-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%}[data-theme=dark] .sdq-status-badge--green{background:#10b98126;color:#34d399;border-color:#10b98140}[data-theme=dark] .sdq-status-badge--blue{background:#3b82f626;color:#60a5fa;border-color:#3b82f640}[data-theme=dark] .sdq-status-badge--yellow{background:#fbbf2426;color:#fcd34d;border-color:#fbbf2440}[data-theme=dark] .sdq-status-badge--orange{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b40}[data-theme=dark] .sdq-status-badge--red{background:#ef444426;color:#f87171;border-color:#ef444440}[data-theme=dark] .sdq-status-badge--gray{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af40}.sdq-fortisase-dashboard{width:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}.sdq-fortisase-dashboard--loading,.sdq-fortisase-dashboard--error{display:flex;align-items:center;justify-content:center;min-height:60vh}.sdq-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--text-secondary)}.sdq-loading-spinner .sdq-loading-icon{animation:spin 1s linear infinite;color:var(--brand-primary)}.sdq-loading-spinner p{font-size:var(--text-sm);font-weight:var(--font-medium)}.sdq-spinning{animation:spin 1s linear infinite}.sdq-select-wrapper{position:relative;display:inline-block}.sdq-select{background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--input-padding-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;appearance:none;padding-right:var(--spacing-8);min-width:140px;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-select:hover{background:var(--surface-input-hover);border-color:var(--border-medium)}.sdq-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.sdq-select-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.sdq-icon-btn{background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-3);color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.sdq-icon-btn:hover{background:var(--surface-hover);border-color:var(--border-medium);color:var(--text-primary)}.sdq-icon-btn:active{transform:scale(.96)}.sdq-icon-btn:disabled{opacity:.5;cursor:not-allowed}.sdq-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}@media(min-width:1400px){.sdq-kpi-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px)and (max-width:1399px){.sdq-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px)and (max-width:1023px){.sdq-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.sdq-kpi-grid{grid-template-columns:1fr}}.sdq-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap-lg);margin-bottom:var(--spacing-8)}.sdq-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--card-padding);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-card:hover{box-shadow:var(--shadow-sm)}.sdq-card--col-4{grid-column:span 4}.sdq-card--col-6{grid-column:span 6}.sdq-card--col-8{grid-column:span 8}.sdq-card--col-12{grid-column:span 12}@media(max-width:1200px){.sdq-card--col-4,.sdq-card--col-6,.sdq-card--col-8,.sdq-card--col-12{grid-column:span 12}}@media(min-width:1201px)and (max-width:1600px){.sdq-card--col-4,.sdq-card--col-6{grid-column:span 6}.sdq-card--col-8{grid-column:span 12}}.sdq-dashboard-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-6);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;gap:var(--spacing-3)}@media(max-width:1024px){.sdq-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:640px){.sdq-kpi-grid{grid-template-columns:1fr}.sdq-dashboard-footer{flex-direction:column;align-items:flex-start}}[data-theme=dark] .sdq-fortisase-dashboard{background:var(--bg-primary)}[data-theme=dark] .sdq-card{background:var(--surface-card);border-color:var(--border-default)}[data-theme=dark] .sdq-card:hover{box-shadow:var(--shadow-md)}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}.sdq-section-header--with-controls{display:flex;justify-content:space-between;align-items:center}.sdq-section-header-left{display:flex;align-items:center;gap:var(--spacing-2)}.sdq-section-header-left svg{color:var(--text-tertiary)}.sdq-section-header-left h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sdq-section-select{background:#fffc;border:1px solid rgba(200,200,200,.3);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.sdq-section-select:hover{background:#fff;border-color:#6689dc66}.sdq-section-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #6689dc1a}[data-theme=dark] .sdq-section-select{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .sdq-section-select:hover{background:#ffffff14;border-color:#6689dc4d}.o365-kpi{position:relative;min-height:110px;padding:clamp(12px,1.5vw,16px);background:linear-gradient(135deg,#ffffffd9,#f9fbffcc);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(102,137,220,.12);border-radius:clamp(10px,1.2vw,12px);box-shadow:0 2px 8px #0f16230a,0 1px 3px #5272c40f,inset 0 1px #fffc;transition:all .28s cubic-bezier(.4,0,.2,1);cursor:pointer}.o365-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color);opacity:.6;transition:opacity .28s ease}.o365-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f162314,0 4px 12px #5272c41a}.o365-kpi:hover:before{opacity:1}.o365-kpi--blue{--accent-color: #6689DC;--icon-bg: rgba(102, 137, 220, .12);--icon-border: rgba(102, 137, 220, .2);--icon-color: rgba(102, 137, 220, 1)}.o365-kpi--green{--accent-color: #3B8AA5;--icon-bg: rgba(59, 138, 165, .12);--icon-border: rgba(59, 138, 165, .2);--icon-color: rgba(59, 138, 165, 1)}.o365-kpi--purple{--accent-color: #7A91DB;--icon-bg: rgba(122, 145, 219, .12);--icon-border: rgba(122, 145, 219, .2);--icon-color: rgba(122, 145, 219, 1)}.o365-kpi--yellow{--accent-color: #E8A938;--icon-bg: rgba(232, 169, 56, .12);--icon-border: rgba(232, 169, 56, .2);--icon-color: rgba(232, 169, 56, 1)}.o365-kpi--red{--accent-color: #DC6689;--icon-bg: rgba(220, 102, 137, .12);--icon-border: rgba(220, 102, 137, .2);--icon-color: rgba(220, 102, 137, 1)}.o365-kpi__content{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%}.o365-kpi__text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.o365-kpi__title{font-size:clamp(9px,.85vw,10px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2d4173a6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o365-kpi__value{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;color:#2d4173;font-feature-settings:"tnum" 1;margin:0;line-height:1.1}.o365-kpi__subtitle{font-size:clamp(10px,.95vw,11px);color:#2d41738f;margin:0;display:flex;align-items:center;gap:6px}.o365-kpi__trend{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.o365-kpi__trend--up{color:#3b8aa5;background:#3b8aa51a}.o365-kpi__trend--down{color:#dc6689;background:#dc66891a}.o365-kpi__icon{display:flex;align-items:center;justify-content:center;width:clamp(32px,3vw,36px);height:clamp(32px,3vw,36px);background:linear-gradient(135deg,var(--icon-bg),rgba(255,255,255,.08));border:1px solid var(--icon-border);border-radius:clamp(8px,1vw,10px);color:var(--icon-color);flex-shrink:0}@media(max-width:768px){.o365-kpi{min-height:95px}.o365-kpi__value{font-size:22px}.o365-kpi__icon{width:28px;height:28px}.o365-kpi__icon svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.o365-kpi:hover{transform:none}}@media(prefers-contrast:high){.o365-kpi{border-width:2px}.o365-kpi:before{height:3px}}[data-theme=dark] .o365-kpi{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1f;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0a}[data-theme=dark] .o365-kpi:hover{box-shadow:0 12px 28px #0006,inset 0 1px #ffffff14}[data-theme=dark] .o365-kpi__value,[data-theme=dark] .o365-kpi__title{color:#f9fbfff2}[data-theme=dark] .o365-kpi__icon{background:linear-gradient(135deg,#6689dc33,#94b2f026);border-color:#6689dc4d}.o365-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(43,53,72,.08)}.o365-section-header__left{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2d4173a6}.o365-section-header__left svg{color:#6689dcb3}.o365-section-header__right{display:flex;align-items:center}[data-theme=dark] .o365-section-header{border-bottom-color:#6689dc1f}[data-theme=dark] .o365-section-header__left{color:#f9fbffb3}.o365-category-filter{display:flex;gap:4px;background:#fff9;padding:3px;border-radius:6px;border:1px solid rgba(102,137,220,.12)}.o365-category-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:600;color:#2d4173a6;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .18s ease}.o365-category-btn svg{width:12px;height:12px}.o365-category-btn:hover{color:#6689dc;background:#6689dc14}.o365-category-btn.active{color:#fff;background:linear-gradient(135deg,#6689dc,#5272c4);box-shadow:0 2px 6px #6689dc3d}@media(max-width:768px){.o365-category-filter{flex-wrap:wrap}}[data-theme=dark] .o365-category-filter{background:#1f293799;border-color:#6689dc2e}[data-theme=dark] .o365-category-btn{color:#f9fbffa6}[data-theme=dark] .o365-category-btn:hover{color:#94b2f0;background:#6689dc1f}.o365-time-selector{display:flex;gap:4px;background:#fff9;padding:3px;border-radius:6px;border:1px solid rgba(102,137,220,.12)}.o365-time-btn{padding:5px 12px;font-size:11px;font-weight:600;color:#2d4173a6;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .18s ease}.o365-time-btn:hover{color:#6689dc;background:#6689dc14}.o365-time-btn.active{color:#fff;background:linear-gradient(135deg,#6689dc,#5272c4);box-shadow:0 2px 6px #6689dc3d}[data-theme=dark] .o365-time-selector{background:#1f293799;border-color:#6689dc2e}[data-theme=dark] .o365-time-btn{color:#f9fbffa6}[data-theme=dark] .o365-time-btn:hover{color:#94b2f0;background:#6689dc1f}.o365-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.o365-service-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff80;border:1px solid rgba(43,53,72,.06);border-radius:8px;transition:all .2s ease}.o365-service-item:hover{background:#fffc;border-color:#6689dc24;transform:translateY(-1px)}.o365-service-item__indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.o365-service-item__indicator--green{background:#3b8aa5;box-shadow:0 0 0 2px #3b8aa533}.o365-service-item__indicator--yellow{background:#e8a938;box-shadow:0 0 0 2px #e8a93833}.o365-service-item__indicator--red{background:#dc6689;box-shadow:0 0 0 2px #dc668933}.o365-service-item__content{display:flex;flex-direction:column;gap:2px}.o365-service-item__name{font-size:12px;font-weight:600;color:#2d4173}.o365-service-item__status{font-size:10px;color:#2d41738f}.o365-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#2d41738f;min-height:200px}.o365-empty-state--compact{min-height:150px;padding:48px}@media(max-width:768px){.o365-service-grid{grid-template-columns:1fr}}[data-theme=dark] .o365-service-item{background:#1f293780;border-color:#6689dc1f}[data-theme=dark] .o365-service-item:hover{background:#1f2937cc;border-color:#6689dc3d}[data-theme=dark] .o365-service-item__name{color:#f9fbfff2}[data-theme=dark] .o365-service-item__status,[data-theme=dark] .o365-empty-state{color:#f9fbff8f}.o365-signin-metrics{display:flex;flex-direction:column;gap:20px}.o365-signin-gauge{display:flex;justify-content:center}.o365-signin-stats{display:flex;flex-direction:column;gap:12px}.o365-signin-stat{display:flex;align-items:center;gap:12px;padding:12px;background:#fff6;border:1px solid rgba(43,53,72,.06);border-radius:8px}.o365-signin-stat__icon--success{color:#3b8aa5}.o365-signin-stat__icon--error{color:#dc6689}.o365-signin-stat__content{display:flex;flex-direction:column;gap:2px}.o365-signin-stat__value{font-size:16px;font-weight:700;color:#2d4173;font-feature-settings:"tnum" 1}.o365-signin-stat__label{font-size:10px;font-weight:600;color:#2d41738f;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .o365-signin-stat{background:#1f293766;border-color:#6689dc1f}[data-theme=dark] .o365-signin-stat__value{color:#f9fbfff2}[data-theme=dark] .o365-signin-stat__label{color:#f9fbff8f}.o365-adoption-chart{width:100%;height:400px}@media(max-width:768px){.o365-adoption-chart{height:350px}}.o365-license-chart{display:flex;flex-direction:column;gap:16px}.o365-license-chart__donut{width:100%;height:220px}.o365-license-legend{display:flex;flex-direction:column;gap:8px}.o365-license-legend__item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff6;border:1px solid rgba(43,53,72,.06);border-radius:6px;font-size:11px}.o365-license-legend__label{color:#2d4173b3}.o365-license-legend__value{font-weight:600;color:#2d4173;font-feature-settings:"tnum" 1}[data-theme=dark] .o365-license-legend__item{background:#1f293766;border-color:#6689dc1f}[data-theme=dark] .o365-license-legend__label{color:#f9fbffb3}[data-theme=dark] .o365-license-legend__value{color:#f9fbfff2}.o365-users-chart{width:100%;height:260px}@media(max-width:768px){.o365-users-chart{height:220px}}.o365-platform-chart{width:100%;height:280px}@media(max-width:768px){.o365-platform-chart{height:240px}}.o365-performers{display:flex;flex-direction:column;gap:12px}.o365-performer{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#fffffff2,#f8fafee6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(43,53,72,.08);border-radius:8px;box-shadow:0 2px 6px #0f16230a;position:relative;overflow:hidden;transition:all .2s ease}.o365-performer:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--performer-color);opacity:.6}.o365-performer:hover{transform:translate(4px);box-shadow:0 6px 14px #0f162314}.o365-performer:hover:before{opacity:1}.o365-performer--green{--performer-color: #3B8AA5}.o365-performer--yellow{--performer-color: #E8A938}.o365-performer--red{--performer-color: #DC6689}.o365-performer__rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#6689dc1f,#94b2f014);border:1px solid rgba(102,137,220,.2);border-radius:6px;font-size:11px;font-weight:700;color:#6689dc;flex-shrink:0}.o365-performer__content{flex:1;display:flex;flex-direction:column;gap:4px}.o365-performer__name{font-size:12px;font-weight:600;color:#2d4173}.o365-performer__stats{display:flex;align-items:center;gap:12px;font-size:10px}.o365-performer__rate{font-weight:700;color:var(--performer-color);font-feature-settings:"tnum" 1}.o365-performer__users{color:#2d41738f;font-feature-settings:"tnum" 1}.o365-performer__badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.o365-performer__badge--green{background:#3b8aa51f;color:#3b8aa5}.o365-performer__badge--yellow{background:#e8a9381f;color:#e8a938}.o365-performer__badge--red{background:#dc66891f;color:#dc6689}@media(prefers-reduced-motion:reduce){.o365-performer:hover{transform:none}}@media(prefers-contrast:high){.o365-performer{border-width:2px}.o365-performer:before{width:4px}}[data-theme=dark] .o365-performer{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1f;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .o365-performer:hover{box-shadow:0 12px 28px #0006}[data-theme=dark] .o365-performer__name{color:#f9fbfff2}[data-theme=dark] .o365-performer__users{color:#f9fbff8f}.o365-collaboration{display:flex;flex-direction:column;gap:24px}.o365-collaboration__section{display:flex;flex-direction:column;gap:16px}.o365-collaboration__section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2d4173a6;padding-bottom:8px;border-bottom:1px solid rgba(43,53,72,.06)}.o365-collaboration__section-title svg{color:#6689dcb3}.o365-collaboration__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.o365-collab-metric{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#fffffff2,#f8fafee6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(43,53,72,.08);border-radius:8px;box-shadow:0 2px 6px #0f16230a;position:relative;overflow:hidden;transition:all .2s ease}.o365-collab-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--metric-color);opacity:.6}.o365-collab-metric:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0f162314}.o365-collab-metric:hover:before{opacity:1}.o365-collab-metric--blue{--metric-color: #6689DC}.o365-collab-metric--green{--metric-color: #3B8AA5}.o365-collab-metric--purple{--metric-color: #7A91DB}.o365-collab-metric--yellow{--metric-color: #E8A938}.o365-collab-metric__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6689dc1f,#94b2f014);border:1px solid rgba(102,137,220,.2);border-radius:8px;color:var(--metric-color);flex-shrink:0}.o365-collab-metric__content{display:flex;flex-direction:column;gap:2px}.o365-collab-metric__value{font-size:18px;font-weight:700;color:#2d4173;font-feature-settings:"tnum" 1}.o365-collab-metric__label{font-size:10px;font-weight:600;color:#2d41738f;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.o365-collaboration__metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.o365-collab-metric:hover{transform:none}}[data-theme=dark] .o365-collaboration__section-title{color:#f9fbffb3;border-bottom-color:#6689dc1f}[data-theme=dark] .o365-collab-metric{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1f;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .o365-collab-metric:hover{box-shadow:0 12px 28px #0006}[data-theme=dark] .o365-collab-metric__value{color:#f9fbfff2}.o365-detailed-metrics{display:flex;flex-direction:column;gap:32px}.o365-detailed-metrics__section{display:flex;flex-direction:column;gap:16px}.o365-detailed-metrics__section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2d4173a6;padding-bottom:8px;border-bottom:1px solid rgba(43,53,72,.06)}.o365-detailed-metrics__section-title svg{color:#6689dcb3}.o365-metrics-table-container{overflow-x:auto;border-radius:8px;border:1px solid rgba(43,53,72,.08)}.o365-metrics-table{width:100%;border-collapse:collapse;font-size:12px}.o365-metrics-table thead{background:linear-gradient(135deg,#6689dc14,#94b2f00f)}.o365-metrics-table thead tr{border-bottom:1px solid rgba(43,53,72,.08)}.o365-metrics-table thead th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2d4173a6;white-space:nowrap}.o365-metrics-table tbody tr{border-bottom:1px solid rgba(43,53,72,.06);transition:all .18s ease}.o365-metrics-table tbody tr:hover{background:#6689dc0a}.o365-metrics-table tbody tr:last-child{border-bottom:none}.o365-metrics-table tbody td{padding:10px 14px;color:#2d4173}.o365-metrics-table__app-name{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.o365-metrics-table__app-name svg{color:#6689dcb3;flex-shrink:0}.o365-metrics-table__progress{display:flex;align-items:center;gap:10px}.o365-metrics-table__progress-bar{flex:1;height:8px;background:#2b354814;border-radius:4px;overflow:hidden;min-width:80px}.o365-metrics-table__progress-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.o365-metrics-table__progress-fill--high{background:linear-gradient(90deg,#3b8aa5,#10b981)}.o365-metrics-table__progress-fill--medium{background:linear-gradient(90deg,#e8a938,#f59e0b)}.o365-metrics-table__progress-fill--low{background:linear-gradient(90deg,#dc6689,#ef4444)}.o365-metrics-table__progress-text{font-weight:700;font-feature-settings:"tnum" 1;min-width:38px;text-align:right;font-size:11px}.o365-metrics-table__users{font-weight:600;font-feature-settings:"tnum" 1}.o365-metrics-table__platforms{display:flex;flex-wrap:wrap;gap:4px}.o365-metrics-table__platform-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;color:#6689dc;background:#6689dc1f;border:1px solid rgba(102,137,220,.2);border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.o365-metrics-table__platform-more{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;color:#2d41738f;background:#2b354814;border-radius:4px}.o365-metrics-table__status{display:inline-flex;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.o365-metrics-table__status--high{color:#3b8aa5;background:#3b8aa51f;border:1px solid rgba(59,138,165,.2)}.o365-metrics-table__status--medium{color:#e8a938;background:#e8a9381f;border:1px solid rgba(232,169,56,.2)}.o365-metrics-table__status--low{color:#dc6689;background:#dc66891f;border:1px solid rgba(220,102,137,.2)}.o365-storage-usage{display:flex;flex-direction:column;gap:16px}.o365-storage-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.o365-storage-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.o365-storage-bar__label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#2d4173}.o365-storage-bar__label svg{color:#6689dcb3}.o365-storage-bar__value{font-size:11px;font-weight:600;color:#2d4173a6;font-feature-settings:"tnum" 1}.o365-storage-bar__track{height:8px;background:#2b354814;border-radius:4px;overflow:hidden}.o365-storage-bar__fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.o365-storage-total{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#6689dc14,#94b2f00f);border:1px solid rgba(102,137,220,.14);border-radius:8px;margin-top:4px}.o365-storage-total span{font-size:12px;font-weight:600;color:#2d4173a6;text-transform:uppercase;letter-spacing:.05em}.o365-storage-total strong{font-size:20px;font-weight:700;color:#2d4173;font-feature-settings:"tnum" 1}.o365-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#2d41738f;min-height:180px}.o365-empty-state--compact{min-height:140px;padding:32px}.o365-empty-state svg{color:#6689dc66;margin-bottom:12px}.o365-empty-state p{font-size:13px;font-weight:500;margin:0}@media(max-width:1200px){.o365-storage-bars{grid-template-columns:1fr}}@media(max-width:768px){.o365-detailed-metrics{gap:24px}.o365-metrics-table-container{overflow-x:scroll}.o365-metrics-table{min-width:600px}.o365-storage-bars{gap:12px}}[data-theme=dark] .o365-detailed-metrics__section-title{color:#f9fbffb3;border-bottom-color:#6689dc1f}[data-theme=dark] .o365-metrics-table thead{background:linear-gradient(135deg,#6689dc26,#94b2f01f)}[data-theme=dark] .o365-metrics-table thead th{color:#f9fbffb3}[data-theme=dark] .o365-metrics-table tbody tr:hover{background:#6689dc14}[data-theme=dark] .o365-metrics-table tbody td,[data-theme=dark] .o365-metrics-table__app-name{color:#f9fbfff2}[data-theme=dark] .o365-metrics-table__platform-more{background:#6689dc1f;color:#f9fbff8f}[data-theme=dark] .o365-metrics-table-container{border-color:#6689dc1f}[data-theme=dark] .o365-storage-bar__label{color:#f9fbfff2}[data-theme=dark] .o365-storage-bar__value{color:#f9fbffa6}[data-theme=dark] .o365-storage-bar__track{background:#6689dc1f}[data-theme=dark] .o365-storage-total{background:linear-gradient(135deg,#6689dc26,#94b2f01f);border-color:#6689dc3d}[data-theme=dark] .o365-storage-total span{color:#f9fbffb3}[data-theme=dark] .o365-storage-total strong{color:#f9fbfff2}.o365-platform-breakdown{display:flex;flex-direction:column;gap:6px}.o365-platform-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(135deg,#fffffff2,#f8fafee6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(43,53,72,.06);border-radius:6px;transition:all .2s ease}.o365-platform-item:hover{background:linear-gradient(135deg,#fff,#f8fafef2);border-color:#6689dc1f;transform:translate(2px)}.o365-platform-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#6689dc1a,#94b2f00f);border:1px solid rgba(102,137,220,.15);border-radius:4px;color:#6689dc;flex-shrink:0}.o365-platform-item__name{font-size:12px;font-weight:600;color:#2d4173;min-width:50px}.o365-platform-item__stats{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:11px}.o365-platform-item__value{font-weight:600;color:#2d4173;font-feature-settings:"tnum" 1}.o365-platform-item__label{font-weight:400;color:#2d41738f}.o365-platform-item__separator{color:#2d41734d;margin:0 2px}.o365-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:#2d41738f;min-height:120px}.o365-empty-state--compact{min-height:100px;padding:24px 16px}.o365-empty-state svg{color:#6689dc66;margin-bottom:8px}.o365-empty-state p{font-size:11px;font-weight:500;margin:0}@media(max-width:768px){.o365-platform-item{padding:6px 8px;gap:6px}.o365-platform-item__icon{width:18px;height:18px}.o365-platform-item__icon svg{width:11px;height:11px}.o365-platform-item__name{font-size:11px;min-width:45px}.o365-platform-item__stats{font-size:10px;gap:3px}}@media(prefers-reduced-motion:reduce){.o365-platform-item:hover{transform:none}}@media(prefers-contrast:high){.o365-platform-item,.o365-platform-item__icon{border-width:2px}}[data-theme=dark] .o365-platform-item{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1a}[data-theme=dark] .o365-platform-item:hover{background:linear-gradient(135deg,#293341fa,#1b2231f2);border-color:#6689dc2e}[data-theme=dark] .o365-platform-item__name,[data-theme=dark] .o365-platform-item__value{color:#f9fbfff2}[data-theme=dark] .o365-platform-item__label{color:#f9fbff80}[data-theme=dark] .o365-platform-item__separator{color:#f9fbff40}[data-theme=dark] .o365-platform-item__icon{background:linear-gradient(135deg,#6689dc2e,#94b2f01f);border-color:#6689dc40}[data-theme=dark] .o365-empty-state{color:#f9fbff8f}.o365-dashboard{padding:var(--spacing-6);max-width:1920px;margin:0 auto}.o365-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.2vw,16px);margin-bottom:var(--spacing-6)}@media(max-width:1400px){.o365-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.o365-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.o365-kpi-grid{grid-template-columns:1fr}}.o365-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,1.5vw,20px)}.o365-card{background:linear-gradient(135deg,#ffffffd9,#f9fbffcc);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(102,137,220,.12);border-radius:clamp(10px,1.2vw,12px);padding:clamp(16px,1.8vw,20px);box-shadow:0 2px 8px #0f16230a,0 1px 3px #5272c40f,inset 0 1px #fffc;transition:all .28s cubic-bezier(.4,0,.2,1)}.o365-card--col-4{grid-column:span 4}.o365-card--col-8{grid-column:span 8}.o365-card--col-12{grid-column:span 12}@media(max-width:1200px){.o365-card--col-4,.o365-card--col-8{grid-column:span 12}}.o365-dashboard--loading{pointer-events:none}.o365-skeleton{background:linear-gradient(90deg,#f3f6fccc,#e8ecf6cc,#f3f6fccc);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:clamp(10px,1.2vw,12px)}.o365-skeleton--kpi{min-height:110px}.o365-skeleton--card{min-height:300px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.o365-dashboard{padding:var(--spacing-4)}}[data-theme=dark] .o365-card{background:linear-gradient(135deg,#1f2937f2,#111827eb);border-color:#6689dc1f;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0a}.itsm-layout{display:flex;flex-direction:row;min-height:100vh;position:relative}.itsm-layout__main{flex:1;min-width:0;padding:20px 24px;transition:padding-right .28s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.itsm-layout__topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.itsm-layout__nav-btns{display:flex;gap:8px}.itsm-layout__filter-toggle{display:none;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-primary, #fff);border:1px solid var(--border-default, #e2e8f0);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;position:relative;transition:all .15s ease}.itsm-layout__filter-toggle:hover{background:var(--surface-hover, #f8fafc);border-color:var(--brand-primary, #3b5080);color:var(--brand-primary, #3b5080)}.itsm-layout__filter-badge{width:8px;height:8px;border-radius:50%;background:#ef4444;position:absolute;top:6px;right:6px}.itsm-layout__overlay{display:none;position:fixed;inset:0;background:#0f172a59;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.itsm-layout__error-banner{padding:14px 16px;margin-bottom:20px;background-color:#fee2e2;color:#ef4444;border-radius:10px;font-size:13px;font-weight:500;border:1px solid rgba(239,68,68,.2)}.itsm-layout__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.itsm-layout__loading p{color:var(--text-secondary, #64748b);margin:0;font-size:14px}.itsm-layout__spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--brand-primary, #3b5080);border-radius:50%;animation:itsm-spin .8s linear infinite}@keyframes itsm-spin{to{transform:rotate(360deg)}}.itsm-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.itsm-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;margin-bottom:20px}.itsm-trend-section,.itsm-table-section{margin-bottom:20px}.itsm-nav-btn{appearance:none;cursor:pointer;padding:7px 16px;border-radius:10px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:background .15s;white-space:nowrap}.itsm-nav-btn--green{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981}.itsm-nav-btn--green:hover{background:#10b98124}.itsm-nav-btn--blue{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.itsm-nav-btn--blue:hover{background:#3b82f624}.ds-sidebar{position:sticky;top:0;height:100vh;width:272px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e2e8f0;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1);z-index:100}.ds-sidebar--collapsed{width:0;border-left:none;pointer-events:none}.itsm-sidebar-reopen{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 7px;background:#fff;border:1px solid #e2e8f0;border-right:none;border-radius:10px 0 0 10px;box-shadow:-3px 0 10px #00000014;cursor:pointer;z-index:150;transition:all .15s ease}.itsm-sidebar-reopen span{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.itsm-sidebar-reopen svg{color:#64748b;width:14px;height:14px}.itsm-sidebar-reopen:hover{background:#f8fafc;border-color:#3b5080;box-shadow:-4px 0 14px #0000001f}.itsm-sidebar-reopen:hover span,.itsm-sidebar-reopen:hover svg{color:#3b5080}@media(max-width:1024px){.itsm-sidebar-reopen{display:none}}.ds-sidebar__close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #e2e8f0;background:#f1f5f9;cursor:pointer;transition:all .15s ease;flex-shrink:0;color:#475569;fill:none;stroke:currentColor}.ds-sidebar__close-btn svg{display:block;width:15px;height:15px;stroke:#475569!important;stroke-width:2.5;flex-shrink:0;opacity:1!important}.ds-sidebar__close-btn:hover{background:#fee2e2;border-color:#ef44444d}.ds-sidebar__close-btn:hover svg{stroke:#ef4444!important}.ds-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 14px 18px;border-bottom:1px solid var(--border-default, #e2e8f0);flex-shrink:0;background:var(--bg-primary, #fff)}.ds-sidebar__header-actions{display:flex;align-items:center;gap:4px}.ds-sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border-default, #e2e8f0);background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s ease}.ds-sidebar__collapse-btn:hover{background:var(--surface-hover, #f8fafc);color:var(--brand-primary, #3b5080);border-color:var(--brand-primary, #3b5080)}@media(max-width:1024px){.ds-sidebar__collapse-btn{display:none}}.ds-sidebar__header-inner{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.ds-sidebar__header-inner svg{color:var(--brand-primary, #3b5080);flex-shrink:0}.ds-sidebar__active-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--brand-primary, #3b5080);color:#fff;border-radius:10px;font-size:11px;font-weight:700;line-height:1}.ds-sidebar__mobile-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-default, #e2e8f0);background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s}.ds-sidebar__mobile-close:hover{background:var(--surface-hover, #f8fafc);color:var(--text-primary, #1e293b)}@media(max-width:1024px){.ds-sidebar__mobile-close{display:flex}}.ds-sidebar__body{flex:1;overflow-y:auto;padding:16px 16px 24px}.ds-sidebar__body::-webkit-scrollbar{width:4px}.ds-sidebar__body::-webkit-scrollbar-track{background:transparent}.ds-sidebar__body::-webkit-scrollbar-thumb{background:var(--border-default, #e2e8f0);border-radius:4px}.ds-sidebar__body::-webkit-scrollbar-thumb:hover{background:var(--border-medium, #cbd5e1)}.ds-sidebar__body{scrollbar-width:thin;scrollbar-color:var(--border-default, #e2e8f0) transparent}.ds-sidebar__section{margin-bottom:20px}.ds-sidebar__section+.ds-sidebar__section{padding-top:16px;border-top:1px solid var(--border-subtle, #f1f5f9)}.ds-sidebar__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #94a3b8);margin:0 0 10px}.ds-sidebar__radio-group{display:flex;flex-direction:column;gap:2px}.ds-sidebar__radio-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.ds-sidebar__radio-item input[type=radio]{accent-color:var(--brand-primary, #3b5080);flex-shrink:0;cursor:pointer;width:14px;height:14px}.ds-sidebar__radio-item:hover:not(.is-checked){background:var(--surface-hover, #f8fafc)}.ds-sidebar__radio-item.is-checked{background:#3b50800f}.ds-sidebar__radio-label{font-size:13px;font-weight:400;color:var(--text-secondary, #64748b);flex:1}.is-checked .ds-sidebar__radio-label{font-weight:600;color:var(--text-primary, #1e293b)}.ds-sidebar__radio-label--danger{color:#ef4444;font-weight:500}.ds-sidebar__radio-label--success{color:#10b981;font-weight:500}.ds-sidebar__checkbox-group{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding-right:2px}.ds-sidebar__checkbox-group::-webkit-scrollbar{width:3px}.ds-sidebar__checkbox-group::-webkit-scrollbar-track{background:transparent}.ds-sidebar__checkbox-group::-webkit-scrollbar-thumb{background:var(--border-default, #e2e8f0);border-radius:4px}.ds-sidebar__checkbox-item{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.ds-sidebar__checkbox-item input[type=checkbox]{accent-color:var(--brand-primary, #3b5080);flex-shrink:0;cursor:pointer;width:14px;height:14px}.ds-sidebar__checkbox-item:hover:not(.is-checked){background:var(--surface-hover, #f8fafc)}.ds-sidebar__checkbox-item.is-checked{background:#3b50800f}.ds-sidebar__checkbox-label{font-size:13px;font-weight:400;color:var(--text-secondary, #64748b);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-checked .ds-sidebar__checkbox-label{font-weight:600;color:var(--text-primary, #1e293b)}.ds-sidebar__clear-btn{width:100%;margin-top:8px;padding:9px 16px;background:#ef444412;color:#ef4444;border:1px solid rgba(239,68,68,.18);border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ds-sidebar__clear-btn:hover{background:#ef444421;transform:translateY(-1px)}.ds-sidebar__clear-btn:active{transform:translateY(0)}@media(max-width:1024px){.itsm-layout__filter-toggle{display:flex}.itsm-layout__overlay{display:block}.ds-sidebar{position:fixed;top:0;right:0;height:100vh;width:272px!important;opacity:1!important;pointer-events:all!important;z-index:200;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000001f}.ds-sidebar--mobile-open{transform:translate(0)}}@media(max-width:640px){.itsm-layout__main{padding:16px}.itsm-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.itsm-charts-row{grid-template-columns:1fr}.itsm-nav-btn span{display:none}}@media(max-width:480px){.itsm-kpi-grid{grid-template-columns:1fr}.ds-sidebar{width:100%!important}}.itsm-header{background-color:var(--surface-card);border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}@media(max-width:767px){.itsm-header{flex-direction:column;align-items:stretch;gap:12px}}.itsm-header__date-info{font-size:12px;color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:4px;flex-shrink:0}.itsm-header__date-info svg{flex-shrink:0}.itsm-header__controls{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:767px){.itsm-header__controls{justify-content:space-between;flex-wrap:wrap}}.itsm-header__divider{width:1px;height:24px;background:#e2e8f0;flex-shrink:0}.itsm-header__sync-status{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 12px;border-radius:8px;font-weight:500;animation:slideIn .3s ease}.itsm-header__sync-status--success{background-color:#10b9811a;color:#22c55e;border:1px solid rgba(16,185,129,.3)}@media(max-width:767px){.itsm-header__sync-status{flex:1 1 100%;justify-content:center}}.itsm-header__date-selector{min-width:180px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.itsm-header__date-selector:hover{border-color:var(--brand-primary)}.itsm-header__date-selector:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary),.1)}@media(max-width:767px){.itsm-header__date-selector{min-width:150px}}.itsm-header__refresh-btn{appearance:none;background:none;margin:0;font:inherit;outline:none;background-color:var(--brand-primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease-in-out}.itsm-header__refresh-btn:hover:not(:disabled){background-color:var(--brand-primary);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;transform:translateY(-1px)}.itsm-nav-btn{appearance:none;background:none;border:none;margin:0;font:inherit;outline:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease-in-out;white-space:nowrap}.itsm-nav-btn--green{background-color:#10b9811a;color:#22c55e;border:1px solid rgba(16,185,129,.3)}.itsm-nav-btn--green:hover{background-color:#10b9812e;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;transform:translateY(-1px)}.itsm-nav-btn--blue{background-color:rgba(var(--brand-primary),.1);color:var(--brand-primary);border:1px solid rgba(var(--brand-primary),.3)}.itsm-nav-btn--blue:hover{background-color:rgba(var(--brand-primary),.18);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;transform:translateY(-1px)}.itsm-nav-btn:active{transform:translateY(0) scale(.98)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kpi-card{padding:var(--spacing-6);transition:all .2s ease-in-out}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.kpi-card{position:relative;overflow:hidden}.kpi-card--default{border-left:4px solid var(--brand-primary)}.kpi-card--success{border-left:4px solid var(--status-success)}.kpi-card--warning{border-left:4px solid var(--status-warning)}.kpi-card--error{border-left:4px solid var(--status-error)}.kpi-card--info{border-left:4px solid var(--status-info)}.kpi-card__icon-bg{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:48px;height:48px;opacity:.08;color:currentColor}.kpi-card__icon-bg svg{width:100%;height:100%}.kpi-card__label{font:var(--type-label);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.kpi-card__value{font:var(--type-data-compact);color:var(--text-primary);line-height:1.2;margin:var(--spacing-2) 0;font-feature-settings:var(--font-feature-tabular)}@media(max-width:768px){.kpi-card__value{font-size:var(--text-2xl)}}.kpi-card__subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-3)}.kpi-card__trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.kpi-card__trend svg{width:16px;height:16px;flex-shrink:0}.kpi-card__trend--positive{color:var(--status-success)}.kpi-card__trend--negative{color:var(--status-error)}.kpi-card__trend--neutral{color:var(--text-secondary)}.kpi-card__trend-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:var(--spacing-1)}.category-pie-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;flex:1;min-width:300px;display:flex;flex-direction:column}.category-pie-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-pie-chart h3{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.category-pie-chart__total{font-size:13px;color:#64748b;font-weight:500}.category-pie-chart .no-data{height:300px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;background:#f8f9fa;border-radius:8px}@media(max-width:1024px){.category-pie-chart{min-width:100%}}@media(max-width:768px){.category-pie-chart{padding:16px}.category-pie-chart h3{font-size:16px}}.status-pie-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;flex:1;min-width:300px}.status-pie-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-pie-chart h3{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.status-pie-chart__total{font-size:13px;color:#64748b;font-weight:500}.status-pie-chart .no-data{height:300px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;background:#f8f9fa;border-radius:8px}@media(max-width:1024px){.status-pie-chart{min-width:100%}}@media(max-width:768px){.status-pie-chart{padding:16px}.status-pie-chart h3{font-size:16px}}.trend-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.trend-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.trend-chart__header h3{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.trend-chart__stats{display:flex;gap:16px;align-items:center}.trend-chart__stat{font-size:13px;font-weight:500;padding:4px 12px;border-radius:6px;background:#f1f5f9}.trend-chart__stat--new{color:#3b82f6;background:#eff6ff}.trend-chart__stat--closed{color:#10b981;background:#f0fdf4}.trend-chart__stat--sla{color:#ef4444;background:#fef2f2;font-weight:600}.trend-chart__total{font-size:13px;color:#64748b;font-weight:500}.trend-chart__body{margin-bottom:12px}.trend-chart__hint{text-align:center;font-size:13px;color:#64748b;padding-top:12px;border-top:1px solid #e2e8f0}.trend-chart__tooltip{background:#fff;padding:12px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a}.trend-chart__tooltip-date{font-weight:600;font-size:13px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;color:#1e293b}.trend-chart__tooltip-item{margin:6px 0;font-size:12px;color:#475569;display:flex;justify-content:space-between;align-items:center;gap:12px}.trend-chart__tooltip-item strong{font-weight:600;color:#1e293b}.trend-chart__tooltip-item--new strong{color:#3b82f6}.trend-chart__tooltip-item--closed strong{color:#10b981}.trend-chart__tooltip-item--net strong{color:#f59e0b}.trend-chart__tooltip-item--sla{padding-top:6px;border-top:1px solid #fee2e2;font-weight:600}.trend-chart__tooltip-item--sla strong{color:#ef4444}.trend-chart__tooltip-item--sla-value{font-size:14px;padding:2px 8px;background:#fef2f2;border-radius:4px}.trend-chart .no-data{height:350px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;background:#f8f9fa;border-radius:8px}@media(max-width:768px){.trend-chart{padding:16px}.trend-chart__header h3{font-size:16px}.trend-chart__stats{flex-wrap:wrap;gap:8px}.trend-chart__stat{font-size:12px;padding:3px 10px}}.enhanced-tickets-table{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.enhanced-tickets-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.enhanced-tickets-table__title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.enhanced-tickets-table__count{font-size:13px;color:#64748b;font-weight:500}.enhanced-tickets-table__search{margin-bottom:20px}.enhanced-tickets-table .search-wrapper{position:relative;max-width:500px}.enhanced-tickets-table .search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.enhanced-tickets-table .search-wrapper .search-input{width:100%;padding:10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:all .2s ease}.enhanced-tickets-table .search-wrapper .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.enhanced-tickets-table .search-wrapper .search-input::placeholder{color:#94a3b8}.enhanced-tickets-table .search-wrapper .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#f1f5f9;border:none;border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.enhanced-tickets-table .search-wrapper .search-clear:hover{background:#e2e8f0;color:#475569}.enhanced-tickets-table__table-wrapper{overflow-x:auto;margin:0 -24px;padding:0 24px}.enhanced-tickets-table__table-wrapper::-webkit-scrollbar{height:8px}.enhanced-tickets-table__table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.enhanced-tickets-table__table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.enhanced-tickets-table__table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.enhanced-tickets-table__table{width:100%;border-collapse:collapse;font-size:14px}.enhanced-tickets-table__table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.enhanced-tickets-table__table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.enhanced-tickets-table__table thead th[style*="cursor: pointer"]:hover{color:#3b82f6}.enhanced-tickets-table__table tbody tr.main-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.enhanced-tickets-table__table tbody tr.main-row:hover{background-color:#f8fafc}.enhanced-tickets-table__table tbody tr.main-row td{padding:14px 16px;vertical-align:middle;color:#1e293b}.enhanced-tickets-table__table tbody tr.main-row td.ticket-id a{color:#3b82f6;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px}.enhanced-tickets-table__table tbody tr.main-row td.ticket-id a:hover{text-decoration:underline}.enhanced-tickets-table__table tbody tr.main-row td.ticket-id a svg{opacity:0;transition:opacity .2s}.enhanced-tickets-table__table tbody tr.main-row td.ticket-id a:hover svg{opacity:1}.enhanced-tickets-table__table tbody tr.main-row td.subject{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanced-tickets-table__table tbody tr.main-row td.date-cell{color:#64748b;font-size:13px}.enhanced-tickets-table__table tbody tr.expanded-row{background:#f8fafc;border-bottom:2px solid #e2e8f0}.enhanced-tickets-table__table tbody tr.expanded-row td{padding:0}.enhanced-tickets-table .expand-btn{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.enhanced-tickets-table .expand-btn:hover{background:#e2e8f0;color:#475569}.enhanced-tickets-table .category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:13px;color:#475569}.enhanced-tickets-table .category-badge svg{color:#94a3b8}.enhanced-tickets-table .badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.enhanced-tickets-table .badge--p1{background:#fee2e2;color:#dc2626}.enhanced-tickets-table .badge--p2{background:#fed7aa;color:#ea580c}.enhanced-tickets-table .badge--p3{background:#fef3c7;color:#ca8a04}.enhanced-tickets-table .badge--p4,.enhanced-tickets-table .badge--success{background:#dcfce7;color:#16a34a}.enhanced-tickets-table .badge--info{background:#dbeafe;color:#2563eb}.enhanced-tickets-table .badge--warning{background:#fef3c7;color:#ca8a04}.enhanced-tickets-table .badge--default{background:#f1f5f9;color:#64748b}.enhanced-tickets-table .expanded-content{padding:20px 24px}.enhanced-tickets-table .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.enhanced-tickets-table .detail-item{display:flex;gap:10px}.enhanced-tickets-table .detail-item .detail-icon{color:#94a3b8;flex-shrink:0;margin-top:2px}.enhanced-tickets-table .detail-item .detail-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:4px}.enhanced-tickets-table .detail-item .detail-value{display:block;font-size:14px;color:#1e293b;font-weight:500}.enhanced-tickets-table .detail-item .detail-value a{color:#3b82f6;text-decoration:none}.enhanced-tickets-table .detail-item .detail-value a:hover{text-decoration:underline}.enhanced-tickets-table .detail-item .detail-value.text-danger{color:#dc2626}.enhanced-tickets-table .detail-item .detail-value.text-success{color:#16a34a}.enhanced-tickets-table .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.enhanced-tickets-table .pagination-info{font-size:13px;color:#64748b}.enhanced-tickets-table .pagination-controls{display:flex;align-items:center;gap:12px}.enhanced-tickets-table .pagination-controls button{padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.enhanced-tickets-table .pagination-controls button:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.enhanced-tickets-table .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.enhanced-tickets-table .pagination-controls .page-indicator{font-size:13px;color:#64748b;font-weight:500}.enhanced-tickets-table .no-data{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px}@media(max-width:768px){.enhanced-tickets-table{padding:16px}.enhanced-tickets-table__table-wrapper{margin:0 -16px;padding:0 16px}.enhanced-tickets-table .details-grid{grid-template-columns:1fr}.enhanced-tickets-table .pagination{flex-direction:column;gap:12px;align-items:stretch}}.itsm-dashboard{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);font-family:var(--font-sans);overflow:hidden}.itsm-dashboard__content-wrapper{display:flex;flex:1;overflow:hidden;min-height:0}.itsm-dashboard__main{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-6);min-height:0}.itsm-dashboard__main::-webkit-scrollbar{width:6px;height:6px}.itsm-dashboard__main::-webkit-scrollbar-track{background:transparent}.itsm-dashboard__main::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:9999px}.itsm-dashboard__main::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.itsm-dashboard__main--sidebar-collapsed{margin-left:0}@media(max-width:1023px){.itsm-dashboard__main{padding:var(--spacing-4)}}.itsm-dashboard__controls{margin-bottom:var(--spacing-6)}.itsm-dashboard__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:640px){.itsm-dashboard__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.itsm-dashboard__kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.itsm-dashboard__kpi-grid{grid-template-columns:1fr;gap:12px}}.itsm-dashboard__charts-row{display:grid;gap:var(--spacing-6);grid-template-columns:1fr;margin-bottom:var(--spacing-6)}@media(min-width:1024px){.itsm-dashboard__charts-row{grid-template-columns:1fr 1fr}}@media(max-width:1023px){.itsm-dashboard__charts-row{grid-template-columns:1fr}}.itsm-dashboard__trend-section{display:grid;gap:var(--spacing-6);grid-template-columns:1fr;margin-bottom:var(--spacing-6)}@media(min-width:1024px){.itsm-dashboard__trend-section{grid-template-columns:2fr 1fr}}@media(max-width:1023px){.itsm-dashboard__trend-section{grid-template-columns:1fr}}.itsm-dashboard__table-section{margin-bottom:var(--spacing-6)}.itsm-dashboard__loading{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:16px}.itsm-dashboard__loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:9999px;animation:spin 1s linear infinite}.itsm-dashboard__loading p{font-size:16px;color:var(--text-secondary);margin:0}.itsm-dashboard__error{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:16px}.itsm-dashboard__error p{font-size:16px;color:#ef4444;margin:0}.itsm-dashboard__error .btn{margin-top:8px}.itsm-header__sync-status{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;padding:6px 12px;border-radius:10px;font-weight:600;animation:slideIn .3s ease;white-space:nowrap}.itsm-header__sync-status svg{width:14px;height:14px;flex-shrink:0}.itsm-header__sync-status--success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.itsm-header__sync-status--error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.itsm-header__updated{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;color:var(--text-secondary);padding:6px 12px;background-color:rgba(var(--brand-primary-rgb),.05);border-radius:10px;font-weight:500;white-space:nowrap}.itsm-header__updated svg{width:16px;height:16px;flex-shrink:0}@media(max-width:767px){.itsm-header__updated{display:none}}.itsm-header__date-range{display:flex;align-items:center;gap:8px}.itsm-header__date-range svg{color:var(--text-secondary)}.itsm-header__select{min-width:160px;padding:6px 12px;border:1px solid var(--border-default);border-radius:10px;font-size:12px;font-weight:600;color:var(--text-primary);background-color:#fff;cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.itsm-header__select:hover{border-color:var(--brand-primary);box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.1)}.itsm-header__select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}@media(max-width:767px){.itsm-header__select{min-width:140px}}.itsm-header__refresh-btn{appearance:none;background-color:var(--brand-primary);color:#fff;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--motion-fast) var(--ease-smooth);white-space:nowrap}.itsm-header__refresh-btn:hover:not(:disabled){background-color:var(--brand-primary);opacity:.9;box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3);transform:translateY(-1px)}.itsm-header__refresh-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.itsm-header__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.itsm-header__refresh-btn svg{width:16px;height:16px;flex-shrink:0}.itsm-header__refresh-btn svg.spinning{animation:spin 1s linear infinite}.btn{appearance:none;background:none;border:none;margin:0;font:inherit;cursor:pointer;outline:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn--primary{background-color:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary)}.btn--primary:hover{background-color:var(--brand-primary);opacity:.9}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .itsm-header__select{background-color:rgba(var(--bg-secondary-rgb),.5);color:var(--text-primary)}[data-theme=dark] .itsm-header__updated{background-color:rgba(var(--brand-primary-rgb),.08)}.combined-dashboard{display:flex;flex-direction:column;gap:0}.combined-dashboard__tabs{display:flex;gap:2px;background:var(--border-light);border-radius:12px 12px 0 0;padding:4px;width:fit-content;margin-bottom:24px}.combined-dashboard__tab{padding:8px 20px;border:none;background:transparent;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.combined-dashboard__tab:hover{color:var(--text-primary);background:#fff9}.combined-dashboard__tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #0000001a}.combined-dashboard__content{min-height:400px}.drill-down-page{padding:24px;min-height:100vh;background:#f8f9fa}.drill-down-page__header{margin-bottom:32px}.drill-down-page__back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.drill-down-page__back-btn:hover{background:#f8f9fa;border-color:#3b82f6;color:#3b82f6}.drill-down-page__back-btn svg{flex-shrink:0}.drill-down-page__title-section{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.drill-down-page__title{display:flex;align-items:center;gap:12px}.drill-down-page__title h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.drill-down-page__title svg{color:#3b82f6;flex-shrink:0}.drill-down-page__export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.drill-down-page__export-btn:hover{background:#2563eb;transform:translateY(-1px)}.drill-down-page__export-btn svg{flex-shrink:0}.drill-down-page__content{background:#fff;border-radius:12px;min-height:400px}.drill-down-page__loading,.drill-down-page__error,.drill-down-page__empty{padding:60px 40px;text-align:center;color:#64748b}.drill-down-page__loading .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.drill-down-page__loading p{margin:0;font-size:14px;color:#64748b}.drill-down-page__error{color:#ef4444}.drill-down-page__error p{margin-bottom:16px;font-size:14px}.drill-down-page__error .btn{padding:8px 20px;background:#ef4444;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.drill-down-page__error .btn:hover{background:#dc2626}.drill-down-page__empty svg{color:#cbd5e1;margin-bottom:16px}.drill-down-page__empty h3{font-size:18px;font-weight:600;color:#475569;margin:0 0 8px}.drill-down-page__empty p{margin:0;font-size:14px;color:#94a3b8}@media(max-width:768px){.drill-down-page{padding:16px}.drill-down-page__title h2{font-size:18px}.drill-down-page__title svg{display:none}.drill-down-page__title-section{flex-direction:column;align-items:flex-start;gap:12px}.drill-down-page__export-btn{width:100%;justify-content:center}}.ap{min-height:100vh;background:var(--bg-primary);padding:28px;font-family:var(--font-sans)}.ap__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.ap__header-left{display:flex;align-items:center;gap:16px}.ap__back{appearance:none;cursor:pointer;white-space:nowrap;background:rgba(var(--brand-primary-rgb),.07);border:1px solid rgba(var(--brand-primary-rgb),.15);color:var(--brand-primary);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;transition:background .15s}.ap__back:hover{background:rgba(var(--brand-primary-rgb),.12)}.ap__title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.ap__subtitle{margin:4px 0 0;font-size:12px;color:var(--text-secondary);font-weight:500}.ap__sync-btn{appearance:none;cursor:pointer;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s}.ap__sync-btn:hover:not(:disabled){opacity:.88}.ap__sync-btn:disabled{opacity:.6;cursor:not-allowed}.ap__sync-btn--spinning svg{animation:spin 1s linear infinite}.ap__cat-toggle{display:flex;gap:4px;margin-bottom:16px;background:#00000008;border:1px solid var(--border-default);border-radius:12px;padding:4px;width:fit-content}.ap__cat-btn{appearance:none;cursor:pointer;background:transparent;border:none;padding:8px 20px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s}.ap__cat-btn.active{background:#fff;color:var(--brand-primary);box-shadow:0 1px 4px #0000001a}.ap__cat-btn:hover:not(.active){color:var(--text-primary)}.ap__subtypes{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ap__subtype{appearance:none;cursor:pointer;background:#fff;border:1px solid var(--border-default);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);transition:all .15s}.ap__subtype.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.ap__subtype:hover:not(.active){border-color:var(--brand-primary);color:var(--brand-primary)}.ap__summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ap__summary-card{background:#fff;border:1px solid var(--border-default);border-radius:12px;padding:14px 22px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px}.ap__summary-card--total{border-color:rgba(var(--brand-primary-rgb),.3);background:rgba(var(--brand-primary-rgb),.04)}.ap__summary-val{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.ap__summary-lbl{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ap__table-wrap{background:#fff;border:1px solid var(--border-default);border-radius:14px;overflow:hidden}.ap__toolbar{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-subtle);gap:12px;flex-wrap:wrap}.ap__search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0;width:280px}.ap__search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.ap__search{width:100%;padding:8px 32px;border:1px solid var(--border-default);border-radius:8px;font-size:13px;color:var(--text-primary);background:var(--bg-primary);outline:none;transition:border-color .15s}.ap__search:focus{border-color:var(--brand-primary)}.ap__search::placeholder{color:var(--text-tertiary)}.ap__search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:11px;padding:2px}.ap__search-clear:hover{color:var(--text-primary)}.ap__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.ap__filter-select-wrap{display:flex;align-items:center;gap:6px}.ap__filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.ap__select-inner{position:relative;display:flex;align-items:center}.ap__select{appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;outline:none;transition:border-color .15s,color .15s,background .15s;min-width:110px;max-width:180px}.ap__select:hover{border-color:var(--brand-primary);color:var(--text-primary)}.ap__select:focus{border-color:var(--brand-primary)}.ap__select--active{border-color:var(--brand-primary);color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.04);font-weight:600}.ap__select-chevron{position:absolute;right:8px;pointer-events:none;color:var(--text-tertiary);display:flex;align-items:center}.ap__select--active+.ap__select-chevron{color:var(--brand-primary)}.ap__filter-clear{appearance:none;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .12s,background .12s}.ap__filter-clear:hover{color:#ef4444;background:#ef444412}.ap__clear-all{appearance:none;background:none;border:1px solid var(--border-default);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .15s}.ap__clear-all:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.ap__filter-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:700;line-height:1}.ap__count{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;margin-left:auto}.ap__table-scroll{overflow-x:auto}.ap__table{width:100%;border-collapse:collapse;font-size:13px}.ap__table thead{background:#00000005;border-bottom:1px solid var(--border-default)}.ap__table thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ap__table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}.ap__table tbody tr:hover{background:rgba(var(--brand-primary-rgb),.02)}.ap__table tbody tr:last-child{border-bottom:none}.ap__table tbody td{padding:12px 16px;color:var(--text-primary);vertical-align:middle}.ap__td-name{font-weight:600}.ap__td-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px!important;color:var(--text-secondary)!important}.ap__td-date{font-size:12px!important;color:var(--text-secondary)!important;white-space:nowrap}.ap__user{color:var(--text-primary)}.ap__unassigned{color:#94a3b8;font-style:italic}.ap__empty{text-align:center;padding:48px 16px!important;color:#94a3b8;font-size:14px}.ap__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--text-secondary);font-size:14px}.ap__spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.ap__error{margin:16px 20px;padding:12px 16px;border-radius:8px;background:#ef444412;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:13px}.ap__pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid var(--border-subtle)}.ap__pagination button{appearance:none;background:transparent;border:1px solid var(--border-default);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.ap__pagination button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.ap__pagination button:disabled{opacity:.4;cursor:not-allowed}.ap__pagination span{font-size:12px;font-weight:500;color:var(--text-secondary)}[data-theme=dark] .ap__table-wrap,[data-theme=dark] .ap__summary-card,[data-theme=dark] .ap__cat-btn.active,[data-theme=dark] .ap__search,[data-theme=dark] .ap__select{background:var(--bg-secondary)}[data-theme=dark] .ap__select--active{background:rgba(var(--brand-primary-rgb),.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-slideUp{animation:slideUp .4s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:8px}.animate-stagger-1{animation-delay:.05s}.animate-stagger-2{animation-delay:.1s}.animate-stagger-3{animation-delay:.15s}.animate-stagger-4{animation-delay:.2s}.animate-stagger-5{animation-delay:.25s}.animate-stagger-6{animation-delay:.3s}.animate-stagger-7{animation-delay:.35s}.animate-stagger-8{animation-delay:.4s}.animate-stagger-9{animation-delay:.45s}.animate-stagger-10{animation-delay:.5s}.tv{min-height:100vh;background:var(--bg-primary);padding:28px;font-family:var(--font-sans)}.tv__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.tv__header-left{display:flex;align-items:center;gap:16px}.tv__header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tv__back{appearance:none;cursor:pointer;white-space:nowrap;background:rgba(var(--brand-primary-rgb),.07);border:1px solid rgba(var(--brand-primary-rgb),.15);color:var(--brand-primary);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;transition:background .15s}.tv__back:hover{background:rgba(var(--brand-primary-rgb),.12)}.tv__title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.tv__subtitle{margin:4px 0 0;font-size:12px;color:var(--text-secondary);font-weight:500}.tv__revalidating{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-tertiary);padding:5px 10px;border-radius:20px;background:rgba(var(--brand-primary-rgb),.05);border:1px solid rgba(var(--brand-primary-rgb),.12);white-space:nowrap}.tv__revalidating__dot{width:6px;height:6px;border-radius:50%;background:var(--brand-primary);opacity:.7;animation:tv-pulse 1.4s ease-in-out infinite}.tv__refresh-btn{appearance:none;cursor:pointer;display:flex;align-items:center;gap:7px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:12px;font-weight:600;white-space:nowrap;transition:opacity .15s}.tv__refresh-btn:hover:not(:disabled){opacity:.88}.tv__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tv__refresh-btn--spinning svg{animation:spin 1s linear infinite}.tv__error{margin-bottom:16px;padding:12px 16px;border-radius:8px;background:#ef444412;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:13px}.tv__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px;color:var(--text-secondary);font-size:14px}.tv__spinner{width:28px;height:28px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.tv__body{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media(max-width:1100px){.tv__body{grid-template-columns:1fr}}.tv__left{background:#fff;border:1px solid var(--border-default);border-radius:14px;padding:20px;position:sticky;top:20px}.tv__left__back{appearance:none;background:rgba(var(--brand-primary-rgb),.06);border:1px solid rgba(var(--brand-primary-rgb),.15);color:var(--brand-primary);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:14px;display:inline-block;transition:background .15s}.tv__left__back:hover{background:rgba(var(--brand-primary-rgb),.12)}.tv__breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.tv__breadcrumb__home{appearance:none;background:none;border:none;cursor:pointer;font-size:14px;padding:0 2px;opacity:.7}.tv__breadcrumb__home:hover{opacity:1}.tv__breadcrumb__sep{color:var(--text-tertiary)}.tv__breadcrumb__item{appearance:none;background:none;border:none;color:var(--brand-primary);font-size:12px;font-weight:600;cursor:pointer;padding:0}.tv__breadcrumb__item:hover{text-decoration:underline}.tv__breadcrumb__current{color:var(--text-secondary);font-weight:500}.tv__section-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.tv__reports-to{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12px}.tv__reports-to__label{color:var(--text-tertiary)}.tv__reports-to__name{color:var(--text-secondary);font-weight:600}.tv__reports-grid{display:flex;flex-direction:column;gap:8px}.tv__no-reports{font-size:13px;color:var(--text-tertiary);text-align:center;padding:20px 0;margin:0}.tv__person-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-primary);border:1.5px solid var(--border-default);border-radius:10px;transition:border-color .15s,box-shadow .15s}.tv__person-card--main{background:rgba(var(--brand-primary-rgb),.04);border-color:rgba(var(--brand-primary-rgb),.3);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.06)}.tv__person-card--clickable{cursor:pointer}.tv__person-card--clickable:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.12)}.tv__person-card__body{flex:1;overflow:hidden}.tv__person-card__name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv__person-card__title{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.tv__person-card__meta{display:flex;align-items:center;gap:8px;margin-top:4px}.tv__person-card__tickets{font-size:11px;font-weight:600;color:var(--brand-primary)}.tv__person-card__tickets--zero{color:var(--text-tertiary);font-weight:500}.tv__person-card__sla{font-size:10px;font-weight:600;color:#ef4444}.tv__person-card__chevron{color:var(--brand-primary);font-size:18px;font-weight:600;line-height:1;flex-shrink:0}.tv__right{display:flex;flex-direction:column;gap:16px}.tv__kpi-strip{display:flex;gap:10px;flex-wrap:wrap}.tv__kpi{background:#fff;border:1px solid var(--border-default);border-radius:12px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;flex:1}.tv__kpi--total{border-color:rgba(var(--brand-primary-rgb),.3);background:rgba(var(--brand-primary-rgb),.04)}.tv__kpi--p1{border-color:#ef444440;background:#ef44440a}.tv__kpi--p2{border-color:#f59e0b40;background:#f59e0b0a}.tv__kpi--p3{border-color:#3b82f640;background:#3b82f60a}.tv__kpi--p4{border-color:#6b728033}.tv__kpi--sla{border-color:#ef444440;background:#ef44440a}.tv__kpi--scope{border-color:#10b98140;background:#10b9810a}.tv__kpi__val{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.tv__kpi__lbl{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tv__table-wrap{background:#fff;border:1px solid var(--border-default);border-radius:14px;overflow:hidden}.tv__toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-subtle);gap:12px;flex-wrap:wrap}.tv__toolbar__label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.tv__toolbar__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tv__filter-wrap{display:flex;align-items:center;gap:6px}.tv__filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.tv__select{appearance:none;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;padding:6px 24px 6px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;outline:none;min-width:90px;transition:border-color .15s}.tv__select:hover{border-color:var(--brand-primary)}.tv__select--active{border-color:var(--brand-primary);color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.04);font-weight:600}.tv__filter-clear{appearance:none;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:4px}.tv__filter-clear:hover{color:#ef4444;background:#ef444412}.tv__clear-all{appearance:none;background:none;border:1px solid var(--border-default);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s}.tv__clear-all:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.tv__table-scroll{overflow-x:auto}.tv__table{width:100%;border-collapse:collapse;font-size:13px}.tv__table thead{background:#00000005;border-bottom:1px solid var(--border-default)}.tv__table thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tv__table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}.tv__table tbody tr:hover{background:rgba(var(--brand-primary-rgb),.02)}.tv__table tbody tr:last-child{border-bottom:none}.tv__table tbody td{padding:12px 16px;color:var(--text-primary);vertical-align:middle}.tv__td-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--brand-primary)!important;font-weight:600;white-space:nowrap}.tv__td-subject{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv__td-cat,.tv__td-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}.tv__requester{display:flex;align-items:center;gap:8px}.tv__requester__name{font-size:12px;font-weight:600;color:var(--text-primary)}.tv__requester__dept{font-size:11px;color:var(--text-tertiary)}.tv__sla-breach{font-size:11px;font-weight:700;color:#ef4444}.tv__sla-ok{font-size:11px;font-weight:600;color:#10b981}.tv__empty{text-align:center;padding:48px 16px!important;color:#94a3b8;font-size:14px}.tv__search-wrap{position:relative;display:flex;align-items:center;width:260px}.tv__search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.tv__search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border-default);border-radius:10px;font-size:13px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s}.tv__search-input:focus{border-color:var(--brand-primary)}.tv__search-input::placeholder{color:var(--text-tertiary)}.tv__search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden}.tv__search-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .1s}.tv__search-option:last-child{border-bottom:none}.tv__search-option:hover{background:rgba(var(--brand-primary-rgb),.04)}.tv__search-option__name{font-size:13px;font-weight:600;color:var(--text-primary)}.tv__search-option__sub{font-size:11px;color:var(--text-secondary)}.tv__search-option__reports{color:var(--brand-primary);font-weight:600}@keyframes tv-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}[data-theme=dark] .tv__left,[data-theme=dark] .tv__table-wrap,[data-theme=dark] .tv__kpi{background:var(--bg-secondary)}[data-theme=dark] .tv__person-card{background:var(--bg-primary)}[data-theme=dark] .tv__person-card--main{background:rgba(var(--brand-primary-rgb),.08)}[data-theme=dark] .tv__search-input,[data-theme=dark] .tv__search-dropdown,[data-theme=dark] .tv__select{background:var(--bg-secondary);border-color:var(--border-default)}[data-theme=dark] .tv__select--active{background:rgba(var(--brand-primary-rgb),.1)}[data-theme=dark] .tv__revalidating{background:rgba(var(--brand-primary-rgb),.08)}.header{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header__content{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);height:64px;max-width:1440px;margin:0 auto}@media(max-width:768px){.header__content{padding:0 var(--spacing-4)}}.header__left{display:flex;align-items:center;gap:var(--spacing-4)}.header__menu-btn{background:none;border:none;padding:var(--spacing-2);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}.header__menu-btn:hover{background-color:var(--accent-bg)}.header__brand{display:flex;align-items:center;gap:var(--spacing-3)}.brand__icon{display:flex;align-items:center;justify-content:center}.brand__icon svg{border-radius:var(--radius-sm)}.brand__text{display:flex;flex-direction:column}@media(max-width:480px){.brand__text{display:none}}.brand__name{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.brand__tagline{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.header__right{display:flex;align-items:center;gap:var(--spacing-5)}.header__status{display:flex;align-items:center}@media(max-width:640px){.header__status{display:none}}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm)}.status-indicator__dot{width:6px;height:6px;border-radius:50%;background-color:var(--success-color);animation:pulse 2s infinite}.status-indicator__text{font-size:.75rem;font-weight:600;color:var(--success-color);text-transform:uppercase;letter-spacing:.05em}.header__user{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s ease}.user-avatar:hover{transform:scale(1.05)}.user-avatar svg{opacity:.9}.hamburger-menu{position:fixed;left:7px;z-index:1030;width:2.75rem;height:2.75rem;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;align-items:center;justify-content:center}.hamburger-menu svg{width:1.25rem;height:1.25rem;color:#334155;transition:color .15s cubic-bezier(.4,0,.2,1)}.hamburger-menu:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hamburger-menu:hover svg{color:#0f172a}.hamburger-menu:active{transform:translateY(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hamburger-menu:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(max-width:1024px){.hamburger-menu{top:1rem;left:1rem;width:2.5rem;height:2.5rem}.hamburger-menu svg{width:1.125rem;height:1.125rem}}@media(max-width:768px){.hamburger-menu{width:2.25rem;height:2.25rem}.hamburger-menu svg{width:1rem;height:1rem}}.chart-renderer-container{position:relative;width:100%;height:100%;overflow:visible!important}.chart-renderer-container .chart-pie-mode-selector,.chart-renderer-container .chart-bar-mode-selector,.chart-renderer-container .chart-line-mode-selector,.chart-renderer-container .chart-scatter-mode-selector,.chart-renderer-container .chart-heatmap-mode-selector,.chart-renderer-container .chart-funnel-mode-selector,.chart-renderer-container .chart-bubble-mode-selector{position:absolute;top:6px;left:6px;z-index:49}.chart-renderer-container .chart-pie-mode-selector__trigger,.chart-renderer-container .chart-bar-mode-selector__trigger,.chart-renderer-container .chart-line-mode-selector__trigger,.chart-renderer-container .chart-scatter-mode-selector__trigger,.chart-renderer-container .chart-heatmap-mode-selector__trigger,.chart-renderer-container .chart-funnel-mode-selector__trigger,.chart-renderer-container .chart-bubble-mode-selector__trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#fffffffa;border:1px solid rgba(226,232,240,.5);border-radius:5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a,0 0 0 1px #00000005;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.chart-renderer-container .chart-pie-mode-selector__trigger svg,.chart-renderer-container .chart-bar-mode-selector__trigger svg,.chart-renderer-container .chart-line-mode-selector__trigger svg,.chart-renderer-container .chart-scatter-mode-selector__trigger svg,.chart-renderer-container .chart-heatmap-mode-selector__trigger svg,.chart-renderer-container .chart-funnel-mode-selector__trigger svg,.chart-renderer-container .chart-bubble-mode-selector__trigger svg{transition:transform .2s ease}.chart-renderer-container .chart-pie-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-bar-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-line-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-scatter-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-heatmap-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-funnel-mode-selector__trigger svg.rotated,.chart-renderer-container .chart-bubble-mode-selector__trigger svg.rotated{transform:rotate(180deg)}.chart-renderer-container .chart-pie-mode-selector__trigger:hover,.chart-renderer-container .chart-bar-mode-selector__trigger:hover,.chart-renderer-container .chart-line-mode-selector__trigger:hover,.chart-renderer-container .chart-scatter-mode-selector__trigger:hover,.chart-renderer-container .chart-heatmap-mode-selector__trigger:hover,.chart-renderer-container .chart-funnel-mode-selector__trigger:hover,.chart-renderer-container .chart-bubble-mode-selector__trigger:hover{border-color:#3b82f6;color:#2563eb;background:#fff;box-shadow:0 2px 4px #3b82f614,0 0 0 1px #3b82f626;transform:translateY(-.5px)}.chart-renderer-container .chart-pie-mode-selector__trigger.is-open,.chart-renderer-container .chart-bar-mode-selector__trigger.is-open,.chart-renderer-container .chart-line-mode-selector__trigger.is-open,.chart-renderer-container .chart-scatter-mode-selector__trigger.is-open,.chart-renderer-container .chart-heatmap-mode-selector__trigger.is-open,.chart-renderer-container .chart-funnel-mode-selector__trigger.is-open,.chart-renderer-container .chart-bubble-mode-selector__trigger.is-open{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61f,0 2px 8px #3b82f626}.chart-renderer-container .chart-pie-mode-selector__icon,.chart-renderer-container .chart-bar-mode-selector__icon,.chart-renderer-container .chart-line-mode-selector__icon,.chart-renderer-container .chart-scatter-mode-selector__icon,.chart-renderer-container .chart-heatmap-mode-selector__icon,.chart-renderer-container .chart-funnel-mode-selector__icon,.chart-renderer-container .chart-bubble-mode-selector__icon{display:flex;align-items:center;justify-content:center;line-height:1}.chart-renderer-container .chart-pie-mode-selector__icon svg,.chart-renderer-container .chart-bar-mode-selector__icon svg,.chart-renderer-container .chart-line-mode-selector__icon svg,.chart-renderer-container .chart-scatter-mode-selector__icon svg,.chart-renderer-container .chart-heatmap-mode-selector__icon svg,.chart-renderer-container .chart-funnel-mode-selector__icon svg,.chart-renderer-container .chart-bubble-mode-selector__icon svg{width:16px;height:16px}.chart-renderer-container .chart-pie-mode-selector__label,.chart-renderer-container .chart-bar-mode-selector__label,.chart-renderer-container .chart-line-mode-selector__label,.chart-renderer-container .chart-scatter-mode-selector__label,.chart-renderer-container .chart-heatmap-mode-selector__label,.chart-renderer-container .chart-funnel-mode-selector__label,.chart-renderer-container .chart-bubble-mode-selector__label{min-width:80px;text-align:left;white-space:nowrap;letter-spacing:-.01em}.chart-renderer-container .chart-pie-mode-selector__backdrop,.chart-renderer-container .chart-bar-mode-selector__backdrop,.chart-renderer-container .chart-line-mode-selector__backdrop,.chart-renderer-container .chart-scatter-mode-selector__backdrop,.chart-renderer-container .chart-heatmap-mode-selector__backdrop,.chart-renderer-container .chart-funnel-mode-selector__backdrop,.chart-renderer-container .chart-bubble-mode-selector__backdrop{position:fixed;inset:0;z-index:998;background:#00000005}.chart-renderer-container .chart-pie-mode-selector__menu,.chart-renderer-container .chart-bar-mode-selector__menu,.chart-renderer-container .chart-line-mode-selector__menu,.chart-renderer-container .chart-scatter-mode-selector__menu,.chart-renderer-container .chart-heatmap-mode-selector__menu,.chart-renderer-container .chart-funnel-mode-selector__menu,.chart-renderer-container .chart-bubble-mode-selector__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;max-height:400px;overflow-y:auto!important;overflow-x:hidden;background:#fffffffa;border:1px solid rgba(226,232,240,.5);border-radius:8px;box-shadow:0 10px 25px #00000014,0 4px 12px #0000000a,0 0 0 1px #00000005;z-index:9999;animation:menuSlideDown .18s cubic-bezier(.16,1,.3,1);padding:4px;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar,.chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar{width:6px}.chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar-track,.chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar-track{background:transparent;margin:4px 0}.chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar-thumb,.chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar-thumb:hover,.chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar-thumb:hover{background:#94a3b880}.chart-renderer-container .chart-pie-mode-selector__menu,.chart-renderer-container .chart-bar-mode-selector__menu,.chart-renderer-container .chart-line-mode-selector__menu,.chart-renderer-container .chart-scatter-mode-selector__menu,.chart-renderer-container .chart-heatmap-mode-selector__menu,.chart-renderer-container .chart-funnel-mode-selector__menu,.chart-renderer-container .chart-bubble-mode-selector__menu{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-renderer-container .chart-pie-mode-selector__category,.chart-renderer-container .chart-bar-mode-selector__category,.chart-renderer-container .chart-line-mode-selector__category,.chart-renderer-container .chart-scatter-mode-selector__category,.chart-renderer-container .chart-heatmap-mode-selector__category,.chart-renderer-container .chart-funnel-mode-selector__category,.chart-renderer-container .chart-bubble-mode-selector__category{margin-bottom:6px}.chart-renderer-container .chart-pie-mode-selector__category:last-child,.chart-renderer-container .chart-bar-mode-selector__category:last-child,.chart-renderer-container .chart-line-mode-selector__category:last-child,.chart-renderer-container .chart-scatter-mode-selector__category:last-child,.chart-renderer-container .chart-heatmap-mode-selector__category:last-child,.chart-renderer-container .chart-funnel-mode-selector__category:last-child,.chart-renderer-container .chart-bubble-mode-selector__category:last-child{margin-bottom:0}.chart-renderer-container .chart-pie-mode-selector__category-label,.chart-renderer-container .chart-bar-mode-selector__category-label,.chart-renderer-container .chart-line-mode-selector__category-label,.chart-renderer-container .chart-scatter-mode-selector__category-label,.chart-renderer-container .chart-heatmap-mode-selector__category-label,.chart-renderer-container .chart-funnel-mode-selector__category-label,.chart-renderer-container .chart-bubble-mode-selector__category-label{padding:6px 8px 3px;font-family:Inter,sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;border-bottom:1px solid rgba(226,232,240,.4);margin-bottom:2px}.chart-renderer-container .chart-pie-mode-selector__option,.chart-renderer-container .chart-bar-mode-selector__option,.chart-renderer-container .chart-line-mode-selector__option,.chart-renderer-container .chart-scatter-mode-selector__option,.chart-renderer-container .chart-heatmap-mode-selector__option,.chart-renderer-container .chart-funnel-mode-selector__option,.chart-renderer-container .chart-bubble-mode-selector__option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:5px;text-align:left;cursor:pointer;transition:all .12s ease}.chart-renderer-container .chart-pie-mode-selector__option:hover,.chart-renderer-container .chart-bar-mode-selector__option:hover,.chart-renderer-container .chart-line-mode-selector__option:hover,.chart-renderer-container .chart-scatter-mode-selector__option:hover,.chart-renderer-container .chart-heatmap-mode-selector__option:hover,.chart-renderer-container .chart-funnel-mode-selector__option:hover,.chart-renderer-container .chart-bubble-mode-selector__option:hover{background:#f8fafce6}.chart-renderer-container .chart-pie-mode-selector__option.is-selected,.chart-renderer-container .chart-bar-mode-selector__option.is-selected,.chart-renderer-container .chart-line-mode-selector__option.is-selected,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected{background:#3b82f60f}.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-pie-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-line-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option.is-selected .chart-bubble-mode-selector__option-name{color:#2563eb}.chart-renderer-container .chart-pie-mode-selector__option-icon,.chart-renderer-container .chart-bar-mode-selector__option-icon,.chart-renderer-container .chart-line-mode-selector__option-icon,.chart-renderer-container .chart-scatter-mode-selector__option-icon,.chart-renderer-container .chart-heatmap-mode-selector__option-icon,.chart-renderer-container .chart-funnel-mode-selector__option-icon,.chart-renderer-container .chart-bubble-mode-selector__option-icon{display:flex;align-items:center;justify-content:center;width:20px;line-height:1;flex-shrink:0}.chart-renderer-container .chart-pie-mode-selector__option-icon svg,.chart-renderer-container .chart-bar-mode-selector__option-icon svg,.chart-renderer-container .chart-line-mode-selector__option-icon svg,.chart-renderer-container .chart-scatter-mode-selector__option-icon svg,.chart-renderer-container .chart-heatmap-mode-selector__option-icon svg,.chart-renderer-container .chart-funnel-mode-selector__option-icon svg,.chart-renderer-container .chart-bubble-mode-selector__option-icon svg{width:16px;height:16px}.chart-renderer-container .chart-pie-mode-selector__option-name,.chart-renderer-container .chart-bar-mode-selector__option-name,.chart-renderer-container .chart-line-mode-selector__option-name,.chart-renderer-container .chart-scatter-mode-selector__option-name,.chart-renderer-container .chart-heatmap-mode-selector__option-name,.chart-renderer-container .chart-funnel-mode-selector__option-name,.chart-renderer-container .chart-bubble-mode-selector__option-name{flex:1;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;color:#0f172a;white-space:nowrap;letter-spacing:-.01em}.chart-renderer-container .chart-pie-mode-selector__check,.chart-renderer-container .chart-bar-mode-selector__check,.chart-renderer-container .chart-line-mode-selector__check,.chart-renderer-container .chart-scatter-mode-selector__check,.chart-renderer-container .chart-heatmap-mode-selector__check,.chart-renderer-container .chart-funnel-mode-selector__check,.chart-renderer-container .chart-bubble-mode-selector__check{color:#3b82f6;flex-shrink:0}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__trigger,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__trigger{background:#1e293bf2;border-color:#47556980;color:#94a3b8;box-shadow:0 1px 3px #0003,0 0 0 1px #0000001a}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__trigger:hover,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__trigger:hover{border-color:#60a5fa;color:#60a5fa;background:#1e293b;box-shadow:0 2px 6px #60a5fa1f,0 0 0 1px #60a5fa33}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__trigger.is-open,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__trigger.is-open{border-color:#60a5fa;background:#1e293b;box-shadow:0 0 0 2px #60a5fa26,0 2px 8px #60a5fa33}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__backdrop,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__backdrop{background:#00000026}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__menu{background:#1e293bfa;border-color:#47556980;box-shadow:0 10px 30px #0000004d,0 4px 15px #0003,0 0 0 1px #0000001a}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar-thumb,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar-thumb{background:#94a3b833}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__menu::-webkit-scrollbar-thumb:hover{background:#94a3b866}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__menu,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__menu{scrollbar-color:rgba(148,163,184,.2) transparent}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__category-label,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__category-label{color:#64748b;border-bottom-color:#47556966}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__option:hover,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__option:hover{background:#33415580}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__option.is-selected,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__option.is-selected{background:#60a5fa1a}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__option-name,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__option-name{color:#f1f5f9}[data-theme=dark] .chart-renderer-container .chart-pie-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-bar-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-line-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-scatter-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-heatmap-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-funnel-mode-selector__check,[data-theme=dark] .chart-renderer-container .chart-bubble-mode-selector__check{color:#60a5fa}.chart-renderer-container .chart-expand-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#fffffffa;border:1px solid rgba(226,232,240,.5);border-radius:5px;color:#64748b;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:998;box-shadow:0 1px 2px #0000000a,0 0 0 1px #00000005}.chart-renderer-container .chart-expand-btn:hover{background:#fff;border-color:#3b82f6;color:#2563eb;transform:scale(1.08);box-shadow:0 2px 6px #3b82f61f,0 0 0 1px #3b82f626}.chart-renderer-container .chart-expand-btn svg{stroke-width:2.5;width:13px;height:13px}.chart-renderer-container:hover .chart-expand-btn{opacity:1}[data-theme=dark] .chart-renderer-container .chart-expand-btn{background:#1e293bf2;border-color:#47556980;color:#94a3b8}[data-theme=dark] .chart-renderer-container .chart-expand-btn:hover{background:#1e293b;border-color:#60a5fa;color:#60a5fa}.chart-fullscreen-modal{position:fixed;inset:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:9999;display:flex;flex-direction:column;animation:modalFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chart-fullscreen-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;font-family:Inter,-apple-system,system-ui,sans-serif}.chart-fullscreen-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:1px solid rgba(226,232,240,.5);border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.chart-fullscreen-close:hover{background:#ef444414;border-color:#ef4444;color:#ef4444;transform:rotate(90deg) scale(1.05);box-shadow:0 2px 8px #ef444426}.chart-fullscreen-close svg{stroke-width:2.5}.chart-fullscreen-content{flex:1;padding:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.chart-fullscreen-content>div{width:100%;height:100%;max-width:100%;max-height:100%}@media(max-width:768px){.chart-renderer-container .chart-pie-mode-selector,.chart-renderer-container .chart-bar-mode-selector,.chart-renderer-container .chart-line-mode-selector,.chart-renderer-container .chart-scatter-mode-selector,.chart-renderer-container .chart-heatmap-mode-selector,.chart-renderer-container .chart-funnel-mode-selector,.chart-renderer-container .chart-bubble-mode-selector{left:6px}.chart-renderer-container .chart-pie-mode-selector__trigger,.chart-renderer-container .chart-bar-mode-selector__trigger,.chart-renderer-container .chart-line-mode-selector__trigger,.chart-renderer-container .chart-scatter-mode-selector__trigger,.chart-renderer-container .chart-heatmap-mode-selector__trigger,.chart-renderer-container .chart-funnel-mode-selector__trigger,.chart-renderer-container .chart-bubble-mode-selector__trigger{padding:4px 8px;font-size:10px}.chart-renderer-container .chart-pie-mode-selector__icon svg,.chart-renderer-container .chart-bar-mode-selector__icon svg,.chart-renderer-container .chart-line-mode-selector__icon svg,.chart-renderer-container .chart-scatter-mode-selector__icon svg,.chart-renderer-container .chart-heatmap-mode-selector__icon svg,.chart-renderer-container .chart-funnel-mode-selector__icon svg,.chart-renderer-container .chart-bubble-mode-selector__icon svg{width:14px;height:14px}.chart-renderer-container .chart-pie-mode-selector__label,.chart-renderer-container .chart-bar-mode-selector__label,.chart-renderer-container .chart-line-mode-selector__label,.chart-renderer-container .chart-scatter-mode-selector__label,.chart-renderer-container .chart-heatmap-mode-selector__label,.chart-renderer-container .chart-funnel-mode-selector__label,.chart-renderer-container .chart-bubble-mode-selector__label{min-width:70px;font-size:10px}}@media(max-width:480px){.chart-renderer-container .chart-pie-mode-selector,.chart-renderer-container .chart-bar-mode-selector,.chart-renderer-container .chart-line-mode-selector,.chart-renderer-container .chart-scatter-mode-selector,.chart-renderer-container .chart-heatmap-mode-selector,.chart-renderer-container .chart-funnel-mode-selector,.chart-renderer-container .chart-bubble-mode-selector{left:6px}.chart-renderer-container .chart-pie-mode-selector__label,.chart-renderer-container .chart-bar-mode-selector__label,.chart-renderer-container .chart-line-mode-selector__label,.chart-renderer-container .chart-scatter-mode-selector__label,.chart-renderer-container .chart-heatmap-mode-selector__label,.chart-renderer-container .chart-funnel-mode-selector__label,.chart-renderer-container .chart-bubble-mode-selector__label{display:none}.chart-renderer-container .chart-pie-mode-selector__menu,.chart-renderer-container .chart-bar-mode-selector__menu,.chart-renderer-container .chart-line-mode-selector__menu,.chart-renderer-container .chart-scatter-mode-selector__menu,.chart-renderer-container .chart-heatmap-mode-selector__menu,.chart-renderer-container .chart-funnel-mode-selector__menu,.chart-renderer-container .chart-bubble-mode-selector__menu{left:0}.chart-renderer-container .chart-expand-btn{opacity:1!important}}:root{--chart-primary: #2563eb;--chart-primary-light: #3b82f6;--chart-success: #059669;--chart-warning: #d97706;--chart-error: #dc2626;--chart-transition: cubic-bezier(.22, 1, .36, 1)}.chart{width:100%;display:flex;flex-direction:column;gap:20px}.chart__library-selector-top{margin-bottom:8px}.chart__canvas{width:100%;height:480px;padding:20px;background:linear-gradient(180deg,var(--bg-secondary, rgba(248, 250, 252, .6)) 0%,transparent 100%);border-radius:14px;position:relative;border:1px solid var(--border-subtle, rgba(226, 232, 240, .5))}.chart__canvas canvas{max-width:100%!important;animation:chartFadeIn .6s var(--chart-transition)}.chart-library-wrapper{width:100%;height:100%;transition:opacity .15s ease}.chart-library-wrapper.chart-transitioning{opacity:.5}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;gap:12px}.chart-loading__spinner{color:var(--chart-primary);animation:spin 1s linear infinite}.chart-loading__text{font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--text-tertiary, #94a3b8)}.chart-loading--dark .chart-loading__spinner{color:#60a5fa}.chart-loading--dark .chart-loading__text{color:#64748b}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chart__footer{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--border-subtle, rgba(226, 232, 240, .5));animation:footerSlideUp .4s var(--chart-transition) .2s both}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart__info{display:flex;align-items:center;gap:12px}.chart__data-count{font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--text-tertiary, #64748b);padding:8px 14px;background:var(--bg-tertiary, rgba(241, 245, 249, .8));border-radius:8px;border:1px solid var(--border-subtle, rgba(226, 232, 240, .6))}.chart__actions{display:flex;gap:10px;align-items:center}.chart-library-inline{position:relative}.chart-library-inline__trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-card, rgba(255, 255, 255, .95));border:1px solid var(--border-default, rgba(226, 232, 240, .8));border-radius:8px;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s var(--chart-transition)}.chart-library-inline__trigger svg{transition:transform .2s ease}.chart-library-inline__trigger svg.rotated{transform:rotate(180deg)}.chart-library-inline__trigger:hover{border-color:var(--chart-primary-light);color:var(--chart-primary)}.chart-library-inline__trigger.is-open{border-color:var(--chart-primary);box-shadow:0 0 0 3px #3b82f61a}.chart-library-inline__backdrop{position:fixed;inset:0;z-index:999}.chart-library-inline__menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:240px;background:var(--surface-card, #ffffff);border:1px solid var(--border-default, rgba(226, 232, 240, .8));border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 10px #0000000f;z-index:1000;overflow:hidden;animation:menuSlideUp .2s var(--chart-transition);padding:6px}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chart-library-inline__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease}.chart-library-inline__option:hover{background:var(--bg-secondary, rgba(248, 250, 252, .8))}.chart-library-inline__option.is-selected{background:#3b82f614}.chart-library-inline__option.is-selected .chart-library-inline__option-name{color:var(--chart-primary)}.chart-library-inline__option-icon{font-size:16px;width:24px;text-align:center}.chart-library-inline__option-info{flex:1;display:flex;flex-direction:column;gap:2px}.chart-library-inline__option-name{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary, #0f172a)}.chart-library-inline__option-size{font-size:11px;color:var(--text-tertiary, #94a3b8)}.chart-library-inline__check{color:var(--chart-primary)}.chart-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface-card, rgba(255, 255, 255, .95));border:1px solid var(--border-default, rgba(226, 232, 240, .8));border-radius:10px;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .25s var(--chart-transition);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.chart-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3b82f600,#3b82f60a);opacity:0;transition:opacity .3s ease}.chart-action-btn svg{flex-shrink:0;stroke-width:2;transition:transform .2s var(--chart-transition)}.chart-action-btn span{position:relative;z-index:1}.chart-action-btn:hover{background:var(--surface-card-hover, #ffffff);border-color:var(--chart-primary-light);color:var(--chart-primary);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61f,0 2px 4px #0000000a}.chart-action-btn:hover:before{opacity:1}.chart-action-btn:hover svg{transform:scale(1.08)}.chart-action-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.chart-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f640,0 1px 2px #0000000a}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 32px;min-height:440px;animation:emptyFadeIn .5s ease;background:linear-gradient(180deg,var(--bg-secondary, rgba(248, 250, 252, .4)) 0%,transparent 100%);border-radius:14px;border:1px dashed var(--border-default, rgba(203, 213, 225, .6))}@keyframes emptyFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chart-empty__icon{color:var(--text-tertiary, #94a3b8);opacity:.4;margin-bottom:24px;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chart-empty__title{font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary, #0f172a);margin:0 0 8px}.chart-empty__description{font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:var(--text-secondary, #64748b);margin:0;max-width:300px}@media(max-width:1024px){.chart__canvas{height:420px;padding:18px}}@media(max-width:768px){.chart__canvas{height:380px;padding:16px}.chart__footer{flex-direction:column;gap:16px;align-items:stretch;padding:16px 0}.chart__info{justify-content:center;flex-wrap:wrap}.chart__actions{justify-content:stretch;flex-wrap:wrap}.chart__actions .chart-action-btn{flex:1;justify-content:center;min-width:120px}.chart-library-inline__menu{left:50%;transform:translate(-50%)}}@media(max-width:480px){.chart{gap:16px}.chart__canvas{height:320px;padding:14px;border-radius:12px}.chart__footer{padding:14px 0;gap:14px}.chart__data-count{font-size:11px;padding:6px 12px}.chart__actions{flex-direction:column;gap:8px}.chart__actions .chart-action-btn{width:100%;padding:12px 16px}.chart__actions .chart-action-btn span{flex:1;text-align:center}.chart-empty{padding:40px 24px;min-height:320px}.chart-empty__icon{width:52px;height:52px}.chart-empty__title{font-size:16px}.chart-empty__description{font-size:13px}.chart-library-inline{width:100%}.chart-library-inline__trigger{width:100%;justify-content:center}.chart-library-inline__menu{width:calc(100vw - 32px);left:50%;transform:translate(-50%)}}.theme-dark .chart__canvas,[data-theme=dark] .chart__canvas{background:linear-gradient(180deg,rgba(30,41,59,.5) 0%,transparent 100%);border-color:#33415580}.theme-dark .chart__footer,[data-theme=dark] .chart__footer{border-top-color:#33415580}.theme-dark .chart__data-count,[data-theme=dark] .chart__data-count{background:#1e293bcc;border-color:#33415599;color:#94a3b8}.theme-dark .chart-action-btn,[data-theme=dark] .chart-action-btn{background:#1e293be6;border-color:#47556980;color:#cbd5e1}.theme-dark .chart-action-btn:hover,[data-theme=dark] .chart-action-btn:hover{background:#334155f2;border-color:#60a5fa;color:#60a5fa;box-shadow:0 4px 12px #60a5fa26,0 2px 4px #0003}.theme-dark .chart-action-btn:focus-visible,[data-theme=dark] .chart-action-btn:focus-visible{box-shadow:0 0 0 3px #60a5fa4d,0 1px 2px #0003}.theme-dark .chart-library-inline__trigger,[data-theme=dark] .chart-library-inline__trigger{background:#1e293be6;border-color:#47556980;color:#94a3b8}.theme-dark .chart-library-inline__trigger:hover,[data-theme=dark] .chart-library-inline__trigger:hover{border-color:#60a5fa;color:#60a5fa}.theme-dark .chart-library-inline__trigger.is-open,[data-theme=dark] .chart-library-inline__trigger.is-open{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.theme-dark .chart-library-inline__menu,[data-theme=dark] .chart-library-inline__menu{background:#1e293b;border-color:#47556980;box-shadow:0 10px 40px #0006,0 2px 10px #0003}.theme-dark .chart-library-inline__option:hover,[data-theme=dark] .chart-library-inline__option:hover{background:#33415580}.theme-dark .chart-library-inline__option.is-selected,[data-theme=dark] .chart-library-inline__option.is-selected{background:#60a5fa1a}.theme-dark .chart-library-inline__option-name,[data-theme=dark] .chart-library-inline__option-name{color:#f1f5f9}.theme-dark .chart-library-inline__option-size,[data-theme=dark] .chart-library-inline__option-size{color:#64748b}.theme-dark .chart-library-inline__check,[data-theme=dark] .chart-library-inline__check{color:#60a5fa}.theme-dark .chart-empty,[data-theme=dark] .chart-empty{background:linear-gradient(180deg,rgba(30,41,59,.4) 0%,transparent 100%);border-color:#33415580}.theme-dark .chart-empty__icon,[data-theme=dark] .chart-empty__icon{color:#64748b}.theme-dark .chart-empty__title,[data-theme=dark] .chart-empty__title{color:#f1f5f9}.theme-dark .chart-empty__description,[data-theme=dark] .chart-empty__description{color:#94a3b8}@media print{.chart__footer{display:none}.chart__canvas{background:none;border:1px solid #e2e8f0;page-break-inside:avoid}.chart__library-selector-top{display:none}}@media(prefers-reduced-motion:reduce){.chart__canvas canvas,.chart__footer,.chart-empty,.chart-empty__icon,.chart-action-btn,.chart-library-wrapper,.chart-library-inline__menu,.chart-loading__spinner{animation:none!important;transition:none!important}}.chart__pie-mode-selector-top{margin-bottom:16px;display:flex;justify-content:flex-end}.chart-pie-mode{position:relative}.chart-pie-mode__trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-card, rgba(255, 255, 255, .95));border:1px solid var(--border-default, rgba(226, 232, 240, .8));border-radius:10px;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s var(--chart-transition);box-shadow:0 1px 2px #0000000a}.chart-pie-mode__trigger svg{transition:transform .2s ease}.chart-pie-mode__trigger svg.rotated{transform:rotate(180deg)}.chart-pie-mode__trigger:hover{border-color:var(--chart-primary-light);color:var(--chart-primary);box-shadow:0 2px 8px #3b82f61a}.chart-pie-mode__trigger.is-open{border-color:var(--chart-primary);box-shadow:0 0 0 3px #3b82f61a}.chart-pie-mode__icon{font-size:16px}.chart-pie-mode__label{min-width:120px;text-align:left}.chart-pie-mode__backdrop{position:fixed;inset:0;z-index:999}.chart-pie-mode__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--surface-card, #ffffff);border:1px solid var(--border-default, rgba(226, 232, 240, .8));border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 10px #0000000f;z-index:1000;overflow:hidden;animation:menuSlideDown .2s var(--chart-transition);padding:6px}.chart-pie-mode__option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease}.chart-pie-mode__option:hover{background:var(--bg-secondary, rgba(248, 250, 252, .8))}.chart-pie-mode__option.is-selected{background:#3b82f614}.chart-pie-mode__option.is-selected .chart-pie-mode__option-name{color:var(--chart-primary)}.chart-pie-mode__option-icon{font-size:18px;width:28px;text-align:center}.chart-pie-mode__option-name{flex:1;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary, #0f172a)}.chart-pie-mode__check{color:var(--chart-primary);flex-shrink:0}.theme-dark .chart-pie-mode__trigger,[data-theme=dark] .chart-pie-mode__trigger{background:#1e293be6;border-color:#47556980;color:#94a3b8}.theme-dark .chart-pie-mode__trigger:hover,[data-theme=dark] .chart-pie-mode__trigger:hover{border-color:#60a5fa;color:#60a5fa;box-shadow:0 2px 8px #60a5fa26}.theme-dark .chart-pie-mode__trigger.is-open,[data-theme=dark] .chart-pie-mode__trigger.is-open{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.theme-dark .chart-pie-mode__menu,[data-theme=dark] .chart-pie-mode__menu{background:#1e293b;border-color:#47556980;box-shadow:0 10px 40px #0006,0 2px 10px #0003}.theme-dark .chart-pie-mode__option:hover,[data-theme=dark] .chart-pie-mode__option:hover{background:#33415580}.theme-dark .chart-pie-mode__option.is-selected,[data-theme=dark] .chart-pie-mode__option.is-selected{background:#60a5fa1a}.theme-dark .chart-pie-mode__option-name,[data-theme=dark] .chart-pie-mode__option-name{color:#f1f5f9}.theme-dark .chart-pie-mode__check,[data-theme=dark] .chart-pie-mode__check{color:#60a5fa}@media(max-width:768px){.chart__pie-mode-selector-top{margin-bottom:12px}.chart-pie-mode{width:100%}.chart-pie-mode__trigger{width:100%;justify-content:space-between}.chart-pie-mode__menu{left:0;right:0;width:100%}}.insightscard-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap-md);margin-bottom:var(--spacing-8);animation:kpiSlideIn .4s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.insightscard-kpi-grid{gap:var(--grid-gap-sm);margin-bottom:var(--spacing-6)}}@media(max-width:768px){.insightscard-kpi-grid{gap:var(--spacing-2);margin-bottom:var(--spacing-5)}}@media(max-width:480px){.insightscard-kpi-grid{gap:var(--spacing-2);margin-bottom:var(--spacing-4)}}.insightscard-kpi-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--spacing-4);position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0}.insightscard-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.insightscard-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-default)}.insightscard-kpi-card:hover:before{transform:translate(0)}.insightscard-kpi-card:hover .insightscard-kpi-card__value{color:var(--brand-primary)}@media(max-width:1024px){.insightscard-kpi-card{padding:var(--spacing-3)}}@media(max-width:768px){.insightscard-kpi-card{padding:var(--spacing-2) var(--spacing-3)}}@media(max-width:480px){.insightscard-kpi-card{padding:var(--spacing-2)}}.insightscard-kpi-card__header{margin-bottom:var(--spacing-2)}@media(max-width:768px){.insightscard-kpi-card__header{margin-bottom:var(--spacing-1)}}.insightscard-kpi-card__label{display:block;font:var(--type-label);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.insightscard-kpi-card__label{font-size:.65rem;letter-spacing:.03em}}@media(max-width:768px){.insightscard-kpi-card__label{font-size:.6rem}}@media(max-width:480px){.insightscard-kpi-card__label{font-size:.55rem}}.insightscard-kpi-card__body{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2);min-width:0}@media(max-width:768px){.insightscard-kpi-card__body{gap:var(--spacing-1);margin-bottom:var(--spacing-1)}}.insightscard-kpi-card__value{font:var(--type-data-medium);color:var(--text-primary);font-variant-numeric:tabular-nums;transition:color .2s ease;line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}@media(max-width:1024px){.insightscard-kpi-card__value{font-size:var(--text-xl)}}@media(max-width:768px){.insightscard-kpi-card__value{font-size:var(--text-lg)}}@media(max-width:480px){.insightscard-kpi-card__value{font-size:var(--text-base)}}.insightscard-kpi-card__trend{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font:var(--type-caption-medium);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.insightscard-kpi-card__trend--up{color:var(--status-success);background:var(--status-success-bg)}.insightscard-kpi-card__trend--down{color:var(--status-error);background:var(--status-error-bg)}.insightscard-kpi-card__trend--stable{color:var(--text-secondary);background:var(--bg-tertiary)}@media(max-width:1024px){.insightscard-kpi-card__trend{padding:2px 4px;gap:2px}}@media(max-width:768px){.insightscard-kpi-card__trend{padding:1px 3px}}@media(max-width:480px){.insightscard-kpi-card__trend{padding:1px 2px}}.insightscard-kpi-card__trend-icon{width:14px;height:14px;flex-shrink:0}@media(max-width:1024px){.insightscard-kpi-card__trend-icon{width:12px;height:12px}}@media(max-width:768px){.insightscard-kpi-card__trend-icon{width:10px;height:10px}}@media(max-width:480px){.insightscard-kpi-card__trend-icon{width:8px;height:8px}}.insightscard-kpi-card__trend-text{font-variant-numeric:tabular-nums}@media(max-width:1024px){.insightscard-kpi-card__trend-text{font-size:.65rem}}@media(max-width:768px){.insightscard-kpi-card__trend-text{font-size:.6rem}}@media(max-width:480px){.insightscard-kpi-card__trend-text{font-size:.55rem}}.insightscard-kpi-card__footer{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}@media(max-width:768px){.insightscard-kpi-card__footer{margin-top:var(--spacing-1);padding-top:var(--spacing-1)}}.insightscard-kpi-card__description{display:block;font:var(--type-caption);color:var(--text-tertiary);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.insightscard-kpi-card__description{font-size:.65rem}}@media(max-width:768px){.insightscard-kpi-card__description{font-size:.6rem}}@media(max-width:480px){.insightscard-kpi-card__description{font-size:.55rem}}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media print{.insightscard-kpi-grid{break-inside:avoid;margin-bottom:var(--spacing-6)}.insightscard-kpi-card{box-shadow:none;border-color:var(--border-default)}.insightscard-kpi-card:hover{transform:none;box-shadow:none}.insightscard-kpi-card:before{display:none}}[data-density=compact] .insightscard-kpi-card{padding:var(--spacing-2)}[data-density=compact] .insightscard-kpi-card__value{font-size:var(--text-lg)}[data-density=compact] .insightscard-kpi-grid{gap:var(--spacing-2)}.chart-tab{width:100%;height:100%;background:#eff5ff;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-5)}.chart-tab__content{position:relative;width:100%;flex:1;min-height:0}.chart-tab--empty{display:flex;align-items:center;justify-content:center}.chart-empty{text-align:center;padding:var(--spacing-12);animation:fadeIn .5s ease;max-width:400px}.chart-empty__icon{color:var(--text-tertiary);opacity:.5;margin:0 auto var(--spacing-6);animation:pulse 2s infinite}.chart-empty__title{font:var(--type-heading-3);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.chart-empty__description{font:var(--type-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.25}}@media(max-width:768px){.chart-tab__content{padding:var(--spacing-4)}.chart-empty{padding:var(--spacing-8)}.chart-empty__icon{width:48px;height:48px}.chart-empty__title{font:var(--type-heading-4)}.chart-empty__description{font:var(--type-body-sm)}}@media(max-width:480px){.chart-tab__content{padding:var(--spacing-3)}.chart-empty{padding:var(--spacing-6)}.chart-empty__icon{width:40px;height:40px;margin-bottom:var(--spacing-4)}}@media print{.chart-tab{border:1px solid var(--border-subtle);break-inside:avoid;page-break-inside:avoid}}.insight-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.insight-card__header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-shrink:0}.insight-card__title{font:var(--type-heading-3);color:var(--text-primary);margin:0;flex:1;min-width:0;line-height:var(--leading-snug)}.insight-card__actions{display:flex;gap:var(--spacing-2);align-items:center}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-button);font:var(--type-ui-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0}.action-btn svg{flex-shrink:0}.action-btn:hover{background:var(--surface-card-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn:active{transform:translateY(0)}.action-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.action-btn--active,.action-btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.action-btn--primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--text-inverse)}.insight-card__content{flex:1;min-height:0;overflow:hidden}.insight-panel{position:absolute;top:0;right:0;bottom:0;width:50%;min-width:400px;background:var(--surface-card);border-left:1px solid var(--border-default);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;display:flex;flex-direction:column}.insight-panel--open{transform:translate(0)}.insight-panel__header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.insight-panel__title{font:var(--type-heading-4);color:var(--text-primary);margin:0}.insight-panel__actions{display:flex;gap:var(--spacing-2);align-items:center}.panel-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-button);padding:var(--spacing-2) var(--spacing-3);font:var(--type-ui-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.panel-action-btn svg{opacity:.7;transition:opacity .2s ease}.panel-action-btn:hover{background:var(--surface-card-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.panel-action-btn:hover svg{opacity:1}.panel-action-btn:active{transform:translateY(0)}.panel-action-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.panel-close-btn{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-button);padding:var(--spacing-2);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.panel-close-btn:hover{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error)}.panel-close-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.insight-panel__body{flex:1;overflow-y:auto;padding:var(--spacing-6)}.insight-panel__body::-webkit-scrollbar{width:8px}.insight-panel__body::-webkit-scrollbar-track{background:var(--bg-secondary)}.insight-panel__body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.insight-panel__body::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.insight-panel__backdrop{position:absolute;inset:0;background:var(--bg-overlay);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:90;animation:fadeIn .2s ease;cursor:pointer}.data-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font:var(--type-body-sm)}.data-table th{background:var(--bg-tertiary);color:var(--text-primary);font:var(--type-label-lg);padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0;z-index:10}.data-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.data-table td:first-child{font-weight:var(--font-medium);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.data-table tbody tr:hover{background:var(--chart-hover-overlay)}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:var(--spacing-4);color:var(--text-tertiary)}.empty-state svg{opacity:.3;color:var(--text-secondary)}.empty-state p{margin:0;font:var(--type-body);font-style:italic}@media(max-width:1024px){.insight-panel{width:60%;min-width:350px}}@media(max-width:768px){.insight-card__header{padding:var(--spacing-3) var(--spacing-4)}.insight-card__title{font:var(--type-heading-4)}.action-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.action-btn span{display:none}.insight-panel{width:85%;min-width:0}.insight-panel__header{padding:var(--spacing-3) var(--spacing-4)}.insight-panel__title{font:var(--type-body-lg)}.insight-panel__body{padding:var(--spacing-4)}.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--spacing-2) var(--spacing-3)}}@media(max-width:480px){.insight-card__header{padding:var(--spacing-2) var(--spacing-3)}.insight-panel{width:100%}}.sdq-modal-overlay{position:fixed;inset:0;background:var(--backdrop-overlay);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);animation:sdq-fade-in var(--motion-fast) var(--ease-smooth)}.sdq-modal{background:var(--surface-card);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--border-subtle);animation:sdq-slide-up var(--motion-base) var(--ease-emphasized);overflow:hidden;position:relative}@media(max-width:640px){.sdq-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}}.sdq-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0}@media(max-width:640px){.sdq-modal__header{padding:var(--spacing-5)}}.sdq-modal__header-content{display:flex;align-items:center;gap:var(--spacing-4);flex:1;min-width:0}.sdq-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));border-radius:var(--radius-lg);color:var(--text-inverse);flex-shrink:0;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.28);position:relative;overflow:hidden}.sdq-modal__icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.12));opacity:1}.sdq-modal__title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.sdq-modal__title{font:var(--type-heading-4);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.sdq-modal__subtitle{font:var(--type-caption);color:var(--text-tertiary);margin:0}.sdq-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);flex-shrink:0}.sdq-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.sdq-modal__close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sdq-modal__close:active{transform:scale(.95)}.sdq-modal__body{padding:var(--spacing-6);overflow-y:auto;flex:1;min-height:0}.sdq-modal__body::-webkit-scrollbar{width:6px}.sdq-modal__body::-webkit-scrollbar-track{background:transparent}.sdq-modal__body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.sdq-modal__body::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}@media(max-width:640px){.sdq-modal__body{padding:var(--spacing-5)}}.sdq-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font:var(--type-body-sm);margin-bottom:var(--spacing-5);animation:sdq-slide-down var(--motion-base) var(--ease-smooth)}.sdq-alert--error{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error-text)}.sdq-alert__icon{flex-shrink:0;font-size:var(--text-lg);line-height:1}.sdq-alert__content{flex:1;min-width:0}.sdq-dashboard-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.sdq-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);text-align:left;width:100%;position:relative}.sdq-option:hover{border-color:var(--brand-primary);background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sdq-option:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sdq-option:active{transform:translateY(0) scale(.99)}.sdq-option--selected{border-color:var(--brand-primary);background:var(--brand-subtle);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.sdq-option--selected .sdq-option__indicator{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}.sdq-option--selected .sdq-option__icon{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.12)}.sdq-option--selected:hover{background:var(--brand-subtle);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1),var(--shadow-md)}.sdq-option__indicator{width:22px;height:22px;border:2px solid var(--border-medium);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--motion-fast) var(--ease-smooth);color:transparent}.sdq-option__indicator svg{animation:sdq-check-pop var(--motion-fast) var(--ease-bounce)}.sdq-option__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-option__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sdq-option__header{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.sdq-option__name{font:var(--type-ui-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.sdq-option__desc{font:var(--type-caption);color:var(--text-tertiary)}.sdq-option__badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.4;white-space:nowrap}.sdq-option__badge--default{background:#4a9bb81f;color:#2e6d84;border:1px solid rgba(74,155,184,.24)}.sdq-option__badge--pinned{background:#89a3e81f;color:#5272c4;border:1px solid rgba(137,163,232,.24)}[data-theme=dark] .sdq-option__badge--default{background:#90d4ed29;color:#90d4ed;border:1px solid rgba(144,212,237,.28)}[data-theme=dark] .sdq-option__badge--pinned{background:#94b2f029;color:#94b2f0;border:1px solid rgba(148,178,240,.28)}.sdq-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);border:1.5px dashed var(--border-medium);border-radius:var(--radius-lg);background:transparent;color:var(--brand-primary);font:var(--type-ui-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.sdq-create-btn:hover{border-color:var(--brand-primary);background:var(--brand-subtle);border-style:solid;transform:translateY(-1px)}.sdq-create-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sdq-create-btn:active{transform:scale(.98)}.sdq-create-btn svg{flex-shrink:0}.sdq-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.sdq-form__group{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq-form__label{display:block;font:var(--type-label);color:var(--text-secondary);margin:0}.sdq-form__input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font:var(--type-body);color:var(--text-primary);background:var(--surface-input);transition:all var(--motion-fast) var(--ease-smooth)}.sdq-form__input::placeholder{color:var(--text-placeholder)}.sdq-form__input:hover:not(:disabled){border-color:var(--border-medium);background:var(--surface-input-hover)}.sdq-form__input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-input-focus);box-shadow:var(--shadow-focus)}.sdq-form__input:disabled{opacity:.5;cursor:not-allowed}.sdq-form__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.sdq-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0}@media(max-width:640px){.sdq-modal__footer{padding:var(--spacing-4) var(--spacing-5)}}.sdq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font:var(--type-ui-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);border:none;white-space:nowrap;min-width:100px;position:relative;overflow:hidden}.sdq-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sdq-btn:focus-visible{outline:none}.sdq-btn:active:not(:disabled){transform:scale(.97)}.sdq-btn svg{flex-shrink:0}.sdq-btn--primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:var(--text-inverse);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.28)}.sdq-btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.12));opacity:0;transition:opacity var(--motion-fast) var(--ease-smooth)}.sdq-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.36)}.sdq-btn--primary:hover:not(:disabled):before{opacity:1}.sdq-btn--primary:focus-visible{box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.24),0 2px 8px rgba(var(--brand-primary-rgb),.28)}.sdq-btn--ghost{background:transparent;border:1.5px solid var(--border-default);color:var(--text-secondary)}.sdq-btn--ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.sdq-btn--ghost:focus-visible{box-shadow:var(--shadow-focus)}.sdq-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:sdq-spin .6s linear infinite;flex-shrink:0}@keyframes sdq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sdq-slide-up{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sdq-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sdq-check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes sdq-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.sdq-modal{border-radius:var(--radius-md);max-height:100vh}.sdq-modal__icon{width:40px;height:40px}.sdq-form__actions,.sdq-modal__footer{flex-direction:column}.sdq-form__actions .sdq-btn,.sdq-modal__footer .sdq-btn{width:100%;min-width:auto}.sdq-option{padding:var(--spacing-3)}.sdq-option__icon{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.sdq-modal-overlay,.sdq-modal,.sdq-alert,.sdq-option,.sdq-btn,.sdq-create-btn{animation:none;transition:none}.sdq-spinner{animation:none}}[data-theme=dark] .sdq-modal__icon{box-shadow:0 4px 16px rgba(var(--brand-primary-rgb),.36)}[data-theme=dark] .sdq-option--selected{box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.14)}[data-theme=dark] .sdq-option--selected:hover{box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.14),var(--shadow-md)}[data-theme=dark] .sdq-btn--primary{box-shadow:0 2px 12px rgba(var(--brand-primary-rgb),.36)}[data-theme=dark] .sdq-btn--primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--brand-primary-rgb),.44)}.history-sidebar{width:320px;height:91vh;background:var(--bg-primary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;z-index:50;transform:translate(-100%);transition:transform var(--motion-slow) var(--ease-emphasized)}.history-sidebar:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:70%;height:50%;background:radial-gradient(ellipse at center,rgba(var(--brand-primary-rgb),.025) 0%,transparent 65%);pointer-events:none;opacity:1;filter:blur(40px)}.history-sidebar--open{transform:translate(0)}@media(max-width:1024px){.history-sidebar{position:absolute;top:0;left:0;z-index:1000;box-shadow:var(--shadow-2xl)}}@media(max-width:768px){.history-sidebar{width:280px}}.history-sidebar__content{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:1}.history-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;position:relative}.history-sidebar__header:after{content:"";position:absolute;bottom:0;left:var(--spacing-4);right:var(--spacing-4);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--brand-primary-rgb),.15) 50%,transparent 100%)}.history-sidebar__header-text{flex:1;min-width:0;display:flex;justify-items:space-between}.history-sidebar__title{font:var(--type-heading-5);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.history-sidebar__subtitle{font:var(--type-caption);color:var(--text-tertiary);margin:var(--spacing-1) 0 0 0;letter-spacing:var(--tracking-wide)}.history-sidebar__close-btn{width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--ease-smooth);flex-shrink:0}.history-sidebar__close-btn:hover{background:var(--surface-hover);border-color:var(--border-subtle);color:var(--text-primary);transform:rotate(90deg)}.history-sidebar__close-btn:active{background:var(--surface-active);transform:rotate(90deg) scale(.9)}.history-sidebar__close-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.history-sidebar__search{padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.history-sidebar__search-input{position:relative;display:flex;align-items:center}.history-sidebar__search-icon{position:absolute;left:var(--spacing-3);color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--motion-fast) var(--ease-smooth)}.history-sidebar__input{width:100%;height:36px;padding:0 var(--spacing-3) 0 var(--spacing-10);background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font:var(--type-ui-sm);color:var(--text-primary);outline:none;transition:all var(--motion-fast) var(--ease-smooth)}.history-sidebar__input::placeholder{color:var(--text-placeholder)}.history-sidebar__input:hover{border-color:var(--border-medium);background:var(--surface-input-hover)}.history-sidebar__input:focus{background:var(--surface-input-focus);border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.history-sidebar__input:focus~.history-sidebar__search-icon{color:var(--brand-primary)}.history-sidebar__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.history-sidebar__list{flex:1;overflow-y:auto;padding:var(--spacing-2) var(--spacing-3) var(--spacing-3)}.history-sidebar__list::-webkit-scrollbar{width:5px}.history-sidebar__list::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.history-sidebar__list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);transition:background var(--motion-fast) var(--ease-smooth)}.history-sidebar__list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.history-sidebar__list{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.history-item{padding:var(--spacing-3);margin-bottom:var(--spacing-2);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--motion-fast) var(--ease-smooth);display:flex;align-items:flex-start;gap:var(--spacing-2)}.history-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.02) 0%,transparent 100%);border-radius:var(--radius-md);opacity:0;transition:opacity var(--motion-fast) var(--ease-smooth);pointer-events:none}.history-item:hover{background:var(--surface-card-hover);border-color:var(--border-default);transform:translate(2px);box-shadow:var(--shadow-sm)}.history-item:hover:before{opacity:1}.history-item:hover .history-item__delete{opacity:1;pointer-events:all}.history-item:hover .history-item__icon{background:var(--surface-selected);transform:scale(1.05)}.history-item:active{transform:translate(1px)}.history-item:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.history-item__main{display:flex;align-items:flex-start;gap:var(--spacing-3);flex:1;min-width:0;position:relative;z-index:1}.history-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-subtle);border-radius:var(--radius-sm);color:var(--brand-primary);flex-shrink:0;transition:all var(--motion-fast) var(--ease-smooth)}.history-item__content{flex:1;min-width:0;padding-top:1px}.history-item__question{font:var(--type-ui-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0;line-height:var(--leading-snug);word-break:break-word;transition:color var(--motion-fast) var(--ease-smooth)}.history-item:hover .history-item__question{color:var(--brand-primary)}.history-item__meta{display:flex;align-items:center;gap:var(--spacing-1);font:var(--type-caption);color:var(--text-tertiary);line-height:1}.history-item__timestamp{white-space:nowrap}.history-item__separator{opacity:.5}.history-item__results{white-space:nowrap;opacity:.8}.history-item__delete{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:26px;height:26px;padding:0;background:var(--status-error-bg);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--status-error);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all var(--motion-fast) var(--ease-smooth);z-index:2}.history-item__delete:hover{background:var(--status-error);border-color:var(--status-error);color:var(--text-on-brand);transform:scale(1.05)}.history-item__delete:active{transform:scale(.95)}.history-item__delete:focus-visible{outline:none;opacity:1;pointer-events:all;box-shadow:var(--shadow-focus-error)}.history-sidebar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10) var(--spacing-5);text-align:center;min-height:280px}.history-sidebar__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--spacing-4);background:var(--brand-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--brand-primary);transition:all var(--motion-base) var(--ease-bounce)}.history-sidebar__empty-icon svg{opacity:.7}.history-sidebar__empty-icon:hover{transform:scale(1.05);border-color:var(--border-default)}.history-sidebar__empty-icon:hover svg{opacity:1}.history-sidebar__empty-title{font:var(--type-heading-5);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.history-sidebar__empty-description{font:var(--type-body-sm);color:var(--text-secondary);margin:0 0 var(--spacing-5) 0;line-height:var(--leading-relaxed)}.history-sidebar__empty-action{padding:var(--spacing-2) var(--spacing-4);background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-button);font:var(--type-ui-sm);font-weight:var(--font-semibold);color:var(--text-on-brand);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.history-sidebar__empty-action:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.history-sidebar__empty-action:active{transform:translateY(0);background:var(--brand-primary-active)}.history-sidebar__empty-action:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:1024px){.history-sidebar{width:300px}}@media(max-width:768px){.history-sidebar{width:280px}.history-sidebar__header{padding:var(--spacing-4)}.history-sidebar__search{padding:var(--spacing-3)}.history-sidebar__list{padding:var(--spacing-2)}.history-item{padding:var(--spacing-3)}.history-item__question{font:var(--type-caption-lg)}}@media(max-width:480px){.history-sidebar{width:100%;max-width:280px}.history-sidebar__empty{padding:var(--spacing-8) var(--spacing-4);min-height:220px}.history-sidebar__empty-icon{width:56px;height:56px}.history-sidebar__empty-icon svg{width:28px;height:28px}.history-sidebar__empty-title{font:var(--type-heading-6)}}@media(prefers-reduced-motion:reduce){.history-sidebar{transition:transform var(--motion-instant) linear}.history-sidebar:before{display:none}.history-item,.history-item__icon,.history-sidebar__close-btn,.history-sidebar__empty-icon,.history-sidebar__empty-action{transition:none;transform:none!important}.history-item:before{transition:none}}[data-theme=dark] .history-sidebar{background:var(--bg-primary);border-right-color:var(--border-subtle)}[data-theme=dark] .history-sidebar:before{opacity:.7}[data-theme=dark] .history-sidebar__header,[data-theme=dark] .history-sidebar__search{background:var(--bg-secondary);border-bottom-color:var(--border-subtle)}[data-theme=dark] .history-item{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .history-item:hover{background:var(--surface-card-hover);border-color:var(--border-default)}[data-theme=dark] .history-item__icon{background:var(--brand-subtle)}[data-theme=dark] .history-sidebar__empty-icon{background:var(--brand-subtle);border-color:var(--border-subtle)}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--layer-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sdq_app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--layer-0) 0%,var(--layer-1) 100%);overflow:hidden}.sdq_app>.chat-header{position:sticky;top:0;z-index:200;width:100%;flex-shrink:0}.sdq_app__content{flex:1;display:flex;min-height:0;position:relative;overflow:hidden;height:100vh}.sdq_app:has(.chat-header) .sdq_app__content{height:calc(100vh - 64px)}.sdq_app__main-container{flex:1;display:flex;flex-direction:column;background:var(--layer-0);min-width:0;position:relative;height:100%}.sdq_app__chat-only{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;max-width:var(--container-xl);margin:0 auto;background:var(--layer-0);position:relative}.sdq_app__chat-only:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(13,125,214,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(13,149,158,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.sdq_app__chat-only>*{position:relative;z-index:1}@media(max-width:1024px){.sdq_app__chat-only{padding:0 var(--spacing-6)}}@media(max-width:768px){.sdq_app__chat-only{padding:0 var(--spacing-4)}}.sdq_app__split-layout{flex:1;display:flex;min-height:100%;position:relative;background:var(--layer-0)}.sdq_app__split-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(13,125,214,.02) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(42,74,124,.02) 0%,transparent 40%);pointer-events:none;z-index:0}.sdq_app__split-layout--resizing *{transition:none!important;pointer-events:none}@media(max-width:1024px){.sdq_app__split-layout{flex-direction:column}}.sdq_app__chat-section{display:flex;flex-direction:column;background:var(--layer-0);position:relative;height:100vh;transition:width .15s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-subtle);box-shadow:inset -1px 0 #0d7dd608;z-index:1}.sdq_app__chat-section:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(13,125,214,.08) 50%,transparent 100%);pointer-events:none}.sdq_app__chat-section .chat-box{height:100%;border-radius:0;box-shadow:none!important}.sdq_app__chat-section::-webkit-scrollbar{width:8px}.sdq_app__chat-section::-webkit-scrollbar-track{background:transparent}.sdq_app__chat-section::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);border:2px solid var(--layer-0)}.sdq_app__chat-section::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media(max-width:1024px){.sdq_app__chat-section{flex:1;width:100%!important;border-right:none;border-bottom:1px solid var(--border-subtle);min-height:50vh;max-height:60vh;padding:var(--spacing-4);box-shadow:none}}@media(max-width:768px){.sdq_app__chat-section{min-height:45vh;max-height:55vh;padding:var(--spacing-3)}}.sdq_app__resizer{width:12px;background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:background-color .2s ease}.sdq_app__resizer:before{content:"";position:absolute;inset:0 -6px}.sdq_app__resizer:hover{background:linear-gradient(90deg,#0d7dd60a,#0d7dd60f,#0d7dd60a)}.sdq_app__resizer:hover .sdq_app__resizer-handle{opacity:1;transform:scale(1.1);background:var(--brand-primary);box-shadow:0 0 0 3px #0d7dd61f,var(--shadow-md)}.sdq_app__resizer:active{background:linear-gradient(90deg,#0d7dd60f,#0d7dd61a,#0d7dd60f)}@media(max-width:1024px){.sdq_app__resizer{display:none}}.sdq_app__resizer-handle{width:3px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--border-medium);border-radius:var(--radius-sm);color:var(--text-tertiary);opacity:.6;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.sdq_app__resizer-handle svg{opacity:.7;transition:opacity .2s ease}.sdq_app__resizer-handle:hover svg{opacity:1}.sdq_app__insights-section{display:flex;flex-direction:column;background:var(--layer-1);overflow-y:auto;transition:width .15s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.sdq_app__insights-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,125,214,.015) 0%,transparent 50%,rgba(42,74,124,.015) 100%);pointer-events:none}.sdq_app__insights-section::-webkit-scrollbar{width:8px}.sdq_app__insights-section::-webkit-scrollbar-track{background:transparent}.sdq_app__insights-section::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);border:2px solid var(--layer-1)}.sdq_app__insights-section::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media(max-width:1024px){.sdq_app__insights-section{flex:1;width:100%!important;min-height:40vh;padding:var(--spacing-6) var(--spacing-4)}}@media(max-width:768px){.sdq_app__insights-section{padding:var(--spacing-4) var(--spacing-3)}}.sidebar-modal-overlay{position:fixed;top:0;left:0;bottom:0;width:320px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-right:1px solid var(--glass-border);box-shadow:var(--shadow-2xl),inset -1px 0 #ffffff1a;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.sdq_app:has(.chat-header) .sidebar-modal-overlay{top:64px}.sidebar-modal-overlay--open{opacity:1;visibility:visible}.sidebar-modal-overlay:not(.sidebar-modal-overlay--open){pointer-events:none}@media(max-width:768px){.sidebar-modal-overlay{width:280px}.sdq_app:has(.chat-header) .sidebar-modal-overlay{top:60px}}@media(max-width:480px){.sidebar-modal-overlay{width:100%;max-width:280px}.sdq_app:has(.chat-header) .sidebar-modal-overlay{top:56px}}.sidebar-modal-container{height:100%;width:100%;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar-modal-overlay--open .sidebar-modal-container{transform:translate(0)}.page-placeholder{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--layer-0) 0%,var(--layer-1) 100%);padding:var(--spacing-6);position:relative}.page-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(13,125,214,.04) 0%,transparent 70%);pointer-events:none}.page-placeholder .placeholder-content{text-align:center;padding:var(--spacing-12);max-width:480px;background:var(--layer-0);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff80 inset;position:relative;z-index:1}.page-placeholder .placeholder-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.7;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.page-placeholder .placeholder-content h1{font:var(--type-heading-1);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;letter-spacing:var(--tracking-tight)}.page-placeholder .placeholder-content p{font:var(--type-body-lg);color:var(--text-secondary);margin:0 0 var(--spacing-8) 0}.page-placeholder .placeholder-content .back-button{padding:var(--spacing-3) var(--spacing-8);background:var(--gradient-brand);color:var(--text-inverse);border:none;border-radius:var(--radius-button);font:var(--type-ui);font-weight:var(--font-semibold);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md),0 0 0 1px #fff3 inset;position:relative;overflow:hidden}.page-placeholder .placeholder-content .back-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .25s ease}.page-placeholder .placeholder-content .back-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff4d inset}.page-placeholder .placeholder-content .back-button:hover:before{opacity:1}.page-placeholder .placeholder-content .back-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.page-placeholder .placeholder-content .back-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(max-width:768px){.page-placeholder .placeholder-content{padding:var(--spacing-8)}.page-placeholder .placeholder-content h1{font:var(--type-heading-2)}}@media(max-width:1024px){.sdq_app__content{height:100vh}.sdq_app:has(.chat-header) .sdq_app__content{height:calc(100vh - 60px)}}@media(max-width:768px){.sdq_app__content{height:100vh}.sdq_app:has(.chat-header) .sdq_app__content{height:calc(100vh - 56px)}}.chat-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 20px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);transition:box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth)}.chat-header:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(var(--brand-primary-rgb),0),rgba(var(--brand-primary-rgb),.22),rgba(var(--brand-primary-rgb),0));pointer-events:none}.chat-header--scrolled{box-shadow:var(--shadow-sm);border-bottom-color:var(--border-default);background:var(--glass-bg-strong)}.chat-header__left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.chat-header__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-header__actions{display:flex;align-items:center;gap:10px}.chat-header__brand{display:flex;align-items:center;gap:10px;min-width:0}.chat-header__logo{height:30px;width:auto;object-fit:contain;flex-shrink:0}.chat-header__title{margin:0;color:var(--text-primary);font-weight:700;font-size:15px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__btn{appearance:none;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;line-height:1;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.chat-header__btn:hover{background:rgba(var(--brand-primary-rgb),.06);border-color:var(--border-medium);color:var(--text-primary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.chat-header__btn:active{transform:translateY(0);background:rgba(var(--brand-primary-rgb),.1);box-shadow:none}.chat-header__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chat-header__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.chat-header__btn--icon{width:36px;padding:0}.chat-header__btn-label{white-space:nowrap}.chat-header__menu-btn{border-color:transparent}.chat-header__menu-btn:hover{border-color:var(--border-subtle)}.chat-header__back-btn{background:transparent}.chat-header__action-btn--primary{background:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.28);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.chat-header__action-btn--primary:hover{background:var(--brand-primary-hover);border-color:rgba(var(--brand-primary-rgb),.3);color:var(--text-inverse);box-shadow:var(--shadow-md)}.chat-header__action-btn--primary:active{background:var(--brand-primary-active)}.chat-header__action-btn--primary:disabled{background:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.2);color:var(--text-inverse)}.chat-header__action-btn--secondary{background:rgba(var(--brand-primary-rgb),.04)}.chat-header__action-btn--secondary:hover{background:rgba(var(--brand-primary-rgb),.08)}.chat-header__status{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:999px}.chat-header__typing{display:flex;align-items:center;gap:5px}.chat-header__dot{width:6px;height:6px;border-radius:50%;background:var(--status-info);animation:chatHeaderTyping 1.2s infinite ease-in-out}.chat-header__dot:nth-child(2){animation-delay:.15s}.chat-header__dot:nth-child(3){animation-delay:.3s}.chat-header__status-text{font-size:12px;font-weight:600;color:var(--status-info);white-space:nowrap}@keyframes chatHeaderTyping{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.chat-header__profile{position:relative}.chat-header__profile-btn{appearance:none;border:1px solid var(--border-default);background:var(--surface-input);display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 2px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth)}.chat-header__profile-btn:hover{background:var(--surface-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.chat-header__profile-btn:active{transform:translateY(0)}.chat-header__profile-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chat-header__avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header__avatar span{font-size:12px;font-weight:var(--font-bold);color:var(--text-on-brand);line-height:1;letter-spacing:-.01em}.chat-header__chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--motion-base) var(--ease-smooth)}.chat-header__chevron--open{transform:rotate(180deg)}.chat-header__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface-menu);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownSlide .2s var(--ease-emphasized);transform-origin:top right;z-index:1000}.chat-header__dropdown-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-hover)}.chat-header__dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header__dropdown-avatar span{font-size:15px;font-weight:var(--font-bold);color:var(--text-on-brand);line-height:1}.chat-header__dropdown-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.chat-header__dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__dropdown-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--spacing-1) 0}.chat-header__dropdown-item{appearance:none;border:none;background:transparent;display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.chat-header__dropdown-item svg{flex-shrink:0;opacity:.7;transition:opacity var(--motion-fast) var(--ease-smooth)}.chat-header__dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-header__dropdown-item:hover svg{opacity:1}.chat-header__dropdown-item:active{background:var(--bg-active)}.chat-header__dropdown-item--danger{color:var(--status-error)}.chat-header__dropdown-item--danger svg{opacity:1}.chat-header__dropdown-item--danger:hover{background:var(--status-error-bg);color:var(--status-error)}@media(max-width:1024px){.chat-header{padding:0 16px;min-height:60px}.chat-header__logo{height:28px}.chat-header__title{font-size:14px}}@media(max-width:768px){.chat-header{padding:0 12px;min-height:56px}.chat-header__left{gap:10px}.chat-header__btn{height:34px;border-radius:11px}.chat-header__btn--icon{width:34px}.chat-header__avatar{width:28px;height:28px}.chat-header__avatar span{font-size:11px}.chat-header__profile-btn{height:34px;padding:0 6px 0 2px}.chat-header__btn-label{display:none}}@media(max-width:640px){.chat-header__dropdown{right:auto;left:0}}@media(max-width:480px){.chat-header__title,.chat-header__status-text{display:none}}[data-theme=dark] .chat-header__action-btn--secondary{background:rgba(var(--brand-primary-rgb),.1)}[data-theme=dark] .chat-header__action-btn--secondary:hover{background:rgba(var(--brand-primary-rgb),.14)}@media(prefers-reduced-motion:reduce){.chat-header,.chat-header__btn,.chat-header__profile-btn,.chat-header__chevron,.chat-header__dropdown{transition:none;animation:none!important}.chat-header__dot{animation:none!important}}.message-list-sdq{flex:1;overflow-y:auto;padding:var(--spacing-5) var(--spacing-6);scroll-behavior:smooth;min-height:0}.message-list-sdq::-webkit-scrollbar{width:5px}.message-list-sdq::-webkit-scrollbar-track{background:transparent}.message-list-sdq::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);transition:background var(--motion-fast) var(--ease-smooth)}.message-list-sdq::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.message-list-sdq{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.message{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.message--user{flex-direction:row-reverse}.message--user .message__bubble{background:var(--brand-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);margin-left:auto;width:fit-content;min-width:140px;max-width:65%;box-shadow:var(--shadow-xs)}.message--user .message__timestamp{text-align:right}.message--bot .message__bubble,.message--bot-temp .message__bubble{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);box-shadow:var(--shadow-xs);width:fit-content;max-width:100%;transition:all var(--motion-fast) var(--ease-smooth)}.message--bot .message__bubble:hover,.message--bot-temp .message__bubble:hover{box-shadow:var(--shadow-sm);border-color:var(--border-default)}.message__avatar{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-primary);color:var(--text-on-brand);box-shadow:var(--shadow-sm);transition:all var(--motion-fast) var(--ease-smooth)}.message__avatar:hover{transform:scale(1.05)}.message__bubble{padding:var(--spacing-3) var(--spacing-4);position:relative;display:flex;flex-direction:column;gap:var(--spacing-2)}.message__content{font:var(--type-body-sm);color:var(--text-primary);line-height:var(--leading-relaxed)}.message__content p{margin:var(--spacing-1) 0}.message__content p:first-child{margin-top:0}.message__content p:last-child{margin-bottom:0}.message__content .message__inline-code,.message__content code:not(pre code){padding:2px var(--spacing-2);background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand-primary);font-weight:var(--font-medium)}.message__content pre{margin:var(--spacing-3) 0;padding:var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-inset)}.message__content pre code{padding:0;background:transparent;border:none;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-primary);font-weight:var(--font-normal)}.message__content ul,.message__content ol{padding-left:var(--spacing-5);margin:var(--spacing-2) 0}.message__content ul li,.message__content ol li{margin:var(--spacing-1) 0;line-height:var(--leading-relaxed)}.message__content strong,.message__content b{font-weight:var(--font-semibold);color:var(--text-primary)}.message__content em,.message__content i{font-style:italic}.message__content a{color:var(--text-link);text-decoration:none;font-weight:var(--font-medium);transition:color var(--motion-fast) var(--ease-smooth);border-bottom:1px solid transparent}.message__content a:hover{color:var(--text-link-hover);border-bottom-color:currentColor}.message__content a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}.message__timestamp{display:block;margin-top:var(--spacing-1);font:var(--type-caption);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.message__table-wrapper{margin:var(--spacing-3) 0;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.message__table-wrapper table{width:100%;min-width:480px;border-collapse:collapse;font-size:var(--text-sm)}.message__table-wrapper table th,.message__table-wrapper table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--border-subtle);transition:background var(--motion-fast) var(--ease-smooth)}.message__table-wrapper table th{background:var(--bg-secondary);font:var(--type-label-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--font-semibold);position:sticky;top:0;z-index:1}.message__table-wrapper table tbody tr:hover{background:var(--surface-hover)}.message__table-wrapper table tbody tr:last-child td{border-bottom:none}.message__table-wrapper table td{color:var(--text-primary);font:var(--type-caption-lg);font-feature-settings:var(--font-feature-tabular)}@media(max-width:1024px){.message-list-sdq{padding:var(--spacing-4) var(--spacing-5)}.message--user .message__bubble{max-width:70%}}@media(max-width:768px){.message-list-sdq{padding:var(--spacing-3) var(--spacing-4)}.message{gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.message--user .message__bubble{min-width:120px;max-width:75%}.message__avatar{width:32px;height:32px}.message__avatar svg{width:15px;height:15px}.message__bubble{padding:var(--spacing-2) var(--spacing-3)}.message__table-wrapper table{min-width:380px;font-size:var(--text-xs)}}@media(max-width:480px){.message--user .message__bubble{max-width:80%}}[data-theme=dark] .message__bubble{box-shadow:var(--shadow-sm)}[data-theme=dark] .message--user .message__bubble{background:rgba(var(--brand-primary-rgb),.12);border-color:var(--border-default)}[data-theme=dark] .message__content pre{background:var(--bg-primary);border-color:var(--border-medium)}[data-theme=dark] .message__table-wrapper{box-shadow:var(--shadow-md)}[data-theme=dark] .message__table-wrapper table th{background:var(--bg-tertiary);border-bottom-color:var(--border-default)}@media(prefers-reduced-motion:reduce){.message-list-sdq{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.status-indicator{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#3b82f614;border-radius:20px;margin-bottom:12px}.status-indicator__dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;position:relative}.status-indicator__dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#3b82f659;animation:pulse 2s ease-in-out infinite}.status-indicator__text{font-size:13px;font-weight:500;color:#2563eb;letter-spacing:-.01em}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:0}}[data-theme=dark] .status-indicator{background:#60a5fa1f}[data-theme=dark] .status-indicator__dot{background:#60a5fa}[data-theme=dark] .status-indicator__dot:after{background:#60a5fa66}[data-theme=dark] .status-indicator__text{color:#93c5fd}.welcome-container{display:flex;align-items:center;justify-content:center;padding:20px 16px;min-height:300px}.welcome-content{width:100%;max-width:600px}.welcome-header{text-align:center;margin-bottom:18px}.welcome-header .welcome-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.01em}.welcome-header .welcome-subtitle{font-size:13px;color:var(--text-tertiary);margin:0}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suggestion-card{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);text-align:left;font-family:inherit;min-height:48px}.suggestion-card .card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary);flex-shrink:0;transition:all var(--motion-fast) var(--ease-smooth)}.suggestion-card .card-icon svg{display:block;width:14px;height:14px}.suggestion-card .card-title{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1;transition:color var(--motion-fast) var(--ease-smooth);margin:0!important}.suggestion-card:hover:not(.disabled){background:var(--surface-card-hover);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.suggestion-card:hover:not(.disabled) .card-icon{background:var(--brand-primary);color:var(--text-on-brand)}.suggestion-card:hover:not(.disabled) .card-title{color:var(--text-primary)}.suggestion-card:active:not(.disabled){transform:translateY(0);background:var(--surface-card-active)}.suggestion-card:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.suggestion-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.welcome-footer{text-align:center;margin-top:14px;font-size:12px;color:var(--text-tertiary)}@media(max-width:600px){.welcome-container{padding:16px 12px;min-height:260px}.welcome-header{margin-bottom:14px}.welcome-header .welcome-title{font-size:16px}.welcome-header .welcome-subtitle{font-size:12px}.suggestions-grid{grid-template-columns:1fr;gap:6px}.suggestion-card{padding:11px 12px;min-height:44px}.suggestion-card .card-icon{width:26px;height:26px}.suggestion-card .card-icon svg{width:13px;height:13px}.suggestion-card .card-title{font-size:12px}.welcome-footer{margin-top:10px;font-size:11px}}.reasoning-block{margin-bottom:var(--spacing-2)}.reasoning-block__toggle{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font:var(--type-caption-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.reasoning-block__toggle:hover{background:var(--surface-hover);border-color:var(--border-default);color:var(--brand-primary)}.reasoning-block__toggle:hover .reasoning-block__icon{transform:scale(1.05)}.reasoning-block__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.reasoning-block__toggle:active{transform:scale(.98)}.reasoning-block__toggle .reasoning-block__icon{color:var(--brand-primary);transition:transform var(--motion-fast) var(--ease-smooth)}.reasoning-block__toggle .reasoning-block__chevron{opacity:.6}.reasoning-block__label{letter-spacing:var(--tracking-wide);font-weight:var(--font-medium);text-transform:uppercase;font-size:10px}.reasoning-block__content{margin-top:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:2px solid var(--brand-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}.reasoning-block__section:not(:last-child){margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-subtle)}.reasoning-block__section-label{display:inline-block;font:var(--type-caption-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin-bottom:var(--spacing-2)}.reasoning-block__text{font:var(--type-caption-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.reasoning-block__text p{margin:var(--spacing-1) 0}.reasoning-block__text p:first-child{margin-top:0}.reasoning-block__text p:last-child{margin-bottom:0}.reasoning-block__sql{display:block;margin:0;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;overflow-x:auto;box-shadow:var(--shadow-inset)}.reasoning-block__sql code{font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.reasoning-block__toggle,.reasoning-block__icon{transition:none!important}}.message-input{padding:var(--spacing-4) var(--spacing-6) var(--spacing-5);background:var(--surface-primary);border-top:1px solid var(--border-subtle)}.message-input__container{position:relative;display:flex;align-items:flex-end;background:var(--surface-input);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-3) 56px var(--spacing-3) var(--spacing-4);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.message-input__container:focus-within{background:var(--surface-input-focus);border-color:var(--brand-primary);box-shadow:var(--shadow-focus),var(--shadow-md)}.message-input__container:hover:not(:focus-within){border-color:var(--border-medium)}.message-input__textarea{flex:1;border:none;outline:none;background:transparent;font:var(--type-body);color:var(--text-primary);resize:none;min-height:24px;max-height:120px;line-height:var(--leading-normal)}.message-input__textarea::placeholder{color:var(--text-placeholder)}.message-input__textarea:disabled{opacity:.6;cursor:not-allowed}.message-input__textarea:focus{outline:none}.message-input__send-btn{position:absolute;right:var(--spacing-2);bottom:var(--spacing-1);width:40px;height:40px;padding:0;background:var(--brand-primary);border:none;border-radius:var(--radius-button);color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);flex-shrink:0}.message-input__send-btn svg{flex-shrink:0}.message-input__send-btn:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.message-input__send-btn:active:not(:disabled){transform:translateY(0);background:var(--brand-primary-active);box-shadow:var(--shadow-sm)}.message-input__send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-input__send-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.message-input__spinner{animation:spin 1s linear infinite}.message-input__hint{margin:var(--spacing-2) 0 0;font:var(--type-caption);color:var(--text-tertiary);text-align:center}.message-input__hint kbd{padding:2px var(--spacing-1);background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}@media(max-width:1024px){.message-input{padding:var(--spacing-3) var(--spacing-5) var(--spacing-4)}}@media(max-width:768px){.message-input{padding:var(--spacing-3) var(--spacing-4)}.message-input__container{padding:var(--spacing-2) 50px var(--spacing-2) var(--spacing-3)}.message-input__send-btn{width:36px;height:36px}.message-input__send-btn svg{width:18px;height:18px}.message-input__textarea{font:var(--type-body-sm)}}@media(max-width:480px){.message-input__hint{font:var(--type-caption)}.message-input__hint kbd{display:none}}[data-theme=dark] .message-input__container{background:var(--surface-input);border-color:var(--border-default)}[data-theme=dark] .message-input__container:focus-within{background:var(--surface-input-focus);border-color:var(--brand-primary)}[data-theme=dark] .message-input__hint kbd{background:var(--surface-secondary);border-color:var(--border-subtle)}.chat-box{display:flex;flex-direction:column;height:91vh;width:100%;background:transparent;border-radius:0;overflow:hidden;position:relative;min-height:0}.chat-box:has(.chat-header){background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.chat-box:has(.chat-header):hover{box-shadow:var(--shadow-lg)}.chat-box:has(.chat-header):focus-within{box-shadow:var(--shadow-lg),var(--shadow-focus)}@media(max-width:1024px){.chat-box:has(.chat-header){border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}}@media(max-width:768px){.chat-box{border-radius:0;height:100%}.chat-box:has(.chat-header){box-shadow:none}.chat-box:has(.chat-header):hover,.chat-box:has(.chat-header):focus-within{box-shadow:none}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 var(--spacing-8);background:linear-gradient(180deg,#fffffff2,#f4f7ffeb);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(102,137,220,.15);box-shadow:0 2px 12px #6689dc14;transition:box-shadow var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth)}.dashboard-header:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#6689dc00,#6689dc80 20%,#5272c499,#6689dc80 80%,#6689dc00);pointer-events:none}.dashboard-header:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,137,220,.02) 0%,transparent 50%,rgba(82,114,196,.01) 100%);pointer-events:none}.dashboard-header__left{display:flex;align-items:center;gap:var(--spacing-4);flex:1;min-width:0}.dashboard-header__right{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.dashboard-header__brand{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.dashboard-header__title{margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(82,114,196,.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header__meta{display:flex;align-items:center;gap:var(--spacing-2)}.dashboard-header__count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-header__separator{color:#6689dc66;font-size:var(--text-xs);line-height:1;opacity:.7}.dashboard-header__status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:4px var(--spacing-3);background:linear-gradient(135deg,#4a9bb81f,#3b8aa514);border:1px solid rgba(74,155,184,.25);border-radius:var(--radius-full);box-shadow:0 2px 6px #4a9bb81f;transition:all var(--motion-base) var(--ease-smooth)}.dashboard-header__status--active{background:linear-gradient(135deg,#6689dc26,#5272c41f);border-color:#6689dc4d;box-shadow:0 2px 8px #6689dc26}.dashboard-header__status--active .dashboard-header__dot{background:linear-gradient(135deg,#6689dc,#5272c4);animation:statusPulse 1.8s infinite var(--ease-smooth);box-shadow:0 0 8px #6689dc66}.dashboard-header__status--active .dashboard-header__status-text{color:var(--brand-primary)}.dashboard-header__dot{width:6px;height:6px;border-radius:var(--radius-full);background:linear-gradient(135deg,#4a9bb8,#3b8aa5);flex-shrink:0;transition:background var(--motion-base) var(--ease-smooth);box-shadow:0 0 6px #4a9bb84d}.dashboard-header__status-text{font-size:11px;font-weight:var(--font-semibold);color:#3b8aa5e6;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;transition:color var(--motion-base) var(--ease-smooth)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.dashboard-header__btn{appearance:none;border:1px solid rgba(102,137,220,.2);background:linear-gradient(135deg,#ffffffe6,#f9fbffd9);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:36px;padding:0 var(--spacing-3);border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;box-shadow:0 2px 4px #6689dc0f;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.dashboard-header__btn:hover{background:linear-gradient(135deg,#6689dc14,#5272c40f);border-color:#6689dc59;color:var(--brand-primary);box-shadow:0 4px 12px #6689dc26;transform:translateY(-1px)}.dashboard-header__btn:active{transform:translateY(0);background:linear-gradient(135deg,#6689dc1f,#5272c41a);box-shadow:0 2px 6px #6689dc1a}.dashboard-header__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dashboard-header__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-header__btn--icon{width:36px;padding:0}.dashboard-header__btn--home{border-color:transparent;background:transparent;box-shadow:none}.dashboard-header__btn--home:hover{border-color:#6689dc33;background:linear-gradient(135deg,#6689dc0f,#5272c40a)}.dashboard-header__btn--edit-active{background:linear-gradient(135deg,#6689dc26,#5272c41f);border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 0 0 3px #6689dc1f,0 2px 6px #6689dc26}.dashboard-header__btn--edit-active:hover{background:linear-gradient(135deg,#6689dc33,#5272c429);border-color:var(--brand-primary-hover);color:var(--brand-primary-hover);box-shadow:0 0 0 3px #6689dc29,0 4px 12px #6689dc33}.dashboard-header__btn--refresh{background:linear-gradient(135deg,#5272c4,#3f5aa0);border-color:#5272c466;color:var(--text-inverse);box-shadow:0 2px 8px #5272c44d}.dashboard-header__btn--refresh:hover:not(:disabled){background:linear-gradient(135deg,#3f5aa0,#2d4173);border-color:#5272c480;color:var(--text-inverse);box-shadow:0 4px 16px #5272c466}.dashboard-header__btn--refresh:active:not(:disabled){background:linear-gradient(135deg,#2d4173,#1a2847);box-shadow:0 2px 8px #5272c44d}.dashboard-header__btn--refresh:disabled{background:linear-gradient(135deg,#5272c4b3,#3f5aa0b3);border-color:#5272c44d;color:var(--text-inverse)}.dashboard-header__btn-label{white-space:nowrap}.dashboard-header__refresh-group{display:flex;align-items:stretch;background:linear-gradient(135deg,#fffffff2,#f9fbffe6);border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-button);overflow:hidden;box-shadow:0 2px 6px #6689dc1a;transition:box-shadow var(--motion-fast) var(--ease-smooth)}.dashboard-header__refresh-group:hover{box-shadow:0 4px 12px #6689dc26}.dashboard-header__interval{appearance:none;border:none;border-right:1px solid rgba(102,137,220,.15);background:transparent;padding:0 var(--spacing-5) 0 var(--spacing-3);min-width:80px;height:36px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236689DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:10px 6px;transition:background-color var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.dashboard-header__interval:hover{background-color:#6689dc14;color:var(--brand-primary)}.dashboard-header__interval:focus-visible{outline:none;background-color:#6689dc14;box-shadow:inset 0 0 0 2px #6689dc40}.dashboard-header__refresh-icon{flex-shrink:0;transition:transform var(--motion-slower) var(--ease-smooth)}.dashboard-header__refresh-icon--spinning{animation:refreshSpin 1s linear infinite}@keyframes refreshSpin{to{transform:rotate(360deg)}}.dashboard-header__profile{position:relative}.dashboard-header__profile-btn{appearance:none;border:1px solid rgba(102,137,220,.2);background:linear-gradient(135deg,#fffffff2,#f9fbffe6);display:flex;align-items:center;gap:var(--spacing-2);height:36px;padding:0 var(--spacing-2) 0 2px;border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #6689dc14;transition:transform var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth),background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth)}.dashboard-header__profile-btn:hover{background:linear-gradient(135deg,#6689dc14,#5272c40f);border-color:#6689dc59;box-shadow:0 4px 12px #6689dc26;transform:translateY(-1px)}.dashboard-header__profile-btn:active{transform:translateY(0)}.dashboard-header__profile-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dashboard-header__avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6689dc,#5272c4);box-shadow:0 2px 6px #6689dc4d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-header__avatar span{font-size:12px;font-weight:var(--font-bold);color:var(--text-on-brand);line-height:1;letter-spacing:-.01em}.dashboard-header__chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--motion-base) var(--ease-smooth)}.dashboard-header__chevron--open{transform:rotate(180deg)}.dashboard-header__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:linear-gradient(135deg,#fffffffa,#f9fbfff2);border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-lg);box-shadow:0 12px 48px #6689dc33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;animation:dropdownSlide .2s var(--ease-emphasized);transform-origin:top right;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-header__dropdown-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,#6689dc14,#5272c40d)}.dashboard-header__dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6689dc,#5272c4);box-shadow:0 2px 8px #6689dc4d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-header__dropdown-avatar span{font-size:15px;font-weight:var(--font-bold);color:var(--text-on-brand);line-height:1}.dashboard-header__dropdown-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.dashboard-header__dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header__dropdown-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header__dropdown-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,137,220,.2) 50%,transparent 100%);margin:var(--spacing-1) 0}.dashboard-header__dropdown-item{appearance:none;border:none;background:transparent;display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--ease-smooth),color var(--motion-fast) var(--ease-smooth)}.dashboard-header__dropdown-item svg{flex-shrink:0;opacity:.7;transition:opacity var(--motion-fast) var(--ease-smooth)}.dashboard-header__dropdown-item:hover{background:linear-gradient(135deg,#6689dc14,#5272c40d);color:var(--text-primary)}.dashboard-header__dropdown-item:hover svg{opacity:1}.dashboard-header__dropdown-item:active{background:linear-gradient(135deg,#6689dc1f,#5272c414)}.dashboard-header__dropdown-item--danger{color:var(--status-error)}.dashboard-header__dropdown-item--danger svg{opacity:1}.dashboard-header__dropdown-item--danger:hover{background:var(--status-error-bg);color:var(--status-error)}@media(max-width:1024px){.dashboard-header{padding:0 var(--spacing-6);min-height:60px}.dashboard-header__title{font-size:var(--text-md)}}@media(max-width:768px){.dashboard-header{padding:0 var(--spacing-4);min-height:56px}.dashboard-header__left{gap:var(--spacing-3)}.dashboard-header__btn{height:34px}.dashboard-header__btn--icon{width:34px}.dashboard-header__avatar{width:28px;height:28px}.dashboard-header__avatar span{font-size:11px}.dashboard-header__profile-btn,.dashboard-header__interval{height:34px}.dashboard-header__btn-label{display:none}.dashboard-header__btn--edit{width:34px;padding:0}.dashboard-header__refresh-group{flex:1}}@media(max-width:640px){.dashboard-header__title{font-size:var(--text-sm)}.dashboard-header__count,.dashboard-header__separator{display:none}.dashboard-header__dropdown{right:auto;left:0}}@media(max-width:480px){.dashboard-header__brand{min-width:0;flex:1}.dashboard-header__status-text{display:none}}[data-theme=dark] .dashboard-header{background:linear-gradient(180deg,#0f1623f2,#12192aeb);border-bottom-color:#94b2f033;box-shadow:0 2px 12px #0006}[data-theme=dark] .dashboard-header:before{background:linear-gradient(90deg,#94b2f000,#94b2f099 20%,#6689dcb3,#94b2f099 80%,#94b2f000)}[data-theme=dark] .dashboard-header:after{background:linear-gradient(135deg,rgba(148,178,240,.04) 0%,transparent 50%,rgba(102,137,220,.02) 100%)}[data-theme=dark] .dashboard-header__title{background:linear-gradient(135deg,var(--text-primary) 0%,rgba(148,178,240,.95) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .dashboard-header__btn{background:linear-gradient(135deg,#12192ae6,#141a28d9);border-color:#94b2f033;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .dashboard-header__btn:hover{background:linear-gradient(135deg,#94b2f01f,#6689dc14);border-color:#94b2f066;box-shadow:0 4px 12px #94b2f033}[data-theme=dark] .dashboard-header__refresh-group{background:linear-gradient(135deg,#12192af2,#141a28e6);border-color:#94b2f033}[data-theme=dark] .dashboard-header__dropdown{background:linear-gradient(135deg,#12192afa,#141a28f2);border-color:#94b2f040;box-shadow:0 12px 48px #0009}[data-theme=dark] .dashboard-header__interval{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394B2F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.dashboard-header,.dashboard-header__btn,.dashboard-header__status,.dashboard-header__refresh-group,.dashboard-header__interval,.dashboard-header__profile-btn,.dashboard-header__chevron,.dashboard-header__dropdown{transition:none;animation:none!important}.dashboard-header__dot,.dashboard-header__refresh-icon{animation:none!important}}@media print{.dashboard-header{position:relative;box-shadow:none;border-bottom:2px solid var(--border-default);background:#fff}.dashboard-header:before,.dashboard-header:after{display:none}.dashboard-header__right{display:none}}.chart-display{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;position:relative;overflow:hidden}.chart-display>*{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0}.chart-display .chart-renderer-container{width:100%;height:100%;overflow:hidden;position:relative}.chart-display .chart-renderer-container>*{max-width:100%;max-height:100%}.chart-display canvas,.chart-display svg{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}.chart-display-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-tertiary);min-height:200px;padding:24px;text-align:center;animation:fadeIn .4s ease;position:relative}.chart-display-empty:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(102,137,220,.04) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.chart-display-empty svg{opacity:.5;color:#6689dc99;transition:all .3s ease;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(102,137,220,.15))}.chart-display-empty p{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em;position:relative;z-index:1}.chart-display-empty:hover svg{opacity:.7;transform:scale(1.05)}.chart-display-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:200px;position:relative}.chart-display-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6689dc0d,#94b2f014,#6689dc0d);background-size:200% 200%;animation:gradientShift 3s ease infinite;opacity:.5;pointer-events:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.chart-display-loading .spinner{width:36px;height:36px;border:3px solid rgba(102,137,220,.2);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite;position:relative;z-index:1}.chart-display-loading .spinner:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(102,137,220,.1);border-radius:50%;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.chart-display-loading span{font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em;position:relative;z-index:1}.chart-display-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:200px;padding:24px;text-align:center;position:relative}.chart-display-error:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(239,68,68,.04) 0%,transparent 100%);pointer-events:none}.chart-display-error .error-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ef444414;border:2px solid rgba(239,68,68,.2);border-radius:50%;color:#ef4444;position:relative;z-index:1}.chart-display-error .error-icon svg{width:24px;height:24px}.chart-display-error .error-title{font-size:13px;font-weight:700;color:var(--text-primary);margin:0}.chart-display-error .error-message{font-size:12px;color:var(--text-secondary);margin:0;max-width:300px;line-height:1.5}.chart-display-wrapper{width:100%;height:100%;position:relative}.chart-display-wrapper--echarts .echarts-container{width:100%!important;height:100%!important}.chart-display-wrapper--chartjs canvas{max-width:100%;max-height:100%}.chart-display-wrapper--recharts .recharts-wrapper{width:100%!important;height:100%!important}.chart-display-animate-in{animation:chartFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chart-display-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#6689dc0d,#6689dc1a,#6689dc0d);background-size:200% 100%;animation:skeletonLoading 1.5s ease infinite;border-radius:8px}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .chart-display-empty{color:#f9fbff8f}[data-theme=dark] .chart-display-empty:before{background-image:radial-gradient(circle,rgba(148,178,240,.1) 1px,transparent 1px)}[data-theme=dark] .chart-display-empty svg{opacity:.4;color:#94b2f0b3;filter:drop-shadow(0 2px 8px rgba(148,178,240,.25))}[data-theme=dark] .chart-display-empty p{color:#f9fbffb8}[data-theme=dark] .chart-display-empty:hover svg{opacity:.6}[data-theme=dark] .chart-display-loading:before{background:linear-gradient(135deg,#94b2f014,#94b2f01f,#94b2f014)}[data-theme=dark] .chart-display-loading .spinner{border-color:#94b2f04d;border-top-color:#94b2f0e6}[data-theme=dark] .chart-display-loading .spinner:after{border-color:#94b2f026}[data-theme=dark] .chart-display-loading span{color:#f9fbffb8}[data-theme=dark] .chart-display-error:before{background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,transparent 100%)}[data-theme=dark] .chart-display-error .error-icon{background:#ef44441f;border-color:#ef44444d;color:#ef4444f2}[data-theme=dark] .chart-display-error .error-title{color:#f9fbfff2}[data-theme=dark] .chart-display-error .error-message{color:#f9fbffb8}[data-theme=dark] .chart-display-skeleton{background:linear-gradient(90deg,#94b2f014,#94b2f024,#94b2f014)}@media(max-width:768px){.chart-display-empty{gap:12px;padding:20px}.chart-display-empty svg{width:40px;height:40px}.chart-display-empty p{font-size:12px}.chart-display-loading{gap:12px}.chart-display-loading .spinner{width:32px;height:32px;border-width:2.5px}.chart-display-loading span{font-size:11px}.chart-display-error{gap:12px;padding:20px}.chart-display-error .error-icon{width:40px;height:40px}.chart-display-error .error-icon svg{width:20px;height:20px}.chart-display-error .error-title{font-size:12px}.chart-display-error .error-message{font-size:11px;max-width:250px}}@media(max-width:480px){.chart-display-empty{gap:10px;padding:16px}.chart-display-empty svg{width:36px;height:36px}.chart-display-empty p{font-size:11px}.chart-display-loading .spinner{width:28px;height:28px;border-width:2px}.chart-display-loading span{font-size:10px}}@media(prefers-reduced-motion:reduce){.chart-display-empty svg,.chart-display-loading .spinner,.chart-display-skeleton,.chart-display-animate-in{animation:none!important;transition:none!important}.chart-display-loading:before{animation:none!important;opacity:.3}}@media(prefers-contrast:high){.chart-display-empty,.chart-display-loading,.chart-display-error{border:2px solid currentColor}.chart-display-empty svg,.chart-display-loading .spinner{opacity:1!important}}@media print{.chart-display{background:#fff!important}.chart-display:before{display:none}.chart-display-empty:before,.chart-display-loading:before,.chart-display-error:before{display:none}.chart-display-skeleton{display:none}}.mode-selector{position:relative}.mode-selector__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fffffff2;border:1px solid rgba(102,137,220,.18);border-radius:7px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #6689dc0f;white-space:nowrap}.mode-selector__trigger:hover{border-color:#6689dc59;background:#6689dc0a;box-shadow:0 2px 8px #6689dc1f;transform:translateY(-1px)}.mode-selector__trigger.is-open{border-color:var(--brand-primary);background:#6689dc14;box-shadow:0 0 0 3px #6689dc1a}.mode-selector__icon{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.mode-selector__label{white-space:nowrap;line-height:1.2}.mode-selector__chevron{transition:transform .2s ease;flex-shrink:0}.mode-selector__chevron.rotated{transform:rotate(180deg)}.mode-selector__backdrop{position:fixed;inset:0;z-index:9998;cursor:default}.mode-selector__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;max-width:300px;max-height:400px;overflow-y:auto;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(102,137,220,.18);border-radius:10px;box-shadow:0 12px 40px #6689dc2e,0 4px 12px #00000014,inset 0 1px #fff9;z-index:9999;padding:6px;animation:menuSlideIn .2s cubic-bezier(.4,0,.2,1)}.mode-selector__menu::-webkit-scrollbar{width:6px}.mode-selector__menu::-webkit-scrollbar-track{background:transparent}.mode-selector__menu::-webkit-scrollbar-thumb{background:#6689dc4d;border-radius:3px}.mode-selector__menu::-webkit-scrollbar-thumb:hover{background:#6689dc80}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-selector__category{margin-bottom:6px}.mode-selector__category:last-child{margin-bottom:0}.mode-selector__category-label{padding:6px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid rgba(102,137,220,.12);margin-bottom:4px;line-height:1.2}.mode-selector__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.mode-selector__option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--brand-primary);border-radius:0 2px 2px 0;transition:height .2s ease}.mode-selector__option:hover{background:#6689dc14;transform:translate(2px)}.mode-selector__option:hover:before{height:60%}.mode-selector__option.is-selected{background:linear-gradient(135deg,#6689dc1f,#5272c41a)}.mode-selector__option.is-selected:before{height:80%}.mode-selector__option.is-selected .mode-selector__option-name{color:var(--brand-primary);font-weight:700}.mode-selector__option-icon{font-size:16px;width:20px;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-selector__option-name{flex:1;font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.mode-selector__check{color:var(--brand-primary);flex-shrink:0;animation:checkPop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}[data-theme=dark] .mode-selector__trigger{background:#191f30e6;border-color:#94b2f040;color:#f9fbffb8}[data-theme=dark] .mode-selector__trigger:hover{border-color:#94b2f073;background:#94b2f01a}[data-theme=dark] .mode-selector__trigger.is-open{background:#94b2f024;box-shadow:0 0 0 3px #94b2f024}[data-theme=dark] .mode-selector__menu{background:#12192afa;border-color:#94b2f040;box-shadow:0 12px 40px #0009,0 4px 12px #94b2f026,inset 0 1px #94b2f014}[data-theme=dark] .mode-selector__category-label{color:#f9fbff8f;border-bottom-color:#94b2f02e}[data-theme=dark] .mode-selector__option:hover{background:#94b2f01f}[data-theme=dark] .mode-selector__option.is-selected{background:linear-gradient(135deg,#94b2f02e,#94b2f024)}[data-theme=dark] .mode-selector__option-name{color:#f9fbfff2}@media(max-width:768px){.mode-selector__trigger{padding:5px 10px;font-size:10px}.mode-selector__label{display:none}.mode-selector__menu{min-width:200px;max-height:350px}}@media(max-width:480px){.mode-selector__menu{right:-10px;max-height:300px}}@media print{.mode-selector{display:none}}.chart-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(102,137,220,.1);background:linear-gradient(180deg,#f4f7ffd9,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:56px;gap:16px;position:relative;z-index:5;flex-shrink:0}.chart-card-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(102,137,220,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.chart-card:hover .chart-card-header:before{opacity:1}.chart-card-header__title-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.chart-card-header__title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.4;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-card-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.chart-card-header__resize-presets{display:flex;gap:4px;padding:4px;background:#fffffff2;border:1px solid rgba(102,137,220,.18);border-radius:7px;opacity:1;pointer-events:all;transition:all .2s ease;box-shadow:0 1px 3px #6689dc14}.chart-card-header__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fffc;border:1px solid rgba(102,137,220,.18);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.chart-card-header__action-btn svg{transition:transform .2s ease}.chart-card-header__action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6689dc33}.chart-card-header__action-btn:hover svg{transform:scale(1.1)}.chart-card-header__action-btn:active{transform:translateY(0)}.chart-card-header__action-btn--expand:hover{background:#6689dc1f;border-color:var(--brand-primary);color:var(--brand-primary)}.chart-card-header__action-btn--delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.chart-card-header__action-btn--delete:hover svg{animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.chart-card-drag-handle{display:inline-flex;align-items:center;justify-content:center;color:#6689dc8c;padding:4px;border-radius:4px;cursor:grab;flex-shrink:0;transition:all .2s ease}.chart-card-drag-handle:hover{color:#6689dce6;background:#6689dc14}.chart-card-drag-handle:active{cursor:grabbing}.resize-preset-btn{padding:4px 10px;background:transparent;border:none;border-radius:4px;font-size:11px;font-weight:700;color:var(--text-tertiary);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.resize-preset-btn:before{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);padding:4px 8px;background:#0f1623f2;color:#fff;font-size:10px;font-weight:600;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:100}.resize-preset-btn:hover{background:#6689dc1f;color:var(--brand-primary);transform:scale(1.05)}.resize-preset-btn:hover:before{opacity:1;transform:translate(-50%) scale(1)}.resize-preset-btn:active{transform:scale(.95)}[data-theme=dark] .chart-card-header{background:linear-gradient(180deg,#191f30e6,#12192ab3);border-bottom-color:#94b2f026}[data-theme=dark] .chart-card-header:before{background:linear-gradient(90deg,transparent 0%,rgba(148,178,240,.08) 50%,transparent 100%)}[data-theme=dark] .chart-card-header__resize-presets{background:#191f30e6;border-color:#94b2f040}[data-theme=dark] .chart-card-header__action-btn{background:#191f30cc;border-color:#94b2f040;color:#f9fbff8f}[data-theme=dark] .chart-card-header__action-btn--expand:hover{background:#94b2f024;color:#94b2f0f2}[data-theme=dark] .chart-card-header__action-btn--delete:hover{background:#ef444424;border-color:#ef4444cc;color:#ef4444f2}[data-theme=dark] .chart-card-drag-handle{color:#94b2f08c}[data-theme=dark] .chart-card-drag-handle:hover{color:#94b2f0f2;background:#94b2f01a}[data-theme=dark] .resize-preset-btn{color:#f9fbff8f}[data-theme=dark] .resize-preset-btn:hover{background:#94b2f024;color:#94b2f0f2}@media(max-width:1024px){.chart-card-header{padding:12px 16px;min-height:52px}.chart-card-header__title{font-size:13px}}@media(max-width:768px){.chart-card-header{padding:10px 14px;min-height:48px;gap:12px}.chart-card-header__title{font-size:12px}}@media(max-width:480px){.chart-card-header__actions{gap:6px}.chart-card-header__action-btn{width:28px;height:28px}.chart-card-header__action-btn svg{width:14px;height:14px}.resize-preset-btn{padding:3px 8px;font-size:10px}}@media print{.chart-card-header{background:#f8fafb}.chart-card-header:before{display:none}.chart-card-header__resize-presets,.chart-card-header__action-btn,.chart-card-drag-handle{display:none}}.chart-card{position:relative;background:linear-gradient(135deg,#fff,#fefeff,#fdfdfe);border-radius:12px;border:1px solid rgba(102,137,220,.12);box-shadow:0 2px 8px #6689dc14,0 1px 3px #5272c40f,inset 0 1px #ffffffe6;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;isolation:isolate}.chart-card__glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6689dc00,#6689dcb3,#5272c400);opacity:0;transition:opacity .3s ease;z-index:10}.chart-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6689dc29,0 4px 12px #5272c41f,inset 0 1px #fffffff2;border-color:#6689dc47}.chart-card:hover .chart-card__glow,.chart-card:hover .chart-card__resize-handle{opacity:1}.chart-card.locked{opacity:.85;pointer-events:none}.chart-card.locked:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(102,137,220,.03) 12px,rgba(102,137,220,.03) 24px);pointer-events:none;z-index:1}.chart-card__body{flex:1;padding:18px;min-height:0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background:linear-gradient(135deg,#fffffffa,#f9fbfff2);position:relative}.chart-card__body:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(102,137,220,.03) 1px,transparent 1px);background-size:16px 16px;opacity:.5;pointer-events:none}.chart-card__body>*{position:relative;z-index:1}.chart-card__loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary)}.chart-card__loading .spinner{width:36px;height:36px;border:3px solid rgba(102,137,220,.2);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite}.chart-card__loading span{font-size:12px;font-weight:600;letter-spacing:.02em}.chart-card__resize-handle{position:absolute;bottom:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6689dc99;cursor:se-resize;opacity:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:10}.chart-card__resize-handle svg{filter:drop-shadow(0 1px 2px rgba(102,137,220,.3));transition:transform .2s ease}.chart-card__resize-handle:hover{color:var(--brand-primary);opacity:1!important;transform:scale(1.2)}.chart-card__resize-handle:hover svg{transform:rotate(5deg)}.chart-card__locked-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;background:linear-gradient(135deg,#6689dc29,#5272c424);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,137,220,.25);border-radius:6px;color:var(--brand-primary);font-size:11px;font-weight:700;z-index:15;box-shadow:0 2px 8px #6689dc26;animation:fadeIn .3s cubic-bezier(.34,1.56,.64,1)}.chart-card__locked-badge svg{flex-shrink:0}.chart-card__locked-badge span{line-height:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .chart-card{background:linear-gradient(135deg,#12192afa,#141a28f2);border-color:#94b2f02e;box-shadow:0 2px 8px #0006,0 1px 3px #94b2f01f,inset 0 1px #94b2f00f}[data-theme=dark] .chart-card__glow{background:linear-gradient(90deg,#94b2f000,#94b2f0cc,#94b2f000)}[data-theme=dark] .chart-card:hover{border-color:#94b2f059;box-shadow:0 12px 32px #00000080,0 4px 12px #94b2f033,inset 0 1px #94b2f01a}[data-theme=dark] .chart-card.locked:after{background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(148,178,240,.04) 12px,rgba(148,178,240,.04) 24px)}[data-theme=dark] .chart-card__body{background:linear-gradient(135deg,#141a28f2,#12192afa)}[data-theme=dark] .chart-card__body:before{background-image:radial-gradient(circle,rgba(148,178,240,.08) 1px,transparent 1px)}[data-theme=dark] .chart-card__locked-badge{background:linear-gradient(135deg,#94b2f038,#94b2f02e);border-color:#94b2f059;color:#94b2f0f2}@media(max-width:768px){.chart-card__body{padding:16px}}@media(max-width:480px){.chart-card__body{padding:14px}}@media print{.chart-card{box-shadow:none;border-color:var(--border-default);background:#fff;transform:none!important}.chart-card__glow,.chart-card__resize-handle,.chart-card__locked-badge{display:none}.chart-card__body{background:#fff}.chart-card__body:before{display:none}}.sdq_kpi-card--add{cursor:pointer;transition:all .2s ease}.sdq_kpi-card--add .sdq_kpi-card__background{border:2px dashed var(--border-default)}.sdq_kpi-card--add:hover{transform:translateY(-2px)}.sdq_kpi-card--add:hover .sdq_kpi-card__background{border-color:var(--brand-primary);background:var(--brand-subtle);box-shadow:var(--shadow-sm)}.sdq_kpi-card--add:hover .sdq_kpi-add__icon{transform:scale(1.1);color:var(--brand-primary)}.sdq_kpi-card--add:active{transform:translateY(0)}.sdq_kpi-add__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);height:100%}.sdq_kpi-add__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.sdq_kpi-add__label{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sdq_kpi-card{position:relative;background:var(--surface-card);border-radius:var(--radius-md);padding:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;isolation:isolate;animation:cardFadeIn .3s ease calc(var(--card-index) * .03s) backwards}.sdq_kpi-card__background{position:absolute;inset:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:inherit;transition:all .3s ease;z-index:-2}.sdq_kpi-card__shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);transition:left .5s ease;z-index:-1}.sdq_kpi-card:hover{transform:translateY(-1px)}.sdq_kpi-card:hover .sdq_kpi-card__background{border-color:var(--brand-primary);box-shadow:var(--shadow-sm),0 0 0 1px #0d7dd614}.sdq_kpi-card:hover .sdq_kpi-card__shine{left:100%}.sdq_kpi-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.sdq_kpi-card__label{font-size:9px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.sdq_kpi-card__actions{display:flex;gap:4px;opacity:1;transition:opacity .2s ease}.sdq_kpi-card:hover .sdq_kpi-card__actions{opacity:1}.sdq_kpi-card .sdq_kpi-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.sdq_kpi-card .sdq_kpi-action-btn:hover{background:var(--surface-card-hover);border-color:var(--border-default);color:var(--text-primary)}.sdq_kpi-card .sdq_kpi-action-btn--delete:hover{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error)}.sdq_kpi-card .sdq_kpi-action-btn:disabled{opacity:.5;cursor:not-allowed}.sdq_kpi-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.sdq_kpi-card__value{font-size:20px;font-weight:var(--font-bold);color:var(--text-primary);line-height:1;font-feature-settings:var(--font-feature-tabular);letter-spacing:var(--tracking-tight)}.sdq_kpi-card__trend{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:var(--font-bold);font-feature-settings:var(--font-feature-tabular);white-space:nowrap}.sdq_kpi-card__trend--positive{background:var(--status-success-bg);color:var(--status-success)}.sdq_kpi-card__trend--negative{background:var(--status-error-bg);color:var(--status-error)}.sdq_kpi-card__trend--stable{background:var(--bg-tertiary);color:var(--text-secondary)}.sdq_kpi-card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}.sdq_kpi-card__description{display:block;font-size:10px;font-weight:var(--font-medium);color:var(--text-tertiary);line-height:1.3}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sdq_spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .sdq_kpi-card:hover .sdq_kpi-card__background{box-shadow:var(--shadow-sm),0 0 0 1px #3ba0ff1a}.sdq_kpi-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9000;padding:var(--spacing-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}.sdq_kpi-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.sdq_kpi-modal--generator{max-width:480px}.sdq_kpi-modal--selection{max-width:800px}.sdq_kpi-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle);background:var(--glass-bg)}.sdq_kpi-modal__header-content{display:flex;align-items:center;gap:var(--spacing-2)}.sdq_kpi-modal__icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-primary);border-radius:var(--radius-md);color:var(--text-inverse);box-shadow:0 2px 6px #0d7dd633}.sdq_kpi-modal__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);line-height:1.2}.sdq_kpi-modal__count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:var(--brand-subtle);color:var(--brand-primary);border-radius:var(--radius-full);font-size:9px;font-weight:var(--font-bold);letter-spacing:.02em;min-width:28px}.sdq_kpi-modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sdq_kpi-modal__close:hover{background:var(--surface-card-hover);border-color:var(--border-default);color:var(--text-primary)}.sdq_kpi-modal__body{padding:var(--spacing-4);overflow-y:auto;flex:1}.sdq_kpi-modal__body::-webkit-scrollbar{width:6px}.sdq_kpi-modal__body::-webkit-scrollbar-track{background:var(--bg-secondary)}.sdq_kpi-modal__body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.sdq_kpi-modal__footer{display:flex;gap:var(--spacing-2);justify-content:flex-end;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--glass-bg)}.sdq_kpi-modal-btn{display:flex;align-items:center;gap:6px;padding:6px var(--spacing-4);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease}.sdq_kpi-modal-btn:disabled{opacity:.5;cursor:not-allowed}.sdq_kpi-modal-btn--cancel{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.sdq_kpi-modal-btn--cancel:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--border-medium)}.sdq_kpi-modal-btn--primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 2px 6px #0d7dd633}.sdq_kpi-modal-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #0d7dd64d}.sdq_kpi-query-section{margin-bottom:var(--spacing-4)}.sdq_kpi-query-label{display:block;font-size:10px;font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-2)}.sdq_kpi-query-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:12px;line-height:1.5;background:var(--surface-input);color:var(--text-primary);resize:vertical;transition:all .2s ease}.sdq_kpi-query-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-subtle);background:var(--surface-input-focus)}.sdq_kpi-query-textarea:disabled{opacity:.6;cursor:not-allowed}.sdq_kpi-query-textarea::placeholder{color:var(--text-placeholder);font-size:11px}.sdq_kpi-query-error{display:flex;align-items:center;gap:6px;margin-top:var(--spacing-2);padding:6px var(--spacing-2);background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-medium);color:var(--status-error)}.sdq_kpi-sql-preview{margin-bottom:var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.sdq_kpi-sql-preview__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2);cursor:pointer}.sdq_kpi-sql-preview__header:hover{background:var(--surface-card-hover)}.sdq_kpi-sql-preview__title{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.sdq_kpi-sql-preview__toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sdq_kpi-sql-preview__toggle:hover{background:var(--surface-card-hover);color:var(--text-primary)}.sdq_kpi-sql-preview__code{margin:0;padding:var(--spacing-2);background:var(--bg-primary);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap}.sdq_kpi-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-3)}.sdq_kpi-selection-card{position:relative;border-radius:var(--radius-md);padding:var(--spacing-3);cursor:pointer;transition:all .2s ease;overflow:hidden;isolation:isolate}.sdq_kpi-selection-card__background{position:absolute;inset:0;background:var(--surface-card);border:2px solid var(--border-default);border-radius:inherit;transition:all .2s ease;z-index:-2}.sdq_kpi-selection-card__glow{position:absolute;inset:-50%;background:radial-gradient(circle,var(--brand-subtle) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.sdq_kpi-selection-card:hover{transform:translateY(-1px)}.sdq_kpi-selection-card:hover .sdq_kpi-selection-card__background{border-color:var(--border-focus);box-shadow:var(--shadow-xs)}.sdq_kpi-selection-card--selected{transform:translateY(-1px)}.sdq_kpi-selection-card--selected .sdq_kpi-selection-card__background{border-color:var(--brand-primary);background:var(--brand-subtle);box-shadow:var(--shadow-sm),0 0 0 1px #0d7dd61f}.sdq_kpi-selection-card--selected .sdq_kpi-selection-card__glow{opacity:.3}.sdq_kpi-selection-card__header{display:flex;align-items:flex-start;gap:var(--spacing-2)}.sdq_kpi-selection-card__checkbox{position:relative;width:16px;height:16px;flex-shrink:0;margin-top:2px}.sdq_kpi-selection-card .sdq_kpi-checkbox-input{position:absolute;opacity:0;width:0;height:0}.sdq_kpi-selection-card .sdq_kpi-checkbox-visual{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--surface-input);border:2px solid var(--border-medium);border-radius:4px;transition:all .2s ease}.sdq_kpi-selection-card--selected .sdq_kpi-selection-card .sdq_kpi-checkbox-visual{background:var(--brand-primary);border-color:var(--brand-primary)}.sdq_kpi-selection-card .sdq_kpi-checkbox-icon{color:var(--text-inverse);transform:scale(0);transition:transform .2s ease}.sdq_kpi-selection-card--selected .sdq_kpi-selection-card .sdq_kpi-checkbox-icon{transform:scale(1)}.sdq_kpi-selection-card__content{flex:1;min-width:0}.sdq_kpi-selection-card__label-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.sdq_kpi-selection-card__label{font-size:12px;font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3;flex:1}.sdq_kpi-selection-card__expand-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--surface-card-hover);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sdq_kpi-selection-card__expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sdq_kpi-selection-card__value-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.sdq_kpi-selection-card__value{font-size:18px;font-weight:var(--font-bold);color:var(--text-primary);line-height:1;font-feature-settings:var(--font-feature-tabular)}.sdq_kpi-selection-card__trend{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:var(--font-bold)}.sdq_kpi-selection-card__trend--positive{background:var(--status-success-bg);color:var(--status-success)}.sdq_kpi-selection-card__trend--negative{background:var(--status-error-bg);color:var(--status-error)}.sdq_kpi-selection-card__trend--stable{background:var(--bg-tertiary);color:var(--text-secondary)}.sdq_kpi-selection-card__description{display:block;font-size:10px;color:var(--text-tertiary);line-height:1.4}.sdq_kpi-selection-card__details{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-subtle)}.sdq_kpi-details-section{margin-bottom:var(--spacing-3)}.sdq_kpi-details-section:last-child{margin-bottom:0}.sdq_kpi-details-section__title{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-2)}.sdq_kpi-breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sdq_kpi-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);background:var(--surface-card-hover);border-radius:4px}.sdq_kpi-breakdown-item__label{font-size:11px;font-weight:var(--font-medium);color:var(--text-primary)}.sdq_kpi-breakdown-item__values{display:flex;align-items:center;gap:6px}.sdq_kpi-breakdown-item__value{font-size:11px;font-weight:var(--font-bold);color:var(--text-primary);font-feature-settings:var(--font-feature-tabular)}.sdq_kpi-breakdown-item__percentage{padding:2px 6px;background:var(--bg-tertiary);border-radius:3px;font-size:9px;font-weight:var(--font-bold);color:var(--text-secondary)}.sdq_kpi-comparison{padding:var(--spacing-2);background:var(--surface-card-hover);border-radius:4px}.sdq_kpi-comparison__row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.sdq_kpi-comparison__label{font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary)}.sdq_kpi-comparison__value{font-size:11px;font-weight:var(--font-bold);color:var(--text-primary)}.sdq_kpi-comparison__change{display:flex;align-items:center;gap:6px;padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle);font-size:11px;font-weight:var(--font-semibold);color:var(--brand-primary)}.sdq_kpi-insight-text{font-size:11px;color:var(--text-secondary);line-height:1.5;margin:0;padding:var(--spacing-2);background:var(--surface-card-hover);border-radius:4px;border-left:2px solid var(--brand-primary)}.sdq_kpi-confidence-wrapper{margin-top:var(--spacing-2)}.sdq_kpi-confidence-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:var(--font-bold);letter-spacing:.04em}.sdq_kpi-confidence-badge__dot{width:4px;height:4px;border-radius:50%;background:currentColor}.sdq_kpi-confidence-badge--high{background:var(--status-success-bg);color:var(--status-success)}.sdq_kpi-confidence-badge--medium{background:var(--status-warning-bg);color:var(--status-warning)}.sdq_kpi-confidence-badge--low{background:var(--status-error-bg);color:var(--status-error)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.sdq_kpi-selection-grid{grid-template-columns:1fr}}@media(max-width:768px){.sdq_kpi-modal__body{padding:var(--spacing-3)}.sdq_kpi-modal__footer{flex-direction:column}.sdq_kpi-modal__footer .sdq_kpi-modal-btn{width:100%;justify-content:center}}[data-theme=dark] .sdq_kpi-selection-card--selected .sdq_kpi-selection-card__background{box-shadow:var(--shadow-sm),0 0 0 1px #3ba0ff33}.sdq_kpi-section{margin-bottom:var(--spacing-6);position:relative;padding:20px 32px;transition:padding .3s ease}.sdq_kpi-section__header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(102,137,220,.12)}.sdq_kpi-section__header-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.sdq_kpi-section__title{font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(102,137,220,.85) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.01em}.sdq_kpi-section__subtitle{font-size:12px;font-weight:500;color:var(--text-tertiary);margin:var(--spacing-1) 0 0 0;letter-spacing:.01em}.sdq_kpi-section .sdq_kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;position:relative}.sdq_kpi-section .sdq_kpi-grid:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 10% 10%,rgba(102,137,220,.03) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(82,114,196,.02) 0%,transparent 40%);pointer-events:none;z-index:-1;border-radius:16px}.sdq_kpi-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-12);text-align:center}.sdq_kpi-section__empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffc,#f4f7ff99);border:1.5px solid rgba(102,137,220,.2);border-radius:16px;margin-bottom:var(--spacing-4);color:#6689dc99;box-shadow:0 4px 12px #6689dc1a,inset 0 1px #fff9}.sdq_kpi-section__empty-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.01em}.sdq_kpi-section__empty-description{font-size:13px;font-weight:500;color:var(--text-tertiary);margin:0;max-width:320px;line-height:1.5}.sdq_kpi-section__loading{display:flex;align-items:center;justify-content:center;min-height:200px}.sdq_kpi-section__loading-spinner{width:40px;height:40px;border:3px solid rgba(102,137,220,.2);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1200px){.sdq_kpi-section .sdq_kpi-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media(max-width:1024px){.sdq_kpi-section{padding:16px 24px}.sdq_kpi-section .sdq_kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media(max-width:768px){.sdq_kpi-section{padding:14px 16px;margin-bottom:var(--spacing-4)}.sdq_kpi-section__header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.sdq_kpi-section__title{font-size:14px}.sdq_kpi-section__subtitle{font-size:11px}.sdq_kpi-section .sdq_kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.sdq_kpi-section .sdq_kpi-grid:before{inset:-10px}}@media(max-width:480px){.sdq_kpi-section{padding:12px}.sdq_kpi-section .sdq_kpi-grid{grid-template-columns:1fr;gap:12px}}[data-theme=dark] .sdq_kpi-section__header{border-bottom-color:#94b2f026}[data-theme=dark] .sdq_kpi-section__title{background:linear-gradient(135deg,var(--text-primary) 0%,rgba(148,178,240,.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .sdq_kpi-section .sdq_kpi-grid:before{background:radial-gradient(circle at 10% 10%,rgba(148,178,240,.06) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(102,137,220,.04) 0%,transparent 40%)}[data-theme=dark] .sdq_kpi-section__empty-icon{background:linear-gradient(135deg,#12192acc,#191f3099);border-color:#94b2f040;color:#94b2f0b3;box-shadow:0 4px 12px #0000004d,inset 0 1px #94b2f01a}[data-theme=dark] .sdq_kpi-section__loading-spinner{border-color:#94b2f040;border-top-color:var(--brand-primary)}@media print{.sdq_kpi-section{padding:var(--spacing-4)}.sdq_kpi-section__header{border-bottom:1px solid #ddd}.sdq_kpi-section .sdq_kpi-grid{gap:12px}.sdq_kpi-section .sdq_kpi-grid:before{display:none}.sdq_kpi-section__empty,.sdq_kpi-section__loading{display:none}}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-8);border-top:1px solid rgba(102,137,220,.12);background:linear-gradient(180deg,#ffffffeb,#f9fbffe0);box-shadow:0 -2px 12px #6689dc0f;gap:var(--spacing-4);flex-wrap:wrap;position:relative}.dashboard-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,137,220,.3) 50%,transparent 100%)}.toolbar-group{display:flex;align-items:center;gap:var(--spacing-2)}.toolbar-group .toolbar-separator{width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,rgba(102,137,220,.2) 50%,transparent 100%);margin:0 var(--spacing-1)}.toolbar-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#fffffff2,#f9fbffe6);border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-button);font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #6689dc14}.toolbar-btn:hover:not(:disabled){background:linear-gradient(135deg,#6689dc1a,#5272c414);border-color:#6689dc59;color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6689dc26}.toolbar-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6689dc1a}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn svg{stroke-width:2;flex-shrink:0}.toolbar-btn-icon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:linear-gradient(135deg,#fffffff2,#f9fbffe6);border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #6689dc14}.toolbar-btn-icon:hover:not(:disabled){background:linear-gradient(135deg,#6689dc26,#5272c41f);border-color:var(--brand-primary);color:var(--brand-primary);transform:scale(1.05);box-shadow:0 4px 12px #6689dc33}.toolbar-btn-icon:active:not(:disabled){transform:scale(.98)}.toolbar-btn-icon:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-icon svg{width:16px;height:16px;stroke-width:2}.toolbar-selection-info{display:flex;align-items:center;gap:var(--spacing-2);padding-left:var(--spacing-4);border-left:1px solid rgba(102,137,220,.15)}.toolbar-selection-info .toolbar-selection-count{font-size:11px;font-weight:var(--font-bold);color:var(--brand-primary);padding:4px var(--spacing-3);background:linear-gradient(135deg,#6689dc26,#5272c41f);border:1px solid rgba(102,137,220,.25);border-radius:var(--radius-full);letter-spacing:.02em;box-shadow:0 2px 6px #6689dc1f}.toolbar-layout-presets{position:relative}.layout-presets-dropdown{position:absolute;bottom:40px;left:0;min-width:280px;max-height:300px;overflow-y:auto;background:linear-gradient(135deg,#fffffffa,#f9fbfff5);border:1px solid rgba(102,137,220,.25);border-radius:var(--radius-card);box-shadow:0 12px 48px #6689dc33;padding:var(--spacing-2);z-index:99999!important;pointer-events:auto;animation:slideDown .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layout-presets-dropdown:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,137,220,.03) 0%,transparent 50%,rgba(82,114,196,.02) 100%);border-radius:inherit;pointer-events:none}.layout-presets-dropdown::-webkit-scrollbar{width:6px}.layout-presets-dropdown::-webkit-scrollbar-track{background:#6689dc0f;border-radius:var(--radius-full)}.layout-presets-dropdown::-webkit-scrollbar-thumb{background:#6689dc4d;border-radius:var(--radius-full)}.layout-presets-dropdown::-webkit-scrollbar-thumb:hover{background:#6689dc80}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.preset-option{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative}.preset-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6689dc14,#5272c40d);border-radius:inherit;opacity:0;transition:opacity .2s ease}.preset-option svg{flex-shrink:0;color:#6689dc99;stroke-width:2;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.preset-option:hover:before{opacity:1}.preset-option:hover{transform:translate(4px)}.preset-option:hover svg{color:var(--brand-primary);transform:scale(1.1)}.preset-option:hover .preset-name{color:var(--brand-primary)}.preset-option:hover .preset-desc{color:var(--text-secondary)}.preset-option:active{transform:translate(2px)}.preset-option:not(:last-child){margin-bottom:var(--spacing-1)}.preset-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0;z-index:1}.preset-name{font-size:12px;font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-normal);transition:color .2s cubic-bezier(.4,0,.2,1)}.preset-desc{font-size:11px;color:var(--text-tertiary);line-height:1.4;transition:color .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .dashboard-toolbar{background:linear-gradient(180deg,#0f1623eb,#12192ae0);border-top-color:#94b2f026;box-shadow:0 -2px 12px #0006}[data-theme=dark] .dashboard-toolbar:before{background:linear-gradient(90deg,transparent 0%,rgba(148,178,240,.4) 50%,transparent 100%)}[data-theme=dark] .toolbar-group .toolbar-separator{background:linear-gradient(180deg,transparent 0%,rgba(148,178,240,.25) 50%,transparent 100%)}[data-theme=dark] .toolbar-btn{background:linear-gradient(135deg,#12192af2,#141a28e6);border-color:#94b2f033;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .toolbar-btn:hover:not(:disabled){background:linear-gradient(135deg,#94b2f026,#6689dc1f);border-color:#94b2f066;box-shadow:0 4px 12px #94b2f033}[data-theme=dark] .toolbar-btn-icon{background:linear-gradient(135deg,#12192af2,#141a28e6);border-color:#94b2f033}[data-theme=dark] .toolbar-btn-icon:hover:not(:disabled){background:linear-gradient(135deg,#94b2f033,#6689dc26);border-color:#94b2f080;box-shadow:0 4px 12px #94b2f040}[data-theme=dark] .toolbar-selection-info{border-left-color:#94b2f033}[data-theme=dark] .toolbar-selection-info .toolbar-selection-count{background:linear-gradient(135deg,#94b2f033,#6689dc26);border-color:#94b2f04d;box-shadow:0 2px 6px #94b2f026}[data-theme=dark] .layout-presets-dropdown{background:linear-gradient(135deg,#12192afa,#141a28f5);border-color:#94b2f04d;box-shadow:0 12px 48px #0009}[data-theme=dark] .layout-presets-dropdown:before{background:linear-gradient(135deg,rgba(148,178,240,.05) 0%,transparent 50%,rgba(102,137,220,.03) 100%)}[data-theme=dark] .layout-presets-dropdown::-webkit-scrollbar-track{background:#94b2f014}[data-theme=dark] .layout-presets-dropdown::-webkit-scrollbar-thumb{background:#94b2f066}[data-theme=dark] .layout-presets-dropdown::-webkit-scrollbar-thumb:hover{background:#94b2f099}[data-theme=dark] .preset-option:before{background:linear-gradient(135deg,#94b2f01f,#6689dc14)}[data-theme=dark] .preset-option svg{color:#94b2f0b3}[data-theme=dark] .preset-option:hover svg{color:#94b2f0}[data-theme=dark] .preset-option:hover .preset-name{color:#94b2f0}@media(max-width:1024px){.dashboard-toolbar{padding-left:var(--spacing-6);padding-right:var(--spacing-6);flex-direction:column;align-items:flex-start}.toolbar-selection-info{border-left:none;padding-left:0}}@media(max-width:768px){.dashboard-toolbar{padding:var(--spacing-3) var(--spacing-4)}}@media(max-width:480px){.toolbar-group{width:100%;flex-wrap:wrap}.toolbar-group .toolbar-btn,.toolbar-group .toolbar-btn-icon{flex:1;min-width:44px}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#f4f7ff,#fafcfe,#f9fbff 50%,#f4f7ff);position:relative;font-family:var(--font-sans);transition:background-color .3s ease;width:100%;overflow-x:hidden}.dashboard:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(102,137,220,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(82,114,196,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(59,138,165,.04) 0%,transparent 60%);pointer-events:none;z-index:0;animation:subtleShift 20s ease-in-out infinite}.dashboard:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(102,137,220,.05) 1px,transparent 1px);background-size:24px 24px;opacity:.5;pointer-events:none;z-index:0}.dashboard *{box-sizing:border-box}@keyframes subtleShift{0%,to{opacity:1}50%{opacity:.85}}.dashboard-controls{background:linear-gradient(180deg,#ffffffeb,#f4f7ffe0);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid rgba(102,137,220,.15);box-shadow:0 2px 12px #6689dc14;z-index:99;position:sticky;top:0}.dashboard-grid-container{width:100%;max-width:100%;padding:var(--spacing-8);position:relative;min-height:calc(100vh - 300px);z-index:1}@media(max-width:1024px){.dashboard-grid-container{padding:var(--spacing-6)}}@media(max-width:768px){.dashboard-grid-container{padding:var(--spacing-4)}}.dashboard-grid{width:100%!important;position:relative;min-height:400px}.dashboard-grid .grid-item{transition:all .25s cubic-bezier(.25,.46,.45,.94);will-change:transform;overflow:visible}.react-grid-item{transition:all .15s cubic-bezier(.25,.46,.45,.94);transition-property:left,top,width,height;will-change:transform;overflow:visible}.react-grid-item.resizing,.react-grid-item.react-draggable-dragging{transition:none;z-index:100;will-change:transform}.react-grid-item.resizing .chart-card,.react-grid-item.react-draggable-dragging .chart-card{box-shadow:0 30px 60px #6689dc4d,0 20px 40px #5272c433;transform:scale(1.03) rotate(.5deg);transition:all .15s cubic-bezier(.34,1.56,.64,1)}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:linear-gradient(135deg,#6689dc1f,#5272c414);border-radius:var(--radius-card);border:2px dashed rgba(102,137,220,.4);opacity:.8;z-index:2;transition-duration:.1s;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;box-shadow:inset 0 2px 8px #6689dc26,0 4px 16px #6689dc33}.react-resizable-handle{position:absolute;width:20px;height:20px}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.chart-card{background:linear-gradient(135deg,#fff,#fefeff,#fdfdfe);border-radius:var(--radius-card);border:1px solid rgba(102,137,220,.12);box-shadow:0 2px 8px #6689dc1a,0 1px 3px #5272c40f,inset 0 1px #fffc;overflow:visible;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;width:100%;position:relative;will-change:transform,box-shadow}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6689dc00,#6689dc99,#5272c400);opacity:0;transition:opacity .3s ease}.chart-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(102,137,220,.02) 0%,transparent 50%,rgba(82,114,196,.01) 100%);pointer-events:none}.chart-card:hover{box-shadow:0 8px 24px #6689dc29,0 4px 12px #5272c41f,inset 0 1px #ffffffe6;border-color:#6689dc4d;transform:translateY(-2px)}.chart-card:hover:before{opacity:1}.chart-card:hover .chart-card-drag-handle{opacity:1}.chart-card:hover .chart-card-resize-presets{opacity:1;pointer-events:all}.chart-card:hover .chart-card-resize-handle{opacity:1}.chart-card.locked{opacity:.92}.chart-card.locked:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(102,137,220,.03) 10px,rgba(102,137,220,.03) 20px);pointer-events:none}.chart-card .chart-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid rgba(102,137,220,.1);background:linear-gradient(180deg,#f4f7ffcc,#fff9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;min-height:52px;transition:all .2s ease;position:relative;overflow:visible;z-index:10}.chart-card .chart-card-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(102,137,220,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.chart-card:hover .chart-card .chart-card-header:before{opacity:1}.chart-card .chart-card-header .chart-card-title-section{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.chart-card .chart-card-header .chart-card-title-section:active{cursor:grabbing}.chart-card .chart-card-header .chart-card-title-section svg{flex-shrink:0;color:#6689dc99;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center}.chart-card .chart-card-header .chart-card-title-section .chart-card-title{font:var(--type-heading-4);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--tracking-tight);transition:color .2s ease}.chart-card .chart-card-header .chart-card-actions{display:flex;align-items:center;gap:var(--spacing-2);position:relative;z-index:1}.chart-card .chart-card-header .chart-card-actions .chart-card-resize-presets{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(.95);box-shadow:0 2px 8px #6689dc1f}.chart-card .chart-card-header .chart-card-actions .chart-card-resize-presets:hover{transform:scale(1)}.chart-card .chart-card-header .chart-card-actions .chart-card-resize-presets .resize-preset-btn{padding:var(--spacing-1) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-xs);font:var(--type-caption-medium);color:var(--text-tertiary);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.chart-card .chart-card-header .chart-card-actions .chart-card-resize-presets .resize-preset-btn:hover{background:#6689dc1f;color:var(--brand-primary);transform:scale(1.05)}.chart-card .chart-card-header .chart-card-actions .chart-card-resize-presets .resize-preset-btn:active{transform:scale(.95)}.chart-card .chart-card-header .chart-card-menu-btn,.chart-card .chart-card-header .chart-card-expand,.chart-card .chart-card-header .chart-card-delete{padding:var(--spacing-1);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:flex;align-items:center;justify-content:center}.chart-card .chart-card-header .chart-card-menu-btn svg,.chart-card .chart-card-header .chart-card-expand svg,.chart-card .chart-card-header .chart-card-delete svg{stroke-width:2.5;display:block;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.chart-card .chart-card-header .chart-card-menu-btn:hover,.chart-card .chart-card-header .chart-card-expand:hover,.chart-card .chart-card-header .chart-card-delete:hover{transform:scale(1.1)}.chart-card .chart-card-header .chart-card-menu-btn:active,.chart-card .chart-card-header .chart-card-expand:active,.chart-card .chart-card-header .chart-card-delete:active{transform:scale(.9)}.chart-card .chart-card-header .chart-card-menu-btn:hover,.chart-card .chart-card-header .chart-card-expand:hover{background:#6689dc1f;color:var(--brand-primary);box-shadow:0 0 0 3px #6689dc14}.chart-card .chart-card-header .chart-card-delete:hover{background:var(--status-error-bg);color:var(--status-error);box-shadow:0 0 0 3px #ef444414}.chart-card .chart-card-body{flex:1;padding:var(--spacing-4);min-height:0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background:linear-gradient(135deg,#fffffffa,#f9fbfff2);transition:all .2s ease;width:100%;position:relative}.chart-card .chart-card-body>*{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%}.chart-card .chart-card-body .chart-card-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart-card .chart-card-body .chart-card-loading .spinner{width:36px;height:36px;border:3px solid rgba(102,137,220,.2);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite;box-shadow:0 2px 8px #6689dc26}.chart-card .chart-card-resize-handle{position:absolute;bottom:var(--spacing-1);right:var(--spacing-1);width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:se-resize;color:var(--brand-primary);z-index:10}.chart-card .chart-card-resize-handle svg{stroke-width:2.5;transition:transform .2s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(102,137,220,.3))}.chart-card .chart-card-resize-handle:hover{opacity:1!important;transform:scale(1.2)}.chart-card .chart-card-locked-indicator{position:absolute;top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1);background:linear-gradient(135deg,#6689dc26,#5272c41f);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xs);border:1px solid rgba(102,137,220,.3);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #6689dc33}.chart-card .chart-card-locked-indicator svg{display:block}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-16) var(--spacing-6);text-align:center;animation:fadeIn .4s ease}.dashboard-empty-state .empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#f4f7ffe6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:var(--brand-primary);border:1px solid rgba(102,137,220,.25);box-shadow:0 4px 12px #6689dc1f,inset 0 1px #fff9;animation:float 3s ease-in-out infinite;position:relative}.dashboard-empty-state .empty-state-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6689dc66,#5272c44d);border-radius:var(--radius-xl);opacity:.15;z-index:-1;animation:pulse 2s ease-in-out infinite}.dashboard-empty-state .empty-state-title{font:var(--type-heading-3);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--text-primary) 0%,rgba(102,137,220,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-empty-state .empty-state-description{font:var(--type-body);color:var(--text-tertiary);margin:0;max-width:400px;line-height:1.6}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.dashboard:after{background-size:18px 18px}.dashboard-empty-state{padding:var(--spacing-12) var(--spacing-4)}.dashboard-empty-state .empty-state-icon{width:64px;height:64px;margin-bottom:var(--spacing-4)}.chart-card .chart-card-header{padding:var(--spacing-3)}.chart-card .chart-card-header .chart-card-title{font-size:var(--text-sm)}.chart-card .chart-card-header .chart-card-resize-presets{opacity:1;pointer-events:all;transform:scale(1)}.chart-card .chart-card-header .chart-card-drag-handle{opacity:1}.chart-card .chart-card-body{padding:var(--spacing-3)}}[data-theme=dark] .dashboard{background:linear-gradient(135deg,#0f1623,#12192a,#141a28 50%,#0f1623)}[data-theme=dark] .dashboard:before{background:radial-gradient(circle at 15% 15%,rgba(148,178,240,.12) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(102,137,220,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(82,114,196,.08) 0%,transparent 60%)}[data-theme=dark] .dashboard:after{background-image:radial-gradient(circle,rgba(148,178,240,.12) 1px,transparent 1px)}[data-theme=dark] .dashboard-controls{background:linear-gradient(180deg,#0f1623eb,#12192ae0);border-bottom-color:#94b2f033;box-shadow:0 2px 12px #0006}[data-theme=dark] .chart-card{background:linear-gradient(135deg,#12192afa,#141a28f2);border-color:#94b2f02e;box-shadow:0 2px 8px #0006,0 1px 3px #94b2f01f,inset 0 1px #94b2f014}[data-theme=dark] .chart-card:before{background:linear-gradient(90deg,#94b2f000,#94b2f0cc,#6689dc00)}[data-theme=dark] .chart-card:after{background:linear-gradient(135deg,rgba(148,178,240,.04) 0%,transparent 50%,rgba(102,137,220,.02) 100%)}[data-theme=dark] .chart-card:hover{box-shadow:0 8px 24px #00000080,0 4px 12px #94b2f033,inset 0 1px #94b2f01f;border-color:#94b2f066}[data-theme=dark] .chart-card .chart-card-header{background:linear-gradient(180deg,#191f30e6,#12192ab3);border-bottom-color:#94b2f026}[data-theme=dark] .chart-card .chart-card-header:before{background:linear-gradient(90deg,transparent 0%,rgba(148,178,240,.08) 50%,transparent 100%)}[data-theme=dark] .chart-card .chart-card-body{background:linear-gradient(135deg,#141a28f2,#12192afa)}[data-theme=dark] .chart-card .chart-card-locked-indicator{background:linear-gradient(135deg,#94b2f040,#6689dc33);border-color:#94b2f066;box-shadow:0 2px 6px #94b2f04d}[data-theme=dark] .dashboard-empty-state .empty-state-icon{background:linear-gradient(135deg,#12192af2,#191f30e6);border-color:#94b2f059;box-shadow:0 4px 12px #94b2f033,inset 0 1px #ffffff14}[data-theme=dark] .dashboard-empty-state .empty-state-icon:before{background:linear-gradient(135deg,#94b2f080,#6689dc66)}[data-theme=dark] .dashboard-empty-state .empty-state-title{background:linear-gradient(135deg,var(--text-primary) 0%,rgba(148,178,240,.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media print{.dashboard{background:#fff}.dashboard:before,.dashboard:after{display:none}.dashboard-controls{display:none}.dashboard-grid-container{padding:var(--spacing-4)}.dashboard-empty-state{display:none}.chart-card{box-shadow:none;border-color:var(--border-default);background:#fff}.chart-card:hover{transform:none;box-shadow:none}.chart-card:before,.chart-card:after{display:none}.chart-card .chart-card-header{background:#f8fafb}.chart-card .chart-card-header:before{display:none}.chart-card .chart-card-body{background:#fff}}.chart-card-pie-selector{position:relative}.chart-card-pie-selector__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fffffffa;border:1px solid rgba(102,137,220,.2);border-radius:6px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6689dc14}.chart-card-pie-selector__trigger svg{transition:transform .2s ease}.chart-card-pie-selector__trigger svg.rotated{transform:rotate(180deg)}.chart-card-pie-selector__trigger:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 2px 8px #6689dc2e;background:#6689dc0d}.chart-card-pie-selector__trigger.is-open{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6689dc1f;background:#6689dc14}.chart-card-pie-selector__icon{font-size:14px;line-height:1}.chart-card-pie-selector__label{min-width:80px;text-align:left;white-space:nowrap}.chart-card-pie-selector__backdrop{position:fixed;inset:0;z-index:9998}.chart-card-pie-selector__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;max-height:300px;overflow-y:auto;background:#fffffffa;border:1px solid rgba(102,137,220,.2);border-radius:10px;box-shadow:0 10px 40px #6689dc33;z-index:9999;overflow:hidden;animation:menuSlideDown .2s ease;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chart-card-pie-selector__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:all .15s ease}.chart-card-pie-selector__option:hover{background:#6689dc14}.chart-card-pie-selector__option.is-selected{background:#6689dc1f}.chart-card-pie-selector__option.is-selected .chart-card-pie-selector__option-name{color:var(--brand-primary)}.chart-card-pie-selector__option-icon{font-size:16px;width:22px;text-align:center}.chart-card-pie-selector__option-name{flex:1;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--text-primary)}.chart-card-pie-selector__check{color:var(--brand-primary);flex-shrink:0}.dashboard--sidebar-open .dashboard-grid-container{transition:margin-right .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){.dashboard--sidebar-open .dashboard-grid-container{margin-right:0!important}}.chart-fullscreen-modal{position:fixed;inset:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.chart-fullscreen-modal{padding:var(--spacing-4)}}.chart-fullscreen-content{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;width:100%;max-width:1600px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){.chart-fullscreen-content{height:95vh;max-height:none}}.chart-fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0;position:relative;overflow:visible;z-index:100}.chart-fullscreen-header .chart-fullscreen-title-section{flex:1;min-width:0}.chart-fullscreen-header .chart-fullscreen-title-section .chart-fullscreen-title{font:var(--type-heading-2);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--tracking-tight)}@media(max-width:768px){.chart-fullscreen-header .chart-fullscreen-title-section .chart-fullscreen-title{font-size:var(--text-lg)}}.chart-fullscreen-header .chart-fullscreen-actions{display:flex;align-items:center;gap:var(--spacing-3);position:relative}.chart-fullscreen-header .chart-fullscreen-pie-selector{position:relative}.chart-fullscreen-header .chart-fullscreen-pie-selector__trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000f}.chart-fullscreen-header .chart-fullscreen-pie-selector__trigger svg{transition:transform .2s ease}.chart-fullscreen-header .chart-fullscreen-pie-selector__trigger svg.rotated{transform:rotate(180deg)}.chart-fullscreen-header .chart-fullscreen-pie-selector__trigger:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 2px 8px #0d7dd626}.chart-fullscreen-header .chart-fullscreen-pie-selector__trigger.is-open{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0d7dd61a}.chart-fullscreen-header .chart-fullscreen-pie-selector__icon{font-size:15px;line-height:1}.chart-fullscreen-header .chart-fullscreen-pie-selector__label{min-width:100px;text-align:left}.chart-fullscreen-header .chart-fullscreen-pie-selector__backdrop{position:fixed;inset:0;z-index:9998}.chart-fullscreen-header .chart-fullscreen-pie-selector__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:9999;overflow:hidden;animation:menuSlideDown .2s ease;padding:6px}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chart-fullscreen-header .chart-fullscreen-pie-selector__option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:all .15s ease}.chart-fullscreen-header .chart-fullscreen-pie-selector__option:hover{background:var(--bg-secondary)}.chart-fullscreen-header .chart-fullscreen-pie-selector__option.is-selected{background:#0d7dd614}.chart-fullscreen-header .chart-fullscreen-pie-selector__option.is-selected .chart-fullscreen-pie-selector__option-name{color:var(--brand-primary)}.chart-fullscreen-header .chart-fullscreen-pie-selector__option-icon{font-size:18px;width:24px;text-align:center}.chart-fullscreen-header .chart-fullscreen-pie-selector__option-name{flex:1;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary)}.chart-fullscreen-header .chart-fullscreen-pie-selector__check{color:var(--brand-primary);flex-shrink:0}.chart-fullscreen-header .chart-fullscreen-action-btn,.chart-fullscreen-header .chart-fullscreen-close{padding:var(--spacing-2);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chart-fullscreen-header .chart-fullscreen-action-btn:hover,.chart-fullscreen-header .chart-fullscreen-close:hover{background:var(--bg-hover);color:var(--text-primary)}.chart-fullscreen-header .chart-fullscreen-close:hover{background:var(--status-error-bg);color:var(--status-error)}.chart-fullscreen-body{flex:1;padding:var(--spacing-6);min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-card)}@media(max-width:768px){.chart-fullscreen-body{padding:var(--spacing-4)}}.chart-fullscreen-body .chart-fullscreen-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart-fullscreen-body .chart-fullscreen-loading .spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .chart-fullscreen-pie-selector__trigger{background:#1e293bf7;border-color:#47556999;color:#94a3b8}[data-theme=dark] .chart-fullscreen-pie-selector__trigger:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .chart-fullscreen-pie-selector__trigger.is-open{border-color:#60a5fa}[data-theme=dark] .chart-fullscreen-pie-selector__menu{background:#1e293bfa;border-color:#47556999}[data-theme=dark] .chart-fullscreen-pie-selector__option:hover{background:#33415599}[data-theme=dark] .chart-fullscreen-pie-selector__option.is-selected{background:#60a5fa1f}[data-theme=dark] .chart-fullscreen-pie-selector__option-name{color:#f1f5f9}[data-theme=dark] .chart-fullscreen-pie-selector__check{color:#60a5fa}.dashboard-tab{position:relative;display:inline-flex;align-items:stretch;border-radius:12px;white-space:nowrap;isolation:isolate;animation:tabSlideIn .32s cubic-bezier(.34,1.56,.64,1) calc(var(--tab-index) * .04s) backwards;cursor:grab;-webkit-user-select:none;user-select:none}.dashboard-tab:active{cursor:grabbing}.dashboard-tab__background{position:absolute;inset:0;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:inherit;transition:all .22s cubic-bezier(.4,0,.2,1);z-index:-1}.dashboard-tab__body{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:inherit;outline:none;min-width:150px;transition:transform .22s cubic-bezier(.4,0,.2,1)}.dashboard-tab:hover .dashboard-tab__background{border-color:var(--border-medium);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;transform:translateY(-1px)}.dashboard-tab:hover .dashboard-tab__body{transform:translateY(-1px)}.dashboard-tab:hover .dashboard-tab__actions{opacity:1;transform:translateY(0);pointer-events:auto}.dashboard-tab:focus-within .dashboard-tab__background{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0d7dd61f,0 2px 8px #0d7dd626}.dashboard-tab__icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dashboard-tab__icon-btn:hover{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary);transform:scale(1.08);box-shadow:0 2px 4px #0d7dd626}.dashboard-tab__icon-btn:active{transform:scale(.96)}.dashboard-tab__content{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}.dashboard-tab__name{font-size:13px;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;cursor:default;line-height:1.3}.dashboard-tab__meta{font-size:10px;font-weight:var(--font-medium);color:var(--text-tertiary);white-space:nowrap;min-height:14px;text-transform:uppercase;letter-spacing:.03em}.dashboard-tab__rename-input{width:160px;max-width:160px;font-size:13px;font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:8px;padding:6px 10px;outline:none;transition:all .18s ease}.dashboard-tab__rename-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0d7dd61f}.dashboard-tab__active-indicator{position:absolute;bottom:0;left:14px;right:14px;height:3px;background:linear-gradient(90deg,var(--brand-primary),#2563eb);border-radius:var(--radius-full);box-shadow:0 0 12px #0d7dd680,0 2px 6px #0d7dd64d;pointer-events:none}.dashboard-tab__pin-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--brand-subtle);border:1.5px solid rgba(13,125,214,.3);color:var(--brand-primary);flex-shrink:0}.dashboard-tab__actions{display:flex;align-items:center;padding-right:8px;opacity:0;transform:translateY(2px);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-tab__menu-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px;background:transparent;border:1.5px solid transparent;color:var(--text-tertiary);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.dashboard-tab__menu-btn:hover{color:var(--brand-primary);background:var(--brand-subtle);border-color:#0d7dd640;transform:scale(1.05)}.dashboard-tab__menu-btn:active{transform:scale(.95)}.dashboard-tab--active{cursor:default}.dashboard-tab--active .dashboard-tab__background{background:linear-gradient(135deg,var(--brand-subtle) 0%,rgba(13,125,214,.08) 100%);border-color:var(--brand-primary);box-shadow:0 4px 12px #0d7dd626,0 2px 6px #0d7dd61a,0 0 0 1px #0d7dd61a}.dashboard-tab--active .dashboard-tab__icon-btn{background:linear-gradient(135deg,var(--brand-primary) 0%,#2563eb 100%);border-color:var(--brand-primary);color:var(--text-inverse);box-shadow:0 2px 6px #0d7dd64d}.dashboard-tab--active .dashboard-tab__name{color:var(--brand-primary)}.dashboard-tab--active .dashboard-tab__meta{color:var(--brand-primary);opacity:.85}.dashboard-tab--active .dashboard-tab__actions{opacity:1;pointer-events:auto;transform:translateY(0)}.dashboard-tab--pinned .dashboard-tab__background{border-color:#0d7dd640}.dashboard-tab--add{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dashboard-tab--add .dashboard-tab__background{border-style:dashed;border-width:1.5px;border-color:var(--border-medium)}.dashboard-tab--add:hover .dashboard-tab__background{background:linear-gradient(135deg,var(--brand-subtle) 0%,rgba(13,125,214,.06) 100%);border-color:var(--brand-primary);border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #0d7dd61f}.dashboard-tab--add:hover .dashboard-tab__add-content{color:var(--brand-primary);transform:translateY(-1px)}.dashboard-tab--add:active .dashboard-tab__background{transform:translateY(0)}.dashboard-tab--add:active .dashboard-tab__add-content{transform:scale(.96)}.dashboard-tab--add:focus-visible{outline:none}.dashboard-tab--add:focus-visible .dashboard-tab__background{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0d7dd61f}.dashboard-tab__add-content{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:var(--font-semibold);color:var(--text-tertiary);letter-spacing:.02em;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.dashboard-tab__body{padding:7px 12px;gap:8px;min-width:130px}.dashboard-tab__name{max-width:120px;font-size:12px}.dashboard-tab__meta{font-size:9px}.dashboard-tab__icon-btn{width:26px;height:26px}.dashboard-tab__icon-btn svg{width:13px;height:13px}.dashboard-tab__menu-btn{width:28px;height:28px}}@media(max-width:480px){.dashboard-tab__body{min-width:110px;padding:6px 10px}.dashboard-tab__name{max-width:90px;font-size:11px}.dashboard-tab__meta{display:none}.dashboard-tab__add-content{font-size:11px}}[data-theme=dark] .dashboard-tab__background{box-shadow:0 1px 3px #0003}[data-theme=dark] .dashboard-tab:hover .dashboard-tab__background{box-shadow:0 4px 12px #0000004d,0 2px 6px #0003}[data-theme=dark] .dashboard-tab--active .dashboard-tab__background{box-shadow:0 6px 16px #0d7dd640,0 3px 8px #0d7dd626,0 0 0 1px #3ba0ff33}[data-theme=dark] .dashboard-tab--active .dashboard-tab__active-indicator{box-shadow:0 0 16px #3ba0ff99,0 2px 8px #3ba0ff66}@media(prefers-contrast:high){.dashboard-tab__background{border-width:2px}.dashboard-tab--active .dashboard-tab__background{border-width:2.5px}}.icon-picker{position:fixed;z-index:9999;background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:14px;padding:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;animation:dropdownSlideIn .22s cubic-bezier(.34,1.56,.64,1);width:250px;max-width:calc(100vw - 32px)}.icon-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1.5px solid var(--border-subtle)}.icon-picker__title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.icon-picker__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-picker__item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.icon-picker__item:hover{background:var(--brand-subtle);border-color:#0d7dd666;color:var(--brand-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #0d7dd626}.icon-picker__item:active{transform:translateY(0) scale(.98)}.icon-picker__item--selected{background:linear-gradient(135deg,var(--brand-primary) 0%,#2563eb 100%);border-color:var(--brand-primary);color:var(--text-inverse);box-shadow:0 4px 8px #0d7dd640}.icon-picker__item--selected:hover{background:linear-gradient(135deg,#2563eb 0%,var(--brand-primary) 100%);border-color:#2563eb;transform:translateY(-2px) scale(1.05)}.icon-picker__check{position:absolute;right:-4px;bottom:-4px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#fff;color:var(--brand-primary);box-shadow:0 2px 4px #00000026}.tab-menu{position:fixed;z-index:9999;width:250px;max-width:calc(100vw - 32px);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;padding:12px;animation:dropdownSlideIn .22s cubic-bezier(.34,1.56,.64,1)}.tab-menu__title{font-size:13px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:10px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-menu__divider{height:1.5px;background:var(--border-subtle);margin:10px 0}.tab-menu__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid transparent;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .18s cubic-bezier(.4,0,.2,1)}.tab-menu__item span{font-size:13px;font-weight:var(--font-medium);color:inherit}.tab-menu__item svg{flex-shrink:0}.tab-menu__item:hover{background:var(--brand-subtle);border-color:#0d7dd640;color:var(--brand-primary);transform:translate(2px)}.tab-menu__item:active{transform:translate(0) scale(.98)}.tab-menu__item--danger:hover{background:#dc262614;border-color:#dc262640;color:#dc2626}.confirm-popover{position:fixed;z-index:10000;width:280px;max-width:calc(100vw - 32px);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;padding:16px;animation:dropdownSlideIn .22s cubic-bezier(.34,1.56,.64,1)}.confirm-popover__title{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:6px}.confirm-popover__desc{font-size:12px;color:var(--text-tertiary);margin-bottom:14px;line-height:1.5}.confirm-popover__actions{display:flex;gap:10px;justify-content:flex-end}.confirm-popover__btn{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:var(--font-semibold)}.confirm-popover__btn:hover{border-color:#0d7dd64d;color:var(--brand-primary);background:var(--brand-subtle);transform:translateY(-1px)}.confirm-popover__btn:active{transform:translateY(0) scale(.98)}.confirm-popover__btn--danger{border-color:#dc262666;color:#dc2626;background:#dc26260d}.confirm-popover__btn--danger:hover{background:#dc26261f;border-color:#dc262699;color:#dc2626;transform:translateY(-1px)}.confirm-popover__btn--danger:active{transform:translateY(0) scale(.98)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.icon-picker{width:230px}.icon-picker__grid{grid-template-columns:repeat(5,1fr);gap:6px}.icon-picker__item{width:36px;height:36px}.tab-menu,.confirm-popover{max-width:calc(100vw - 24px)}}@media(max-width:480px){.icon-picker{width:200px}.icon-picker__grid{grid-template-columns:repeat(4,1fr)}}[data-theme=dark] .icon-picker,[data-theme=dark] .tab-menu,[data-theme=dark] .confirm-popover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003,0 0 0 1px #ffffff0d}@media(prefers-contrast:high){.icon-picker,.tab-menu,.confirm-popover{border-width:2px}}.dashboard-tabs{position:relative;margin-bottom:var(--spacing-4);z-index:10;padding:0 30px}.dashboard-tabs__scroll-container{position:relative;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-tabs__scroll-container::-webkit-scrollbar{display:none}.dashboard-tabs__fade-left,.dashboard-tabs__fade-right{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:3;opacity:0;transition:opacity .25s ease}.dashboard-tabs__fade-left{left:0;background:linear-gradient(to right,var(--bg-primary) 70%,transparent)}.dashboard-tabs__fade-right{right:0;background:linear-gradient(to left,var(--bg-primary) 70%,transparent)}.dashboard-tabs__fade-left.is-visible,.dashboard-tabs__fade-right.is-visible{opacity:1}.dashboard-tabs__list{display:flex;gap:8px;padding:10px 0;min-height:52px;align-items:center}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:12000;padding:12px 18px;border-radius:12px;background:var(--bg-elevated);border:1.5px solid var(--border-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #0000000d;color:var(--text-primary);font-size:13px;font-weight:var(--font-semibold);animation:toastIn .22s cubic-bezier(.34,1.56,.64,1);min-width:200px;text-align:center}.toast--info{border-color:#0d7dd64d;background:linear-gradient(135deg,#0d7dd614,#0d7dd60a)}.toast--error{border-color:#dc262666;background:linear-gradient(135deg,#dc262614,#dc26260a);color:#dc2626}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(max-width:768px){.dashboard-tabs{padding:0 16px}.dashboard-tabs__header{margin-bottom:var(--spacing-2)}.dashboard-tabs__list{gap:6px;padding:8px 0}}@media(max-width:480px){.dashboard-tabs{padding:0 12px}.dashboard-tabs__title{font-size:12px}.dashboard-tabs__subtitle{font-size:10px}}[data-theme=dark] .dashboard-tabs__fade-left{background:linear-gradient(to right,var(--bg-primary) 75%,transparent)}[data-theme=dark] .dashboard-tabs__fade-right{background:linear-gradient(to left,var(--bg-primary) 75%,transparent)}[data-theme=dark] .toast{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003,0 0 0 1px #ffffff0d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kpi-sidebar__header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-subtle);background:var(--surface-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);flex-shrink:0;position:relative}.kpi-sidebar__header:after{content:"";position:absolute;bottom:0;left:var(--spacing-5);right:var(--spacing-5);height:2px;background:linear-gradient(90deg,transparent 0%,var(--border-default) 50%,transparent 100%);opacity:.6}.kpi-sidebar__header-content{flex:1;min-width:0}.kpi-sidebar__title-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.kpi-sidebar__title{font:var(--type-heading-4);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight);line-height:1.4}.kpi-sidebar__subtitle{font:var(--type-body-sm);color:var(--text-tertiary);margin:0;line-height:1.4}.kpi-sidebar__header-actions{display:flex;align-items:center;gap:var(--spacing-1)}.kpi-sidebar__action-btn{padding:var(--spacing-2);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--motion-fast) var(--ease-smooth);display:flex;align-items:center;justify-content:center}.kpi-sidebar__action-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--brand-primary);transform:scale(1.08)}.kpi-sidebar__action-btn:active:not(:disabled){transform:scale(.95)}.kpi-sidebar__action-btn--refresh:hover:not(:disabled){color:var(--status-success)}.kpi-sidebar__action-btn--refresh:disabled{opacity:.5;cursor:not-allowed}.kpi-sidebar__edit-form{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-1-5);width:100%;align-items:start}.kpi-sidebar__edit-fields{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.kpi-sidebar__edit-row{display:flex;gap:var(--spacing-2)}.kpi-sidebar__edit-input,.kpi-sidebar__edit-select,.kpi-sidebar__edit-textarea{padding:6px var(--spacing-2);background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:12px;line-height:1.3;color:var(--text-primary);transition:all var(--motion-fast) var(--ease-smooth)}.kpi-sidebar__edit-input::placeholder,.kpi-sidebar__edit-select::placeholder,.kpi-sidebar__edit-textarea::placeholder{color:var(--text-placeholder)}.kpi-sidebar__edit-input:focus,.kpi-sidebar__edit-select:focus,.kpi-sidebar__edit-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);background:var(--surface-input-focus)}.kpi-sidebar__edit-input{flex:1}.kpi-sidebar__edit-select{min-width:100px}.kpi-sidebar__edit-textarea{resize:none;height:32px;font-family:var(--font-sans)}.kpi-sidebar__edit-actions{display:flex;flex-direction:column;gap:var(--spacing-1)}.kpi-sidebar__edit-btn{padding:6px var(--spacing-2);border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all var(--motion-fast) var(--ease-smooth);white-space:nowrap}.kpi-sidebar__edit-btn--save{background:var(--status-success);color:#fff;box-shadow:var(--shadow-xs)}.kpi-sidebar__edit-btn--save:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kpi-sidebar__edit-btn--cancel{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border-default)}.kpi-sidebar__edit-btn--cancel:hover{background:var(--surface-active);color:var(--text-primary)}.kpi-sidebar__edit-btn:disabled{opacity:.5;cursor:not-allowed}.kpi-sparkline{width:100%}.kpi-sparkline svg{width:100%;display:block}.kpi-sparkline__line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .3s ease}.kpi-sparkline__line--positive{stroke:var(--status-success)}.kpi-sparkline__line--negative{stroke:var(--status-error)}.kpi-sparkline__meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-1)}.kpi-sparkline__range{font:var(--type-caption);color:var(--text-tertiary)}.kpi-sparkline__change{font:var(--type-caption-bold)}.kpi-sparkline__change--positive{color:var(--status-success)}.kpi-sparkline__change--negative{color:var(--status-error)}.kpi-overview-tab{display:flex;flex-direction:column;gap:var(--spacing-3);animation:fadeInSlide .3s var(--ease-smooth)}.kpi-overview-tab__value-card{padding:var(--spacing-4);background:linear-gradient(135deg,#fffffffa,#f9fbfff5);border:1px solid rgba(102,137,220,.16);border-radius:var(--radius-lg)}.kpi-overview-tab__value-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.kpi-overview-tab__value-label{display:block;font:var(--type-label);font-size:10px;color:var(--text-tertiary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.06em}.kpi-overview-tab__value-display{display:flex;align-items:center;gap:var(--spacing-2)}.kpi-overview-tab__value{font-size:24px;color:var(--text-primary);font-weight:var(--font-bold)}.kpi-overview-tab__trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-md);font-size:10px;font-weight:var(--font-semibold)}.kpi-overview-tab__trend--positive{background:#4a9bb81f;color:#3b8aa5}.kpi-overview-tab__trend--negative{background:#6b61c91f;color:#6b61c9}.kpi-overview-tab__trend--stable{background:var(--bg-tertiary);color:var(--text-secondary)}.kpi-overview-tab__sparkline-compact{width:120px;flex-shrink:0}.kpi-overview-tab__compact-section{padding:var(--spacing-3);background:linear-gradient(135deg,#fffffff5,#f9fbfff0);border:1px solid rgba(102,137,220,.14);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2)}.kpi-overview-tab__section-header{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-semibold)}.kpi-overview-tab__icon-btn{margin-left:auto;padding:4px;background:transparent;border:1px solid rgba(102,137,220,.18);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;transition:all var(--motion-fast) var(--ease-smooth)}.kpi-overview-tab__icon-btn:hover{background:#6689dc1a;border-color:var(--brand-primary);color:var(--brand-primary)}.kpi-overview-tab__goal-edit{display:flex;gap:var(--spacing-2)}.kpi-overview-tab__compact-input{flex:1;padding:var(--spacing-2) var(--spacing-2-5);background:#fffffff5;border:1px solid rgba(102,137,220,.2);border-radius:var(--radius-sm);font-size:12px}.kpi-overview-tab__compact-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #6689dc1a}.kpi-overview-tab__icon-actions{display:flex;gap:var(--spacing-1)}.kpi-overview-tab__icon-actions button{padding:var(--spacing-2);background:#6689dc1a;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;color:var(--brand-primary);transition:all var(--motion-fast) var(--ease-smooth)}.kpi-overview-tab__icon-actions button:hover{background:var(--brand-primary);color:#fff}.kpi-overview-tab__progress-bar{height:6px;background:#bfc9e040;border-radius:var(--radius-full);overflow:hidden}.kpi-overview-tab__progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-emphasized)}.kpi-overview-tab__progress-fill--achieved{background:linear-gradient(90deg,#4a9bb8,#3b8aa5)}.kpi-overview-tab__progress-fill--on-track{background:linear-gradient(90deg,#6689dc,#5272c4)}.kpi-overview-tab__progress-fill--at-risk{background:linear-gradient(90deg,#7a91db,#6a81c8)}.kpi-overview-tab__progress-fill--off-track{background:linear-gradient(90deg,#7b71db,#6b61c9)}.kpi-overview-tab__progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-secondary)}.kpi-overview-tab__status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase}.kpi-overview-tab__status-badge--achieved{background:#4a9bb824;color:#3b8aa5}.kpi-overview-tab__status-badge--on-track{background:#6689dc24;color:#5272c4}.kpi-overview-tab__status-badge--at-risk{background:#7a91db24;color:#6a81c8}.kpi-overview-tab__status-badge--off-track{background:#7b71db24;color:#6b61c9}.kpi-overview-tab__set-goal{padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#6689dc1f,#5272c429);border:1px solid rgba(102,137,220,.25);border-radius:var(--radius-sm);color:var(--brand-primary);font-size:11px;font-weight:var(--font-semibold);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth)}.kpi-overview-tab__set-goal:hover{background:var(--brand-primary);color:#fff}.kpi-overview-tab__breakdown-compact{display:flex;flex-direction:column;gap:var(--spacing-2)}.kpi-overview-tab__breakdown-item{display:flex;flex-direction:column;gap:4px}.kpi-overview-tab__breakdown-row{display:flex;justify-content:space-between;align-items:center}.kpi-overview-tab__breakdown-label{font-size:11px;color:var(--text-secondary)}.kpi-overview-tab__breakdown-value{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary)}.kpi-overview-tab__breakdown-bar{height:4px;background:#bfc9e033;border-radius:var(--radius-full);overflow:hidden}.kpi-overview-tab__breakdown-bar div{height:100%;background:linear-gradient(90deg,#6689dccc,#5272c4e6);border-radius:var(--radius-full);transition:width .6s var(--ease-emphasized)}.kpi-overview-tab__insight-compact{font-size:12px;line-height:1.5;color:var(--text-secondary)}.kpi-overview-tab__insight-compact p{margin:0}.kpi-overview-tab__insight-compact p+p{margin-top:var(--spacing-2)}.kpi-overview-tab__insight-compact strong{color:var(--text-primary)}.kpi-overview-tab__sql-compact{padding:var(--spacing-3);background:linear-gradient(135deg,#141a28fa,#0f1623f5);border:1px solid rgba(102,137,220,.16);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;line-height:1.4;color:#f9fbffe6;overflow-x:auto;white-space:pre-wrap;margin:0}.kpi-overview-tab__sql-compact::-webkit-scrollbar{height:4px}.kpi-overview-tab__sql-compact::-webkit-scrollbar-thumb{background:#6689dc4d;border-radius:2px}.kpi-overview-tab__meta-compact{padding:var(--spacing-2) var(--spacing-3);background:#bfc9e01a;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;font-size:10px}.kpi-overview-tab__meta-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.kpi-overview-tab__meta-value{color:var(--text-secondary);font-weight:var(--font-medium)}[data-theme=dark] .kpi-overview-tab__value-card,[data-theme=dark] .kpi-overview-tab__compact-section{background:linear-gradient(135deg,#12192afa,#141a28f5);border-color:#94b2f033}[data-theme=dark] .kpi-overview-tab__compact-input{background:#191f30f5;border-color:#94b2f047}[data-theme=dark] .kpi-overview-tab__meta-compact{background:#191f3099}.kpi-chat-tab{display:flex;flex-direction:column;height:100%;gap:var(--spacing-3);animation:fadeInSlide .3s var(--ease-smooth)}.kpi-chat-tab__suggestions{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.kpi-chat-tab__suggestions::-webkit-scrollbar{height:4px}.kpi-chat-tab__suggestions::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.kpi-chat-tab__suggestion-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);font:var(--type-caption-medium);font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);white-space:nowrap;flex-shrink:0}.kpi-chat-tab__suggestion-chip:hover:not(:disabled){background:var(--surface-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.kpi-chat-tab__suggestion-chip:active:not(:disabled){transform:translateY(0)}.kpi-chat-tab__suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.kpi-chat-tab__messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4);overflow-y:auto;padding:var(--spacing-2);margin:calc(var(--spacing-2) * -1)}.kpi-chat-tab__messages::-webkit-scrollbar{width:5px}.kpi-chat-tab__messages::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.kpi-chat-tab__message{display:flex;gap:var(--spacing-3);animation:messageSlideIn .3s var(--ease-smooth)}.kpi-chat-tab__message--assistant{align-items:flex-start}.kpi-chat-tab__message--user{flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start}.kpi-chat-tab__avatar{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--interactive-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm)}.kpi-chat-tab__avatar--loading{animation:pulse 1.5s ease-in-out infinite}.kpi-chat-tab__bubble{flex:0 1 auto;max-width:85%;padding:var(--spacing-3) var(--spacing-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font:var(--type-body-sm);font-size:13px;line-height:1.6;color:var(--text-secondary);box-shadow:var(--shadow-xs);position:relative}.kpi-chat-tab__bubble p{margin:0;font:var(--type-body-sm);font-size:13px;line-height:1.6;color:var(--text-secondary)}.kpi-chat-tab__bubble p+p{margin-top:var(--spacing-2)}.kpi-chat-tab__bubble strong{color:var(--text-primary);font-weight:var(--font-semibold)}.kpi-chat-tab__bubble code{font-family:var(--font-mono);font-size:12px;padding:2px 6px;background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs)}.kpi-chat-tab__bubble--loading{padding:var(--spacing-3)}.kpi-chat-tab__message--user .kpi-chat-tab__bubble{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--interactive-hover) 100%);color:#fff;border-color:transparent;max-width:max-content}.kpi-chat-tab__message--user .kpi-chat-tab__bubble p{color:#fff}.kpi-chat-tab__cursor{display:inline-block;width:2px;height:14px;background:var(--text-primary);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}.kpi-chat-tab__typing-indicator{display:flex;gap:4px;align-items:center;padding:4px 0}.kpi-chat-tab__typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--brand-primary);animation:typingBounce 1.4s infinite}.kpi-chat-tab__typing-indicator span:nth-child(2){animation-delay:.2s}.kpi-chat-tab__typing-indicator span:nth-child(3){animation-delay:.4s}.kpi-chat-tab__input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--motion-fast) var(--ease-smooth)}.kpi-chat-tab__input-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}.kpi-chat-tab__input{flex:1;padding:var(--spacing-2-5) var(--spacing-3);background:transparent;border:none;font:var(--type-body-sm);font-size:13px;color:var(--text-primary);outline:none}.kpi-chat-tab__input::placeholder{color:var(--text-placeholder)}.kpi-chat-tab__input:disabled{opacity:.6;cursor:not-allowed}.kpi-chat-tab__send{flex-shrink:0;width:36px;height:36px;padding:0;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--interactive-hover) 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--ease-smooth);box-shadow:var(--shadow-xs)}.kpi-chat-tab__send:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kpi-chat-tab__send:active:not(:disabled){transform:translateY(0)}.kpi-chat-tab__send:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.kpi-analysis-tab{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-2)}.kpi-analysis-tab__distribution-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-1);font-size:10px;font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kpi-analysis-tab__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.kpi-analysis-tab__section-header{display:flex;align-items:center;gap:var(--spacing-2)}.kpi-analysis-tab__section-header h3{margin:0;font-size:13px;font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;flex:1}.kpi-analysis-tab__section-header svg{color:var(--brand-primary);flex-shrink:0}.kpi-analysis-tab__section-badge{padding:4px 10px;background:#6689dc1f;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.04em}.kpi-analysis-tab__history-chart{padding:var(--spacing-4);background:linear-gradient(135deg,#fffffffa,#f9fbfff5);border:1px solid rgba(102,137,220,.18);border-radius:var(--radius-lg);box-shadow:0 1px 3px #6689dc14,0 8px 24px #6689dc0a;transition:all .3s var(--ease-standard)}.kpi-analysis-tab__history-chart:hover{border-color:#6689dc3d;box-shadow:0 2px 6px #6689dc1f,0 12px 32px #6689dc0f}.kpi-analysis-tab__history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2)}.kpi-analysis-tab__history-item{padding:var(--spacing-2-5);background:linear-gradient(135deg,#fffffff5,#f9fbfff0);border:1px solid rgba(102,137,220,.16);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;text-align:center;transition:all .3s var(--ease-standard)}.kpi-analysis-tab__history-item:hover{transform:translateY(-2px);border-color:#6689dc3d;box-shadow:0 4px 12px #6689dc1a}.kpi-analysis-tab__history-value{font-size:14px;font-weight:var(--font-bold);color:var(--text-primary)}.kpi-analysis-tab__history-date{font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kpi-analysis-tab__loading-state,.kpi-analysis-tab__empty-state{padding:var(--spacing-8) var(--spacing-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--text-secondary);background:linear-gradient(135deg,#fffffffa,#f9fbfff5);border:1px solid rgba(102,137,220,.18);border-radius:var(--radius-lg)}.kpi-analysis-tab__loading-state svg,.kpi-analysis-tab__empty-state svg{color:var(--brand-primary)}.kpi-analysis-tab__loading-state span,.kpi-analysis-tab__loading-state p,.kpi-analysis-tab__empty-state span,.kpi-analysis-tab__empty-state p{font-size:13px;margin:0;font-weight:var(--font-medium)}.kpi-analysis-tab__loading-spinner{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.kpi-analysis-tab__loading-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(102,137,220,.2) 0%,transparent 100%);animation:pulse 2s ease-in-out infinite}.kpi-analysis-tab__loading-bar{width:200px;height:4px;background:#bfc9e04d;border-radius:var(--radius-full);overflow:hidden}.kpi-analysis-tab__loading-bar-fill{height:100%;background:linear-gradient(90deg,#6689dccc,#5272c4,#6689dccc);border-radius:var(--radius-full);animation:loading 1.5s ease-in-out infinite}.kpi-analysis-tab__retry-btn{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-standard)}.kpi-analysis-tab__retry-btn:hover{background:#5272c4;transform:translateY(-1px);box-shadow:0 4px 12px #6689dc4d}.kpi-analysis-tab__drilldown-grid{display:grid;gap:var(--spacing-3);align-items:start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.kpi-analysis-tab__drilldown-grid--count-1{grid-template-columns:1fr;max-width:800px}.kpi-analysis-tab__drilldown-grid--count-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpi-analysis-tab__drilldown-grid--count-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kpi-analysis-tab__drilldown-grid--count-4,.kpi-analysis-tab__drilldown-grid--count-5,.kpi-analysis-tab__drilldown-grid--count-6{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:1400px){.kpi-analysis-tab__drilldown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:1024px){.kpi-analysis-tab__drilldown-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:768px){.kpi-analysis-tab__drilldown-grid{grid-template-columns:1fr}}.kpi-analysis-tab__card{padding:var(--spacing-4);background:linear-gradient(135deg,#fffffffa,#f9fbfff5);border:1px solid rgba(102,137,220,.18);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-3);transition:all .3s var(--ease-standard);box-shadow:0 1px 3px #6689dc14,0 8px 24px #6689dc0a;min-height:200px}.kpi-analysis-tab__card:hover{border-color:#6689dc3d;box-shadow:0 2px 6px #6689dc1f,0 12px 32px #6689dc0f;transform:translateY(-2px)}.kpi-analysis-tab__card-header{display:flex;align-items:center;gap:var(--spacing-2)}.kpi-analysis-tab__card-header h4{margin:0;font-size:12px;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;flex:1}.kpi-analysis-tab__card-header svg{color:var(--brand-primary);flex-shrink:0}.kpi-analysis-tab__card-count{padding:2px 8px;background:#6689dc1f;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold);color:var(--brand-primary)}.kpi-analysis-tab__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-3)}.kpi-analysis-tab__stat{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-2-5);background:#6689dc0f;border-radius:var(--radius-md);transition:all .2s var(--ease-standard)}.kpi-analysis-tab__stat:hover{background:#6689dc1a;transform:translate(2px)}.kpi-analysis-tab__stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-medium)}.kpi-analysis-tab__stat-value{font-size:16px;font-weight:var(--font-bold);color:var(--text-primary)}.kpi-analysis-tab__contributors{display:flex;flex-direction:column;gap:var(--spacing-2-5)}.kpi-analysis-tab__contributor{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2-5);background:#6689dc0a;border-radius:var(--radius-md);transition:all .2s var(--ease-standard)}.kpi-analysis-tab__contributor:hover{background:#6689dc14}.kpi-analysis-tab__contributor-header{display:flex;align-items:center;gap:var(--spacing-2)}.kpi-analysis-tab__contributor-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#6689dc2e,#5272c41f);color:var(--brand-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-bold);flex-shrink:0}.kpi-analysis-tab__contributor-label{font-size:12px;color:var(--text-secondary);flex:1;font-weight:var(--font-medium)}.kpi-analysis-tab__contributor-content{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.kpi-analysis-tab__contributor-metrics{display:flex;justify-content:space-between;align-items:baseline}.kpi-analysis-tab__contributor-value{font-size:14px;font-weight:var(--font-bold);color:var(--text-primary)}.kpi-analysis-tab__contributor-pct{font-size:11px;color:var(--text-tertiary);font-weight:var(--font-semibold)}.kpi-analysis-tab__contributor-bar{height:6px;background:#bfc9e040;border-radius:var(--radius-full);overflow:hidden}.kpi-analysis-tab__contributor-bar-fill{height:100%;background:linear-gradient(90deg,#6689dc,#5272c4);border-radius:var(--radius-full);transition:width .8s var(--ease-emphasized);animation:slideIn .6s var(--ease-emphasized)}.kpi-analysis-tab__distribution-visual{display:flex;align-items:flex-end;gap:var(--spacing-2);height:160px;padding:var(--spacing-2) 0}.kpi-analysis-tab__distribution-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1-5);height:100%;justify-content:flex-end}.kpi-analysis-tab__distribution-bar-fill{width:100%;background:linear-gradient(180deg,#6689dc,#5272c4cc);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .8s var(--ease-emphasized);animation:growUp .6s var(--ease-emphasized);min-height:20px}.kpi-analysis-tab__distribution-label{font-size:9px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kpi-analysis-tab__distribution-value{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary)}.kpi-analysis-tab__time-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2)}.kpi-analysis-tab__time-period{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-3);background:#6689dc0f;border-radius:var(--radius-md);text-align:center;transition:all .2s var(--ease-standard)}.kpi-analysis-tab__time-period:hover{background:#6689dc1a;transform:translateY(-2px)}.kpi-analysis-tab__time-period-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;font-weight:var(--font-medium)}.kpi-analysis-tab__time-period-value{font-size:14px;font-weight:var(--font-bold);color:var(--text-primary)}.kpi-analysis-tab__time-period-change{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:var(--font-semibold);margin-top:2px;padding:4px 8px;border-radius:var(--radius-sm)}.kpi-analysis-tab__time-period-change.positive{color:#3b8aa5;background:#4a9bb81f}.kpi-analysis-tab__time-period-change.negative{color:#6b61c9;background:#6b61c91f}.kpi-analysis-tab__time-period-change svg{flex-shrink:0}.kpi-analysis-tab__variance-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.kpi-analysis-tab__variance-item{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-md);transition:all .2s var(--ease-standard)}.kpi-analysis-tab__variance-item--above{background:#4a9bb81a;border-left:3px solid rgb(59,138,165)}.kpi-analysis-tab__variance-item--above:hover{background:#4a9bb824}.kpi-analysis-tab__variance-item--below{background:#6b61c91a;border-left:3px solid rgb(107,97,201)}.kpi-analysis-tab__variance-item--below:hover{background:#6b61c924}.kpi-analysis-tab__variance-content{display:flex;justify-content:space-between;align-items:center}.kpi-analysis-tab__variance-label{font-size:12px;color:var(--text-secondary);font-weight:var(--font-medium)}.kpi-analysis-tab__variance-metrics{display:flex;align-items:baseline;gap:var(--spacing-2)}.kpi-analysis-tab__variance-value{font-size:13px;font-weight:var(--font-bold);color:var(--text-primary)}.kpi-analysis-tab__variance-pct{font-size:11px;font-weight:var(--font-semibold)}.kpi-analysis-tab__variance-item--above .kpi-analysis-tab__variance-pct{color:#3b8aa5}.kpi-analysis-tab__variance-item--below .kpi-analysis-tab__variance-pct{color:#6b61c9}.kpi-analysis-tab__variance-bar{height:4px;background:#bfc9e033;border-radius:var(--radius-full);overflow:hidden}.kpi-analysis-tab__variance-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s var(--ease-emphasized)}.kpi-analysis-tab__variance-item--above .kpi-analysis-tab__variance-bar-fill{background:linear-gradient(90deg,#4a9bb8cc,#3b8aa5)}.kpi-analysis-tab__variance-item--below .kpi-analysis-tab__variance-bar-fill{background:linear-gradient(90deg,#6b61c9cc,#6b61c9)}.kpi-analysis-tab__concentration{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)}.kpi-analysis-tab__concentration-chart{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.kpi-analysis-tab__concentration-svg{width:100%;height:100%}.kpi-analysis-tab__concentration-bg{fill:none;stroke:#bfc9e040;stroke-width:8}.kpi-analysis-tab__concentration-fill{fill:none;stroke:url(#concentrationGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s var(--ease-emphasized)}.kpi-analysis-tab__concentration-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.kpi-analysis-tab__concentration-pct{font-size:24px;font-weight:var(--font-bold);color:var(--brand-primary)}.kpi-analysis-tab__concentration-label{font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.kpi-analysis-tab__concentration-message{margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary);text-align:center;font-weight:var(--font-medium)}.kpi-analysis-tab__comparison-list{display:flex;flex-direction:column;gap:var(--spacing-2-5)}.kpi-analysis-tab__comparison-item{padding:var(--spacing-3);background:#6689dc0f;border-radius:var(--radius-md);transition:all .2s var(--ease-standard)}.kpi-analysis-tab__comparison-item:hover{background:#6689dc1a}.kpi-analysis-tab__comparison-header{margin-bottom:var(--spacing-2)}.kpi-analysis-tab__comparison-label{font-size:12px;color:var(--text-primary);font-weight:var(--font-semibold)}.kpi-analysis-tab__comparison-metrics{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.kpi-analysis-tab__comparison-metric{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-1-5) 0;border-bottom:1px solid rgba(191,201,224,.2)}.kpi-analysis-tab__comparison-metric:last-child{border-bottom:none}.kpi-analysis-tab__comparison-metric-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;font-weight:var(--font-medium)}.kpi-analysis-tab__comparison-metric-value{font-size:12px;font-weight:var(--font-semibold);color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes slideIn{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes growUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}[data-theme=dark] .kpi-analysis-tab__history-chart,[data-theme=dark] .kpi-analysis-tab__history-item,[data-theme=dark] .kpi-analysis-tab__card,[data-theme=dark] .kpi-analysis-tab__loading-state,[data-theme=dark] .kpi-analysis-tab__empty-state{background:linear-gradient(135deg,#12192afa,#141a28f5);border-color:#94b2f038}[data-theme=dark] .kpi-analysis-tab__section-badge,[data-theme=dark] .kpi-analysis-tab__card-count{background:#6689dc2e}[data-theme=dark] .kpi-analysis-tab__stat,[data-theme=dark] .kpi-analysis-tab__contributor,[data-theme=dark] .kpi-analysis-tab__time-period,[data-theme=dark] .kpi-analysis-tab__comparison-item{background:#6689dc14}[data-theme=dark] .kpi-analysis-tab__stat:hover,[data-theme=dark] .kpi-analysis-tab__contributor:hover,[data-theme=dark] .kpi-analysis-tab__time-period:hover,[data-theme=dark] .kpi-analysis-tab__comparison-item:hover{background:#6689dc24}[data-theme=dark] .kpi-analysis-tab__variance-item--above{background:#4a9bb824}[data-theme=dark] .kpi-analysis-tab__variance-item--above:hover{background:#4a9bb82e}[data-theme=dark] .kpi-analysis-tab__variance-item--below{background:#6b61c924}[data-theme=dark] .kpi-analysis-tab__variance-item--below:hover{background:#6b61c92e}[data-theme=dark] .kpi-analysis-tab__concentration-bg{stroke:#94b2f026}.kpi-sidebar__tabs{display:flex;gap:0;padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(180deg,#f9fbfff5,#fffffff0);border-bottom:1px solid rgba(102,137,220,.14);flex-shrink:0}.kpi-sidebar__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font:var(--type-ui-sm);font-size:12px;cursor:pointer;transition:all var(--motion-fast) var(--ease-smooth);position:relative;white-space:nowrap}.kpi-sidebar__tab span{font-weight:var(--font-medium)}.kpi-sidebar__tab:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#6689dc99,#5272c4e6,#6689dc99);transform:translate(-50%);transition:width var(--motion-base) var(--ease-emphasized);border-radius:var(--radius-full)}.kpi-sidebar__tab:hover:not(.kpi-sidebar__tab--active){color:var(--text-secondary);background:#6689dc0f}.kpi-sidebar__tab:hover:not(.kpi-sidebar__tab--active):after{width:50%}.kpi-sidebar__tab--active{color:var(--brand-primary)}.kpi-sidebar__tab--active span{font-weight:var(--font-semibold)}.kpi-sidebar__tab--active:after{width:100%}.kpi-sidebar__body{flex:1;overflow-y:auto;padding:var(--spacing-5)}.kpi-sidebar__body::-webkit-scrollbar{width:6px}.kpi-sidebar__body::-webkit-scrollbar-track{background:transparent}.kpi-sidebar__body::-webkit-scrollbar-thumb{background:#6689dc40;border-radius:var(--radius-full)}.kpi-sidebar__body::-webkit-scrollbar-thumb:hover{background:#6689dc66}[data-theme=dark] .kpi-sidebar__tabs{background:linear-gradient(180deg,#141a28f5,#12192af0);border-bottom-color:#94b2f033}[data-theme=dark] .kpi-sidebar__tab:after{background:linear-gradient(90deg,#94b2f0b3,#6689dc,#94b2f0b3)}:root{--bg-primary: #FAFCFE;--bg-secondary: #F5F8FD;--bg-tertiary: #EAF0FA;--bg-elevated: #FFFFFF;--bg-overlay: rgba(15, 22, 35, .5);--bg-header: rgba(255, 255, 255, .88);--bg-toolbar: #F5F8FD;--bg-hover: rgba(102, 137, 220, .06);--bg-active: rgba(102, 137, 220, .1);--surface-card: #FFFFFF;--surface-card-hover: rgba(102, 137, 220, .05);--surface-card-active: rgba(102, 137, 220, .08);--surface-input: #F9FBFF;--surface-input-hover: #FFFFFF;--surface-input-focus: #FFFFFF;--surface-input-disabled: #F3F6FC;--surface-sidebar: #F5F8FD;--surface-menu: #FFFFFF;--surface-panel: #F5F8FD;--surface-hover: rgba(102, 137, 220, .07);--surface-active: rgba(102, 137, 220, .12);--surface-selected: rgba(102, 137, 220, .14);--surface-selected-hover: rgba(102, 137, 220, .18);--border-subtle: rgba(43, 53, 72, .08);--border-default: rgba(43, 53, 72, .14);--border-medium: rgba(43, 53, 72, .22);--border-strong: rgba(43, 53, 72, .32);--border-focus: #5272C4;--border-error: #6B61C9;--border-success: #3B8AA5;--border-selected: #5272C4;--text-primary: #0F1623;--text-secondary: rgba(15, 22, 35, .7);--text-tertiary: rgba(15, 22, 35, .54);--text-disabled: rgba(15, 22, 35, .38);--text-inverse: #FFFFFF;--text-placeholder: rgba(15, 22, 35, .46);--text-link: #5272C4;--text-link-hover: #3F5AA0;--text-on-brand: #FFFFFF;--brand-primary: #5272C4;--brand-primary-hover: #3F5AA0;--brand-primary-active: #2D4173;--brand-primary-rgb: 82, 114, 196;--brand-secondary: #3B8AA5;--brand-accent: #47527D;--brand-subtle: rgba(102, 137, 220, .1);--interactive-default: #5272C4;--interactive-hover: #3F5AA0;--interactive-active: #2D4173;--interactive-disabled: rgba(152, 165, 195, .7);--interactive-selected: #5272C4;--interactive-selected-hover: #3F5AA0;--status-success: #3B8AA5;--status-success-bg: #EDF8FC;--status-success-border: #4A9BB8;--status-success-text: #1A3F4D;--status-warning: #6A81C8;--status-warning-bg: #F0F3FF;--status-warning-border: #7A91DB;--status-warning-text: #2E3759;--status-error: #6B61C9;--status-error-bg: #F2F2FF;--status-error-border: #7B71DB;--status-error-text: #2F2958;--status-info: #6689DC;--status-info-bg: #F4F7FF;--status-info-border: #89A3E8;--status-info-text: #2D4173;--chart-color-1: #6689DC;--chart-color-2: #3B8AA5;--chart-color-3: #7A91DB;--chart-color-4: #7B71DB;--chart-color-5: #8399D4;--chart-color-6: #5272C4;--chart-color-7: #47527D;--chart-color-8: #98A5C3;--chart-grid: rgba(43, 53, 72, .1);--chart-axis: rgba(15, 22, 35, .56);--chart-label: rgba(15, 22, 35, .56);--chart-background: #FFFFFF;--chart-tooltip-bg: rgba(15, 22, 35, .96);--chart-tooltip-text: #FFFFFF;--chart-tooltip-border: rgba(255, 255, 255, .14);--chart-hover-overlay: rgba(102, 137, 220, .1);--chart-selection: rgba(102, 137, 220, .16);--shadow-xs: 0 1px 2px rgba(15, 22, 35, .06);--shadow-sm: 0 2px 8px rgba(15, 22, 35, .08);--shadow-md: 0 8px 20px rgba(15, 22, 35, .1);--shadow-lg: 0 14px 32px rgba(15, 22, 35, .12);--shadow-xl: 0 20px 48px rgba(15, 22, 35, .14);--shadow-2xl: 0 28px 72px rgba(15, 22, 35, .16);--shadow-focus: 0 0 0 3px rgba(102, 137, 220, .24);--shadow-focus-error: 0 0 0 3px rgba(123, 113, 219, .2);--shadow-inset: inset 0 1px 2px rgba(15, 22, 35, .06);--shadow-inset-focus: inset 0 1px 3px rgba(102, 137, 220, .1);--glass-bg: rgba(255, 255, 255, .84);--glass-bg-strong: rgba(255, 255, 255, .92);--glass-border: rgba(102, 137, 220, .12);--glass-shadow: 0 8px 24px rgba(15, 22, 35, .12);--glass-blur: blur(14px);--glass-blur-strong: blur(20px);--motion-instant: .1s;--motion-fast: .18s;--motion-base: .28s;--motion-slow: .4s;--motion-slower: .6s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.4, 0, .1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.5, 1.5, .5, 1);--focus-ring-duration: var(--motion-fast);--focus-ring-timing: var(--ease-smooth);--radius-none: 0;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px;--backdrop-blur: blur(6px);--backdrop-overlay: rgba(15, 22, 35, .5);--backdrop-overlay-strong: rgba(15, 22, 35, .68)}[data-theme=dark]{--bg-primary: #0F1623;--bg-secondary: #141A28;--bg-tertiary: #191F30;--bg-elevated: #12192A;--bg-overlay: rgba(0, 0, 0, .72);--bg-header: rgba(15, 22, 35, .86);--bg-toolbar: rgba(20, 26, 40, .94);--bg-hover: rgba(148, 178, 240, .1);--bg-active: rgba(148, 178, 240, .14);--surface-card: #12192A;--surface-card-hover: rgba(148, 178, 240, .08);--surface-card-active: rgba(148, 178, 240, .12);--surface-input: rgba(20, 26, 40, .98);--surface-input-hover: rgba(25, 31, 48, .98);--surface-input-focus: rgba(18, 25, 42, .98);--surface-input-disabled: rgba(20, 26, 40, .6);--surface-sidebar: rgba(18, 25, 42, .98);--surface-menu: #12192A;--surface-panel: rgba(20, 26, 40, .94);--surface-hover: rgba(148, 178, 240, .1);--surface-active: rgba(148, 178, 240, .14);--surface-selected: rgba(148, 178, 240, .16);--surface-selected-hover: rgba(148, 178, 240, .2);--border-subtle: rgba(191, 201, 224, .12);--border-default: rgba(191, 201, 224, .2);--border-medium: rgba(191, 201, 224, .3);--border-strong: rgba(191, 201, 224, .42);--border-focus: #94B2F0;--border-error: #7B71DB;--border-success: #4A9BB8;--border-selected: #94B2F0;--text-primary: rgba(249, 251, 255, .95);--text-secondary: rgba(249, 251, 255, .72);--text-tertiary: rgba(249, 251, 255, .56);--text-disabled: rgba(249, 251, 255, .38);--text-inverse: #0F1623;--text-placeholder: rgba(249, 251, 255, .48);--text-link: #B8CFFA;--text-link-hover: #D4E2FF;--text-on-brand: #FFFFFF;--brand-primary: #94B2F0;--brand-primary-hover: #B8CFFA;--brand-primary-active: #D4E2FF;--brand-primary-rgb: 148, 178, 240;--brand-secondary: #4A9BB8;--brand-accent: #B8CFFA;--brand-subtle: rgba(148, 178, 240, .16);--interactive-default: #94B2F0;--interactive-hover: #B8CFFA;--interactive-active: #D4E2FF;--interactive-disabled: rgba(109, 125, 159, .7);--interactive-selected: #94B2F0;--interactive-selected-hover: #B8CFFA;--status-success: #90D4ED;--status-success-bg: rgba(59, 138, 165, .2);--status-success-border: #4A9BB8;--status-success-text: #90D4ED;--status-warning: #B5C8FF;--status-warning-bg: rgba(106, 129, 200, .2);--status-warning-border: #7A91DB;--status-warning-text: #B5C8FF;--status-error: #BDB7FF;--status-error-bg: rgba(107, 97, 201, .22);--status-error-border: #7B71DB;--status-error-text: #BDB7FF;--status-info: #94B2F0;--status-info-bg: rgba(102, 137, 220, .2);--status-info-border: #89A3E8;--status-info-text: #94B2F0;--chart-color-1: #B8CFFA;--chart-color-2: #90D4ED;--chart-color-3: #B5C8FF;--chart-color-4: #BDB7FF;--chart-color-5: #8399D4;--chart-color-6: #94B2F0;--chart-color-7: #47527D;--chart-color-8: #98A5C3;--chart-grid: rgba(191, 201, 224, .16);--chart-axis: rgba(249, 251, 255, .6);--chart-label: rgba(249, 251, 255, .6);--chart-background: rgba(18, 25, 42, .94);--chart-tooltip-bg: rgba(249, 251, 255, .96);--chart-tooltip-text: #0F1623;--chart-tooltip-border: rgba(0, 0, 0, .12);--chart-hover-overlay: rgba(148, 178, 240, .12);--chart-selection: rgba(148, 178, 240, .2);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .48);--shadow-md: 0 10px 24px rgba(0, 0, 0, .56);--shadow-lg: 0 18px 36px rgba(0, 0, 0, .62);--shadow-xl: 0 26px 52px rgba(0, 0, 0, .68);--shadow-2xl: 0 36px 80px rgba(0, 0, 0, .74);--shadow-focus: 0 0 0 3px rgba(148, 178, 240, .28);--shadow-focus-error: 0 0 0 3px rgba(189, 183, 255, .24);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .2);--shadow-inset-focus: inset 0 1px 3px rgba(148, 178, 240, .14);--glass-bg: rgba(18, 25, 42, .8);--glass-bg-strong: rgba(18, 25, 42, .88);--glass-border: rgba(148, 178, 240, .16);--glass-shadow: 0 12px 32px rgba(0, 0, 0, .64);--glass-blur: blur(14px);--glass-blur-strong: blur(20px);--motion-instant: .1s;--motion-fast: .18s;--motion-base: .28s;--motion-slow: .4s;--motion-slower: .6s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.4, 0, .1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.5, 1.5, .5, 1);--focus-ring-duration: var(--motion-fast);--focus-ring-timing: var(--ease-smooth);--backdrop-blur: blur(8px);--backdrop-overlay: rgba(0, 0, 0, .68);--backdrop-overlay-strong: rgba(0, 0, 0, .82)}@media(prefers-reduced-motion:reduce){:root,[data-theme=dark]{--motion-instant: 0ms;--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-slower: 0ms;--glass-blur: none;--glass-blur-strong: none;--backdrop-blur: none}}:root{--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--spacing-40: 160px;--spacing-48: 192px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--card-padding: 24px;--card-padding-sm: 16px;--card-padding-lg: 32px;--card-header-padding: 16px 24px;--card-body-padding: 24px;--card-footer-padding: 16px 24px;--card-gap: 16px;--section-padding: 48px;--section-padding-sm: 32px;--section-padding-lg: 64px;--section-gap: 48px;--container-padding: 32px;--container-padding-sm: 24px;--container-padding-lg: 40px;--page-padding: 32px;--page-padding-sm: 16px;--page-padding-lg: 48px;--page-gap: 32px;--header-height: 76px;--header-height-dashboard: 64px;--header-padding: 20px 32px;--header-gap: 16px;--toolbar-height: 56px;--toolbar-padding: 12px 32px;--toolbar-gap: 12px;--subheader-height: 48px;--subheader-padding: 12px 24px;--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--sidebar-padding: 24px;--sidebar-gap: 8px;--nav-item-padding: 12px 16px;--nav-item-gap: 8px;--nav-group-gap: 24px;--button-padding-sm: 8px 12px;--button-padding-md: 12px 16px;--button-padding-lg: 16px 24px;--button-gap: 8px;--button-group-gap: 8px;--input-padding-sm: 8px 12px;--input-padding-md: 12px 16px;--input-padding-lg: 16px 20px;--input-gap: 8px;--form-field-gap: 20px;--form-group-gap: 32px;--form-section-gap: 48px;--form-label-gap: 8px;--grid-gap-xs: 8px;--grid-gap-sm: 12px;--grid-gap-md: 16px;--grid-gap-lg: 24px;--grid-gap-xl: 32px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--chart-padding: 16px;--chart-padding-lg: 24px;--chart-gap: 24px;--chart-legend-gap: 12px;--chart-axis-padding: 12px;--chart-title-gap: 16px;--kpi-padding: 24px;--kpi-padding-sm: 16px;--kpi-gap: 16px;--kpi-icon-gap: 12px;--kpi-label-gap: 4px;--modal-padding: 32px;--modal-padding-sm: 24px;--modal-header-padding: 24px;--modal-body-padding: 32px;--modal-footer-padding: 24px;--modal-gap: 24px;--table-cell-padding: 12px 16px;--table-cell-padding-sm: 8px 12px;--table-header-padding: 16px;--table-row-gap: 4px;--tooltip-padding: 8px 12px;--popover-padding: 16px;--popover-header-padding: 12px 16px;--popover-gap: 12px;--list-item-padding: 12px 16px;--list-item-gap: 8px;--list-gap: 4px;--menu-padding: 8px;--menu-item-padding: 8px 12px;--badge-padding: 4px 8px;--tag-padding: 4px 12px;--tag-gap: 8px;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-3xl: 1920px;--container-full: 100%;--dashboard-max-width: 1920px;--content-max-width: 1600px;--form-max-width: 720px;--reading-max-width: 680px;--radius-none: 0;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 14px;--radius-3xl: 20px;--radius-full: 9999px;--radius-button: 6px;--radius-input: 5px;--radius-card: 8px;--radius-modal: 12px;--radius-tooltip: 6px;--radius-badge: 4px;--radius-avatar: 9999px;--stack-xs: 8px;--stack-sm: 12px;--stack-md: 16px;--stack-lg: 24px;--stack-xl: 32px;--stack-2xl: 48px;--density: comfortable;--density-padding: 24px;--density-gap: 16px;--density-row-height: 48px;--density-button-height: 40px;--density-padding-compact: 12px;--density-gap-compact: 8px;--density-row-height-compact: 36px;--density-button-height-compact: 32px}[data-density=compact]{--card-padding: 16px;--card-header-padding: 12px 16px;--section-padding: 32px;--grid-gap-md: 12px;--kpi-padding: 16px;--header-padding: 12px 24px;--toolbar-padding: 8px 24px;--table-cell-padding: 8px 12px;--button-padding-md: 8px 12px;--input-padding-md: 8px 12px}@media(max-width:1024px){:root{--page-padding: 24px;--section-padding: 32px;--header-padding: 16px 24px;--card-padding: 20px;--modal-padding: 24px}}@media(max-width:768px){:root{--page-padding: 16px;--section-padding: 24px;--header-padding: 12px 16px;--card-padding: 16px;--grid-gap-md: 12px;--modal-padding: 16px;--kpi-padding: 16px;--chart-padding: 12px}}@media(max-width:480px){:root{--page-padding: 12px;--section-padding: 16px;--card-padding: 12px;--header-padding: 8px 12px;--grid-gap-md: 8px}}:root{--font-sans: Inter, Segoe UI Variable, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Arial, sans-serif;--font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-display: IBM Plex Sans, Inter, Segoe UI Variable, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--text-5xl: 38px;--text-6xl: 50px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-wider: .025em;--tracking-widest: .05em;--type-display-1: 700 50px/1;--type-display-2: 700 38px/1.25;--type-display-3: 700 30px/1.25;--type-heading-1: 700 24px/1.25;--type-heading-2: 600 20px/1.25;--type-heading-3: 600 18px/1.375;--type-heading-4: 600 16px/1.375;--type-heading-5: 600 15px/1.375;--type-heading-6: 600 14px/1.375;--type-body-xl: 400 16px/1.625;--type-body-lg: 400 15px/1.625;--type-body: 400 14px/1.5;--type-body-sm: 400 13px/1.5;--type-body-xs: 400 12px/1.5;--type-ui-lg: 500 15px/1.5;--type-ui: 500 14px/1.5;--type-ui-sm: 500 13px/1.5;--type-ui-xs: 500 12px/1.5;--type-label-lg: 600 13px/1.5;--type-label: 600 12px/1.5;--type-label-sm: 600 11px/1.5;--type-caption-lg: 400 13px/1.5;--type-caption: 400 12px/1.5;--type-caption-medium: 500 12px/1.5;--type-caption-bold: 600 12px/1.5;--type-data-hero: 800 38px/1;--type-data-large: 700 30px/1;--type-data-medium: 600 24px/1.25;--type-data-small: 600 20px/1.25;--type-data-compact: 600 18px/1.25;--type-code-lg: 400 15px/1.625;--type-code: 400 14px/1.625;--type-code-sm: 400 13px/1.5;--type-code-xs: 400 12px/1.5;--type-table-header: 600 13px/1.5;--type-table-cell: 400 13px/1.5;--type-table-cell-numeric: 500 13px/1.5;--font-feature-tabular: "tnum" 1, "lnum" 1;--font-feature-proportional: "pnum" 1;--font-feature-oldstyle: "onum" 1;--font-feature-slashed-zero: "zero" 1;--font-feature-fractions: "frac" 1;--density-mode: comfortable;--type-body-comfortable: 400 14px/1.5;--type-heading-comfortable: 600 18px/1.375;--type-ui-comfortable: 500 14px/1.5;--type-body-compact: 400 13px/1.4;--type-heading-compact: 600 15px/1.3;--type-ui-compact: 500 13px/1.4}[data-density=compact]{--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--leading-normal: 1.4;--leading-relaxed: 1.5;--type-body: 400 13px/1.4;--type-heading-4: 600 15px/1.3;--type-ui: 500 13px/1.4}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}code,pre,kbd,samp{font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}code{font-size:.9em;padding:2px 6px;background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs)}pre{font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--spacing-4);background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none;border:none;border-radius:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}h1{font:var(--type-heading-1)}h2{font:var(--type-heading-2)}h3{font:var(--type-heading-3)}h4{font:var(--type-heading-4)}h5{font:var(--type-heading-5)}h6{font:var(--type-heading-6)}p{font:var(--type-body);color:var(--text-primary);margin:0}small{font:var(--type-caption);color:var(--text-secondary)}strong,b{font-weight:var(--font-semibold);color:var(--text-primary)}em,i{font-style:italic}a{color:var(--text-link);text-decoration:none;transition:color var(--motion-fast) var(--ease-smooth)}a:hover{color:var(--text-link-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}.sdq-tabular{font-feature-settings:var(--font-feature-tabular);font-variant-numeric:tabular-nums lining-nums}.sdq-display{font-family:var(--font-display);letter-spacing:var(--tracking-tight)}.sdq-mono{font-family:var(--font-mono)}.sdq-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdq-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.sdq-line-clamp--2{-webkit-line-clamp:2}.sdq-line-clamp--3{-webkit-line-clamp:3}.sdq-line-clamp--4{-webkit-line-clamp:4}.sdq-weight-light{font-weight:var(--font-light)}.sdq-weight-normal{font-weight:var(--font-normal)}.sdq-weight-medium{font-weight:var(--font-medium)}.sdq-weight-semibold{font-weight:var(--font-semibold)}.sdq-weight-bold{font-weight:var(--font-bold)}.sdq-text-xs{font-size:var(--text-xs)}.sdq-text-sm{font-size:var(--text-sm)}.sdq-text-base{font-size:var(--text-base)}.sdq-text-lg{font-size:var(--text-lg)}.sdq-text-xl{font-size:var(--text-xl)}.sdq-text-primary{color:var(--text-primary)}.sdq-text-secondary{color:var(--text-secondary)}.sdq-text-tertiary{color:var(--text-tertiary)}.sdq-text-disabled{color:var(--text-disabled)}.sdq-text-inverse{color:var(--text-inverse)}@media(prefers-reduced-motion:reduce){a{transition:none}}.kpi-sidebar{position:fixed;top:var(--header-height-dashboard);right:0;height:calc(100vh - var(--header-height-dashboard));background:linear-gradient(135deg,#fffffff5,#f9fbfff0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,137,220,.18);box-shadow:-4px 0 24px #6689dc1f,-2px 0 8px #5272c414;z-index:100;display:flex;flex-direction:column;animation:slideInRight .35s cubic-bezier(.34,1.56,.64,1);transition:top .3s var(--ease-emphasized),height .3s var(--ease-emphasized)}.kpi-sidebar--scrolled{top:0;height:100vh}.kpi-sidebar--resizing{-webkit-user-select:none;user-select:none}.kpi-sidebar--resizing *{-webkit-user-select:none;user-select:none;pointer-events:none}.kpi-sidebar__resize-handle{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:1000;display:flex;align-items:center;justify-content:center}.kpi-sidebar__resize-handle:hover .kpi-sidebar__resize-indicator{opacity:1;transform:scaleX(1.5)}.kpi-sidebar__resize-handle:active .kpi-sidebar__resize-indicator{opacity:1;transform:scaleX(2);background:var(--brand-primary)}.kpi-sidebar__resize-indicator{width:2px;height:40px;background:#6689dc66;border-radius:var(--radius-full);opacity:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:0 0 8px #6689dc4d}.kpi-sidebar__footer{padding:var(--spacing-4);border-top:1px solid rgba(102,137,220,.12);background:linear-gradient(180deg,#f4f7ffe6,#fffffff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.kpi-sidebar__refresh-btn{width:100%;padding:var(--spacing-2-5) var(--spacing-3);background:linear-gradient(135deg,#6689dc,#5272c4);border:none;border-radius:var(--radius-md);color:#fff;font:var(--type-ui-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--motion-base) var(--ease-smooth);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);box-shadow:0 2px 8px #6689dc40,inset 0 1px #fff3;position:relative;overflow:hidden}.kpi-sidebar__refresh-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--motion-fast) var(--ease-smooth)}.kpi-sidebar__refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6689dc59,inset 0 1px #ffffff40}.kpi-sidebar__refresh-btn:hover:not(:disabled):before{opacity:1}.kpi-sidebar__refresh-btn:active:not(:disabled){transform:translateY(0)}.kpi-sidebar__refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.kpi-sidebar{width:100%!important}.kpi-sidebar__resize-handle{display:none}}[data-theme=dark] .kpi-sidebar{background:linear-gradient(135deg,#0f1623f5,#12192af0);border-left-color:#94b2f038;box-shadow:-4px 0 24px #00000080,-2px 0 8px #94b2f026}[data-theme=dark] .kpi-sidebar__resize-indicator{background:#94b2f080;box-shadow:0 0 8px #94b2f066}[data-theme=dark] .kpi-sidebar__resize-handle:active [data-theme=dark] .kpi-sidebar__resize-indicator{background:var(--brand-primary)}[data-theme=dark] .kpi-sidebar__footer{background:linear-gradient(180deg,#141a28e6,#12192af2);border-top-color:#94b2f02e}[data-theme=dark] .kpi-sidebar__refresh-btn{background:linear-gradient(135deg,#94b2f0,#6689dc);box-shadow:0 2px 8px #94b2f04d,inset 0 1px #ffffff26}[data-theme=dark] .kpi-sidebar__refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #94b2f066,inset 0 1px #fff3}.connector-drawer__paper{width:460px!important;display:flex;flex-direction:column;overflow:hidden}.connector-drawer__step{display:flex;flex-direction:column;height:100%;overflow:hidden}.connector-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.connector-drawer__header--form{align-items:center;padding:12px 20px}.connector-drawer__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.connector-drawer__subtitle{font-size:12px;color:var(--text-muted);margin:0}.connector-drawer__back{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;padding:0;transition:opacity .15s ease}.connector-drawer__back:hover{opacity:.75}.connector-drawer__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.connector-drawer__body--form{gap:20px}.connector-drawer__loading{display:flex;justify-content:center;padding:48px}.connector-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-light);flex-shrink:0}.catalogue-section{display:flex;flex-direction:column;gap:12px}.catalogue-section__header{display:flex;align-items:center;gap:8px}.catalogue-section__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.catalogue-section__name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.catalogue-section__count{margin-left:auto;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;flex-shrink:0}.catalogue-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.catalogue-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:1px solid var(--border-light);border-radius:8px;text-align:center;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.catalogue-card--supported{cursor:pointer}.catalogue-card--supported:hover{border-color:var(--cat-color, var(--primary));box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.catalogue-card--supported:focus-visible{outline:2px solid var(--cat-color, var(--primary));outline-offset:2px}.catalogue-card--disabled{opacity:.45;cursor:default}.catalogue-card--disabled img{filter:grayscale(100%)}.catalogue-card__logo{width:36px;height:36px}.catalogue-card__logo img{width:100%;height:100%;object-fit:contain}.catalogue-card__initials{width:36px;height:36px;border-radius:4px;background:var(--surface-dark);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted)}.catalogue-card__name{font-size:10px;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.catalogue-card__soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-dark);padding:1px 5px;border-radius:999px}.connector-form__identity{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid;border-radius:12px;flex-shrink:0;margin:0 20px}.connector-form__connector-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.connector-form__category{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}.connector-form__desc{font-size:12px;color:var(--text-secondary);line-height:1.6;margin:0;padding:8px 12px;background:var(--surface);border-left:3px solid var(--border);border-radius:0 4px 4px 0}.connector-form__fields{display:flex;flex-direction:column;gap:16px}.connector-form__alert{border-radius:8px!important}.connector-form__save-btn.MuiButton-root{text-transform:none!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;min-width:110px}.connector-form__save-btn.MuiButton-root:hover{filter:brightness(.9)}.connectors-page{display:flex;flex-direction:column;gap:24px;position:relative}.connectors-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.connectors-page__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.connectors-page__subtitle{font-size:12px;color:var(--text-muted);margin:0}.connectors-page__add-btn.MuiButton-root{background:var(--gradient-primary);border-radius:8px;text-transform:none;font-weight:600;font-size:12px;padding:8px 20px;white-space:nowrap;box-shadow:0 4px 12px #2563eb40;transition:box-shadow .2s ease,transform .15s ease}.connectors-page__add-btn.MuiButton-root:hover{box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.connectors-page__loading{display:flex;justify-content:center;padding:48px}.connectors-page__groups{display:flex;flex-direction:column;gap:32px}.connectors-page__group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 12px}.connectors-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.instance-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #0000000d;transition:box-shadow .18s ease,transform .15s ease;position:relative}.instance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:12px 12px 0 0}.instance-card:hover{box-shadow:0 4px 6px #00000012;transform:translateY(-1px)}.instance-card__logo{width:40px;height:40px}.instance-card__logo img{width:100%;height:100%;object-fit:contain}.instance-card__logo-fallback{width:40px;height:40px;border-radius:8px;background:var(--surface-dark);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted)}.instance-card__info{display:flex;flex-direction:column;gap:3px;flex:1}.instance-card__name{font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instance-card__type{font-size:10px;color:var(--text-muted)}.instance-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.instance-card__status{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.instance-card__status--connected{color:var(--success)}.instance-card__status--disconnected{color:var(--error)}.instance-card__status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.instance-card__actions{display:flex;align-items:center;gap:2px}.instance-card__edit.MuiIconButton-root{opacity:0;transition:opacity .15s ease;color:var(--text-muted);padding:4px}.instance-card__edit.MuiIconButton-root:hover{color:var(--primary);background:#2563eb14}.instance-card__delete.MuiIconButton-root{opacity:0;transition:opacity .15s ease;color:var(--error);padding:4px}.instance-card__delete.MuiIconButton-root:hover{background:#dc262614}.instance-card:hover .instance-card__edit,.instance-card:hover .instance-card__delete{opacity:1}.connectors-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 20px;border:1.5px dashed var(--border);border-radius:14px;background:#f9fafb99}.connectors-empty__icon{width:72px;height:72px;border-radius:50%;background:#2563eb0f;display:flex;align-items:center;justify-content:center;color:var(--primary)}.connectors-empty__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.connectors-empty__desc{font-size:12px;color:var(--text-muted);max-width:340px;margin:0;line-height:1.6}.connectors-toast{position:fixed;bottom:24px;right:24px;z-index:2000;padding:12px 20px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 10px 15px #0000001a;animation:toast-in .25s ease}.connectors-toast--success{background:var(--success);color:#fff}.connectors-toast--error{background:var(--error);color:#fff}.connectors-toast--info{background:var(--secondary);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.um-page{display:flex;flex-direction:column;gap:24px;position:relative}.um-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.um-page__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.um-page__subtitle{font-size:12px;color:var(--text-muted);margin:0}.um-page__loading{display:flex;justify-content:center;padding:48px 0}.um-add-btn.MuiButton-root{background:var(--gradient-primary);border-radius:8px;text-transform:none;font-weight:600;font-size:12px;padding:8px 16px;box-shadow:0 2px 8px #2563eb40}.um-add-btn.MuiButton-root:hover{box-shadow:0 4px 12px #2563eb59}.um-toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:8px;font-size:12px;font-weight:500;box-shadow:0 4px 16px #0000001f;animation:um-slide-up .2s ease}.um-toast--success{background:var(--success);color:#fff}.um-toast--info{background:var(--primary);color:#fff}.um-toast--error{background:var(--error);color:#fff}@keyframes um-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.um-table-wrap{background:#fff;border-radius:12px;border:1px solid var(--border-light);overflow:hidden;box-shadow:0 1px 2px #0000000d}.um-table{width:100%;border-collapse:collapse;font-size:12px}.um-table th{padding:12px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border-light)}.um-table td{padding:12px 16px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.um-table tr:last-child td{border-bottom:none}.um-table tr:hover td{background:var(--surface)}.um-table__username{font-weight:600;font-family:monospace;font-size:13px}.um-table__date{color:var(--text-muted);font-size:10px}.um-table__actions{display:flex;gap:4px;justify-content:flex-end}.um-table__delete-btn{color:var(--error)!important}.um-role-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:600}.um-role-badge--ciso{background:#ede9fe;color:#6d28d9}.um-role-badge--it_director{background:#dbeafe;color:#1d4ed8}.um-role-badge--soc_analyst{background:#d1fae5;color:#065f46}.um-role-badge--executive{background:#fef3c7;color:#92400e}.um-drawer__paper{width:460px!important;display:flex;flex-direction:column;overflow:hidden}.um-drawer__paper--small{width:400px!important}.um-drawer{display:flex;flex-direction:column;height:100%;overflow:hidden}.um-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.um-drawer__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.um-drawer__subtitle{font-size:12px;color:var(--text-muted);margin:0}.um-drawer__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.um-drawer__alert{border-radius:8px!important;margin-top:12px}.um-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-light);flex-shrink:0}.um-form-error{font-size:12px;color:var(--error);margin:4px 0 0}.um-confirm-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.um-confirm-text strong{color:var(--text-primary)}.um-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0;color:var(--text-muted)}.um-empty__icon{opacity:.4}.um-empty__title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.um-empty__desc{font-size:12px;margin:0}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--accent: #0ea5e9;--surface: #f8fafc;--surface-dark: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #cbd5e1;--border-light: #e2e8f0;--success: #059669;--warning: #d97706;--corporate-blue: #1e40af;--corporate-gray: #374151;--error: #dc2626;--gradient-primary: linear-gradient(90deg, #2563eb, #0ea5e9);--gradient-corporate: linear-gradient(135deg, #1e40af, #0ea5e9);--gradient-success: linear-gradient(135deg, #16a34a, #22c55e);--gradient-background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--background: #f9fafb;--background-dark: #f3f4f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideUp{animation:slideUp .4s ease forwards}h1,.heading-1{font-size:32px;font-weight:700;line-height:1.2}h2,.heading-2{font-size:24px;font-weight:600;line-height:1.3}h3,.heading-3{font-size:20px;font-weight:600;line-height:1.4}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--background);min-height:100vh;color:var(--text-primary);line-height:1.5}.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}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.05) 0%,transparent 50%),linear-gradient(180deg,#f9fafb,#f1f5f9);padding:20px}.login-card{width:100%;max-width:420px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(203,213,225,.6);border-radius:14px;box-shadow:0 20px 25px #0000001a;padding:32px}.login__brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login__brand-icon{width:44px;height:44px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.login__brand-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.login__brand-sub{font-size:12px;color:var(--text-muted);margin:0}.login__heading{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 16px}.login__demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:8px 12px;background:#2563eb0a;border:1px solid rgba(37,99,235,.1);border-radius:8px}.login__demo-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.login__demo-btn{font-size:10px;font-weight:500;color:var(--primary);background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:4px;padding:2px 8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.login__demo-btn:hover{background:#2563eb24;border-color:#2563eb59}.login__form{display:flex;flex-direction:column;gap:16px}.login__mfa-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.login__mfa-toggle input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer}.login__submit.MuiButton-root{background:var(--gradient-primary);border-radius:8px;font-weight:600;font-size:14px;text-transform:none;padding:12px;letter-spacing:0;box-shadow:0 4px 12px #2563eb40;transition:box-shadow .2s ease,transform .15s ease}.login__submit.MuiButton-root:hover:not(:disabled){box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.login__submit.MuiButton-root:disabled{opacity:.7}.login-mfa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.login-mfa__icon{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff}.login-mfa__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.login-mfa__subtitle{font-size:12px;color:var(--text-muted);margin:0}.login-mfa__timer{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;position:relative}.login-mfa__timer-bar{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width 1s linear}.login-mfa__timer-label{position:absolute;right:0;top:8px;font-size:10px;color:var(--text-muted)}.login-mfa__digits{display:flex;gap:8px}.login-mfa__digit{width:44px;height:52px;border:1.5px solid var(--border);border-radius:8px;text-align:center;font-size:20px;font-weight:600;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-mfa__digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.login-mfa__error{width:100%}.login-mfa__back{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;margin-top:4px}.login-mfa__back:hover{color:var(--text-primary)}