.fab-guide-wrapper{z-index:9990;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px}.fab-guide-btn{background:linear-gradient(135deg, var(--navy,#0b1f3a) 0%, #1e3a8a 100%);color:#fff;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-width:42px;height:42px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 8px 20px -4px #0b1f3a73,0 4px 6px -2px #0000001a}.fab-guide-btn:hover{background:linear-gradient(135deg,#132b4f 0%,#2563eb 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px -4px #0b1f3a8c,0 6px 8px -2px #00000026}.fab-guide-btn:active{transform:translateY(0)scale(.98)}.fab-guide-btn.active{box-shadow:0 0 0 3px #2563eb66}.fab-guide-btn.collapsed{border-radius:50%;gap:0;max-width:42px;height:42px;padding:0 13px}@media (hover:hover){.fab-guide-btn.collapsed:hover{border-radius:9999px;gap:8px;max-width:180px;padding:10px 18px}.fab-guide-btn.collapsed:hover .fab-label{opacity:1;max-width:120px}}.fab-icon-sparkle{flex-shrink:0;font-size:16px;animation:2s ease-in-out infinite pulse-glow}.fab-label{letter-spacing:.2px;white-space:nowrap;opacity:1;max-width:120px;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .25s,margin .3s}.fab-guide-btn.collapsed .fab-label{opacity:0;pointer-events:none;max-width:0;margin:0}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.fab-quick-menu{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:12px;width:290px;margin-bottom:8px;animation:.18s ease-out popover-fade-in;position:absolute;bottom:56px;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.fab-quick-menu-header{background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fab-quick-role-badge{color:var(--text-main,#0f172a);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.fab-quick-close-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px}.fab-quick-close-btn:hover{color:var(--text-main,#0f172a);background:#e2e8f0}.fab-quick-menu-body{flex-direction:column;gap:4px;padding:6px;display:flex}.fab-quick-action-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;transition:background .15s;display:flex}.fab-quick-action-item:hover{background:var(--bg-hover,#f1f5f9)}.fab-quick-action-item.wf-action:hover{background:#f0fdf4}.fab-quick-action-item.faq-action:hover{background:#fefce8}.fab-quick-action-item.tour-action:hover{background:#eff6ff}.fab-quick-action-item.doc-action:hover{background:#faf5ff}.fab-quick-action-item.metrics-action:hover{background:#f0fdfa}.fab-action-icon{flex-shrink:0;margin-top:1px;font-size:18px}.fab-action-text{flex-direction:column;display:flex}.fab-action-text strong{color:var(--text-main,#0f172a);font-size:13px;font-weight:600}.fab-action-text small{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px}.tour-root{pointer-events:none;z-index:99980;position:fixed;inset:0}.tour-spotlight-box{pointer-events:none;z-index:99985;border:2px solid #2563eb;border-radius:8px;transition:all .28s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite spotlight-pulse;position:fixed;box-shadow:0 0 24px #2563eb73}@keyframes spotlight-pulse{0%,to{border-color:#2563eb;box-shadow:0 0 20px #2563eb73}50%{border-color:#60a5fa;box-shadow:0 0 32px #60a5faa6}}.tour-backdrop-block{pointer-events:auto;z-index:99982;background:#0f172aad;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed}.tour-interactive-badge{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:9999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite interactive-pulse;display:inline-flex}@keyframes interactive-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.tour-backdrop-fullscreen{pointer-events:auto;z-index:99984;background:#0f172aad;position:fixed;inset:0}.tour-floating-card{pointer-events:auto;background:#fff;border:1px solid #e2e8f0e6;border-radius:12px;flex-direction:column;transition:top .25s,left .25s;animation:.22s ease-out card-appear;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #00000026}@keyframes card-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-card-header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--bg-subtle,#f8fafc);justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.tour-card-badge-group{align-items:center;gap:8px;display:flex}.tour-role-badge{color:#1e3a8a;background:#dbeafe;border-radius:9999px;padding:2px 8px;font-size:11.5px;font-weight:600}.tour-step-counter{color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.tour-btn-close{cursor:pointer;color:var(--text-muted,#64748b);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.tour-btn-close:hover{color:var(--text-main,#0f172a);background:#e2e8f0}.tour-card-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tour-card-title{color:var(--text-main,#0f172a);margin:0;font-size:15px;font-weight:700;line-height:1.35}.tour-card-content{color:var(--text-secondary,#475569);margin:0;font-size:13px;line-height:1.55}.tour-tip-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.tour-tip-icon{flex-shrink:0;font-size:14px}.tour-warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.4}.tour-progress-bar-wrap{background:#e2e8f0;width:100%;height:3px}.tour-progress-bar-fill{background:#2563eb;height:100%;transition:width .25s}.tour-card-footer{border-top:1px solid var(--border,#e2e8f0);background:#fff;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tour-btn-skip{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12.5px}.tour-btn-skip:hover{color:var(--text-main,#0f172a);text-decoration:underline}.tour-nav-buttons{align-items:center;gap:8px;display:flex}.tour-btn-prev{border:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.tour-btn-prev:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-main,#0f172a)}.tour-btn-next{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.tour-btn-next:hover{background:#1d4ed8}.guide-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99950;background:#0f172a73;justify-content:flex-end;animation:.2s ease-out backdrop-fade;display:flex;position:fixed;inset:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.guide-drawer-panel{background:#fff;flex-direction:column;width:520px;max-width:95vw;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) drawer-slide;display:flex;overflow:hidden;box-shadow:-10px 0 30px #0003}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.guide-drawer-header{background:var(--navy,#0b1f3a);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.guide-drawer-header-left{align-items:center;gap:12px;display:flex}.guide-drawer-icon{font-size:24px}.guide-drawer-title{color:#fff;margin:0;font-size:16px;font-weight:700}.guide-drawer-subtitle{color:#ffffffbf;margin:2px 0 0;font-size:12px}.guide-drawer-close-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.guide-drawer-close-btn:hover{color:#fff;background:#ffffff26}.guide-drawer-header-actions{align-items:center;gap:8px;display:flex}.guide-hotkey-hint{color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.guide-hotkey-hint kbd{color:#fff;background:#ffffff40;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:700}.guide-drawer-tabs{border-bottom:1px solid var(--border,#e2e8f0);background:#f1f5f9;gap:4px;padding:4px;display:flex}.guide-tab-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.guide-tab-btn:hover{color:var(--text-main,#0f172a);background:#fff9}.guide-tab-btn.active{color:#1d4ed8;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.guide-category-filter-bar{background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);scrollbar-width:none;align-items:center;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.guide-category-filter-bar::-webkit-scrollbar{display:none}.guide-category-pill{white-space:nowrap;border:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;border-radius:9999px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.guide-category-pill:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-main,#0f172a)}.guide-category-pill.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.guide-workflows-view{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.guide-workflow-search-box{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.guide-search-icon{color:var(--text-muted,#94a3b8);font-size:15px}.guide-workflow-search-input{color:var(--text-main,#0f172a);background:0 0;border:none;outline:none;flex:1;font-size:13px}.guide-workflow-search-input::placeholder{color:var(--text-muted,#94a3b8)}.guide-search-clear-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px}.guide-search-clear-btn:hover{color:var(--text-main,#0f172a);background:#f1f5f9}.guide-workflow-filter-chips{gap:8px;display:flex}.guide-filter-chip{border:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.guide-filter-chip:hover{background:var(--bg-hover,#f1f5f9)}.guide-filter-chip.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.guide-workflows-list{flex-direction:column;gap:12px;display:flex}.guide-workflow-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.guide-workflow-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.guide-workflow-card.current-route{background:#fafcff;border-color:#93c5fd}.guide-wf-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.guide-wf-title-group{align-items:flex-start;gap:10px;display:flex}.guide-wf-icon{flex-shrink:0;margin-top:2px;font-size:22px;line-height:1}.guide-wf-title{color:var(--text-main,#0f172a);margin:0 0 3px;font-size:14px;font-weight:600;line-height:1.35}.guide-wf-category-tag{color:var(--text-muted,#64748b);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.guide-wf-route-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.guide-wf-route-badge.here{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.guide-wf-route-badge.remote{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.guide-wf-description{color:var(--text-secondary,#475569);margin:0;font-size:12.5px;line-height:1.5}.guide-wf-card-footer{border-top:1px dashed var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.guide-wf-steps-count{color:var(--text-muted,#64748b);font-size:12px;font-weight:500}.guide-wf-start-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.guide-wf-start-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.guide-faq-view{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.guide-faq-list{flex-direction:column;gap:10px;display:flex}.guide-faq-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;transition:all .2s;overflow:hidden;box-shadow:0 1px 2px #0000000a}.guide-faq-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #0000000f}.guide-faq-card.expanded{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb14}.guide-faq-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.guide-faq-header:hover{background:var(--bg-hover,#f8fafc)}.guide-faq-card.expanded .guide-faq-header{background:#fafcff}.guide-faq-header-content{flex:1;align-items:flex-start;gap:8px;display:flex}.guide-faq-icon{flex-shrink:0;margin-top:1px;font-size:15px}.guide-faq-question{color:var(--text-main,#0f172a);font-size:13px;font-weight:600;line-height:1.4}.guide-faq-toggle-icon{color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:10px}.guide-faq-body{border-top:1px dashed var(--border,#e2e8f0);background:#fff;flex-direction:column;gap:10px;padding:10px 14px 14px;display:flex}.guide-faq-answer{color:var(--text-secondary,#475569);margin:0;font-size:12.5px;line-height:1.6}.guide-faq-footer{border-top:1px solid var(--border-subtle,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.guide-faq-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.guide-faq-subtag{color:var(--text-muted,#64748b);background:var(--bg-subtle,#f1f5f9);border-radius:4px;padding:2px 6px;font-size:11px}.guide-faq-action-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.guide-faq-action-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.guide-page-selector-bar{background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:10px;padding:10px 20px;display:flex}.guide-selector-label{color:var(--text-secondary,#475569);flex-shrink:0;font-size:12.5px;font-weight:600}.guide-page-select{border:1px solid var(--border,#e2e8f0);color:var(--text-main,#0f172a);background:#fff;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.guide-current-role-banner{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-bottom:1px solid #bbf7d0;flex-direction:column;gap:6px;padding:12px 20px;display:flex}.guide-current-role-header{align-items:center;gap:10px;display:flex}.guide-current-role-icon{flex-shrink:0;font-size:22px;line-height:1}.guide-current-role-titles{flex-direction:column;gap:2px;display:flex}.guide-current-role-tag{color:#166534;letter-spacing:.5px;font-size:10.5px;font-weight:700}.guide-current-role-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.guide-current-role-desc{color:#15803d;margin:0;font-size:12px;line-height:1.4}.guide-current-role-fallback-badge{color:#0284c7;font-size:12px;font-weight:500}[data-theme=dark] .guide-current-role-banner{background:linear-gradient(135deg,#16653433 0%,#064e3b40 100%);border-bottom:1px solid #bbf7d033}[data-theme=dark] .guide-current-role-name{color:#f8fafc}[data-theme=dark] .guide-current-role-desc{color:#86efac}.guide-role-chips-section{border-bottom:1px solid var(--border,#e2e8f0);flex-direction:column;gap:8px;padding:12px 20px;display:flex}.guide-chips-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.guide-role-chips-container{flex-wrap:wrap;gap:6px;display:flex}.guide-role-chip{border:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.guide-role-chip:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-main,#0f172a)}.guide-role-chip.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.guide-drawer-body{flex-direction:column;flex:1;gap:18px;padding:20px;display:flex;overflow-y:auto}.guide-summary-card,.guide-best-practices-card{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:8px;padding:14px}.guide-card-heading{color:var(--text-main,#0f172a);align-items:center;gap:6px;margin:0 0 8px;font-size:13.5px;font-weight:700;display:flex}.guide-summary-text{color:var(--text-secondary,#475569);margin:0;font-size:13px;line-height:1.55}.guide-practices-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.guide-practices-list li{color:var(--text-secondary,#475569);font-size:12.5px;line-height:1.5}.guide-steps-section{flex-direction:column;gap:12px;display:flex}.guide-steps-header{justify-content:space-between;align-items:center;display:flex}.guide-btn-run-all-tour{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.guide-btn-run-all-tour:hover{background:#dbeafe}.guide-steps-timeline{flex-direction:column;gap:12px;padding-left:8px;display:flex;position:relative}.guide-step-item{align-items:flex-start;gap:12px;display:flex;position:relative}.guide-step-index-badge{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.guide-step-content-box{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.guide-step-title{color:var(--text-main,#0f172a);margin:0;font-size:13.5px;font-weight:700}.guide-step-description{color:var(--text-secondary,#475569);margin:0;font-size:12.5px;line-height:1.5}.guide-step-tip{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;border-radius:4px;padding:6px 8px;font-size:11.5px}.guide-step-point-btn{color:#2563eb;cursor:pointer;background:0 0;border:1px dashed #93c5fd;border-radius:4px;align-self:flex-start;margin-top:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s}.guide-step-point-btn:hover{background:#eff6ff;border-style:solid}.guide-empty-state{text-align:center;color:var(--text-muted,#64748b);padding:40px 20px;font-size:13px}.guide-drawer-footer{border-top:1px solid var(--border,#e2e8f0);background:#fff;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.guide-drawer-btn-secondary{border:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500}.guide-drawer-btn-secondary:hover{background:var(--bg-hover,#f1f5f9)}.guide-drawer-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.guide-drawer-btn-primary:hover{background:#1d4ed8}@media (max-width:640px){.fab-guide-wrapper{bottom:16px;right:16px}.fab-guide-btn{min-width:38px;height:38px;padding:8px 14px;font-size:12.5px}.fab-guide-btn.collapsed{max-width:38px;height:38px;padding:0 11px}.guide-drawer-panel{width:100vw}}.dashboard-metrics-guide{box-sizing:border-box;flex-direction:column;gap:20px;padding:16px 20px 40px;display:flex;overflow-y:auto}.metrics-guide-hero{background:linear-gradient(135deg, var(--navy,#0b1f3a) 0%, #1e3a8a 100%);color:#fff;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 12px #0b1f3a26}.metrics-hero-icon{flex-shrink:0;font-size:32px}.metrics-hero-content{flex-direction:column;gap:4px;display:flex}.metrics-hero-title{color:#fff;margin:0;font-size:16px;font-weight:700}.metrics-hero-desc{color:#cbd5e1;margin:0;font-size:12.5px;line-height:1.5}.metrics-hero-desc strong{color:#93c5fd}.metrics-section-pills{border-bottom:1px solid var(--border,#e2e8f0);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.metrics-pill-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.metrics-pill-btn:hover{color:#0f172a;background:#e2e8f0}.metrics-pill-btn.active{background:var(--navy,#0b1f3a);color:#fff;border-color:var(--navy,#0b1f3a)}.metrics-guide-section{flex-direction:column;gap:12px;display:flex}.metrics-section-header{align-items:center;gap:8px;display:flex}.metrics-section-icon{font-size:18px}.metrics-section-title{color:var(--navy,#0b1f3a);margin:0;font-size:15px;font-weight:700}.metrics-section-intro{color:#64748b;margin:0;font-size:13px;line-height:1.5}.metrics-cards-grid{flex-direction:column;gap:14px;display:flex}.metrics-kpi-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000d}.metrics-kpi-item.navy-border{border-left:4px solid #1e3a8a}.metrics-kpi-item.green-border{border-left:4px solid #10b981}.metrics-kpi-item.amber-border{border-left:4px solid #f59e0b}.metrics-kpi-item.red-border{border-left:4px solid #ef4444}.metrics-kpi-item.teal-border{border-left:4px solid #0d9488}.kpi-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-tag{letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.tag-navy{color:#1e3a8a;background:#e0e7ff}.tag-green{color:#065f46;background:#dcfce7}.tag-amber{color:#92400e;background:#fef3c7}.tag-red{color:#991b1b;background:#fee2e2}.tag-teal{color:#115e59;background:#ccfbf1}.kpi-field-match{color:#64748b;font-size:12px}.kpi-field-match code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px}.kpi-item-title{color:#1e293b;margin:0;font-size:14px;font-weight:600}.formula-box{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:12.5px;font-weight:600}.formula-inline{color:#0f172a;background:#f1f5f9;border-radius:4px;margin-top:4px;margin-bottom:4px;padding:4px 8px;font-size:11.5px;display:inline-block}.kpi-detail-list{color:#334155;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.metrics-rule-card,.metrics-subunits-card,.metrics-bsc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px}.ssot-flow-steps{flex-direction:column;gap:12px;margin-top:10px;display:flex}.ssot-step{align-items:flex-start;gap:12px;display:flex}.ssot-step-num{color:#fff;background:#1e3a8a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.ssot-step-content{color:#334155;font-size:13px;line-height:1.5}.ssot-step-content p{margin:2px 0 0}.metrics-rag-box{flex-direction:column;gap:14px;display:flex}.rag-donut-explainer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.rag-donut-explainer h5{margin:0 0 6px;font-size:13.5px;font-weight:600}.rag-donut-explainer p{color:#475569;margin:8px 0 0;font-size:13px;line-height:1.5}.rag-tiers-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.rag-tier-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.rag-tier-card.tier-green{border-top:4px solid #10b981}.rag-tier-card.tier-amber{border-top:4px solid #f59e0b}.rag-tier-card.tier-red{border-top:4px solid #ef4444}.tier-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tier-badge{font-size:12px;font-weight:700}.tier-range{color:#475569;font-size:12px;font-weight:600}.rag-tier-card p{color:#334155;margin:0;font-size:12.5px;line-height:1.45}.subunits-rule-list{color:#334155;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.bsc-pillars-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.bsc-pillar-pill{border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600}.pillar-fin{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.pillar-cus{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pillar-proc{color:#a16207;background:#fefce8;border:1px solid #fef08a}.pillar-learn{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.user-insight-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.insight-row{align-items:flex-start;gap:10px;display:flex}.insight-icon{flex-shrink:0;margin-top:1px;font-size:15px}.insight-text{color:#334155;font-size:12.8px;line-height:1.5}.insight-text strong{color:#0f172a}
.pagination-container{background-color:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:13px;display:flex}.pagination-info{color:var(--color-text-secondary,#64748b);white-space:nowrap;font-size:13px}.pagination-info-number{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);color:var(--color-text-primary,#0f172a);font-weight:600}.pagination-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagination-pagesize-box{white-space:nowrap;align-items:center;gap:8px;display:flex}.pagination-pagesize-label{color:var(--color-text-muted,#94a3b8);font-size:12px}.pagination-pagesize-select{border:1px solid var(--color-border,#cbd5e1);background-color:var(--color-surface,#fff);color:var(--color-text-primary,#1e293b);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:500;transition:border-color .15s,box-shadow .15s}.pagination-pagesize-select:focus{border-color:var(--color-primary,#0284c7);box-shadow:0 0 0 2px #0284c726}.pagination-buttons{align-items:center;gap:6px;display:flex}.pagination-page-list{align-items:center;gap:4px;display:flex}.pagination-page-btn{min-width:30px;height:30px;color:var(--color-text-secondary,#475569);font-size:13px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-weight:500;transition:all .15s;display:inline-flex}.pagination-page-btn:hover:not(.active){background-color:var(--color-surface-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.pagination-page-btn.active{background-color:var(--color-primary,#0284c7);color:#fff;border-color:var(--color-primary,#0284c7);font-weight:600;box-shadow:0 1px 2px #0284c74d}.pagination-ellipsis{min-width:24px;height:30px;color:var(--color-text-muted,#94a3b8);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.pagination-btn{height:30px;padding:0 10px;font-size:12px;font-weight:500}@media (max-width:640px){.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{justify-content:space-between}}