:root{--purple-1:#6d28d9;--purple-2:#8b5cf6;--purple-3:#a78bfa;--green-1:#059669;--green-2:#10b981;--green-3:#34d399;--radius:18px}:root,[data-theme=light]{--bg-page:#f3f4f9;--bg-page-grad:radial-gradient(circle at 10% 10%, #8b5cf61f, transparent 45%), radial-gradient(circle at 90% 15%, #10b9811f, transparent 45%), radial-gradient(circle at 50% 100%, #6d28d914, transparent 50%), #f3f4f9;--bg-card:#fff;--bg-card-hover:#fafafc;--border-soft:#e2e8f0;--border-subtle:#edf2f7;--text-main:#0f172a;--text-dim:#64748b;--text-muted:#94a3b8;--shadow:0 10px 30px -4px #00000012, 0 4px 12px -2px #0000000a;--input-bg:#f8fafc;--input-hover-bg:#f1f5f9;--th-bg:#f1f5f9;--sticky-td-bg:#fff;--sticky-td-hover-bg:#f8fafc;--tr-hover-bg:#f8fafc;--segmented-bg:#eef2f6;--segmented-hover:#e2e8f0;--modal-bg:#fff;--modal-header-bg:linear-gradient(135deg, #8b5cf61a, #10b98114);--btn-reset-bg:#f1f5f9;--btn-icon-bg:#f1f5f9;--btn-icon-hover:#e2e8f0;--select-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%2364748B'/></svg>");--skeleton-bg:linear-gradient(90deg, #0000000a 25%, #00000017 37%, #0000000a 63%);--card-glow-opacity:.12;--table-border:#e2e8f0;--sidebar-bg:#fff;--sidebar-active-bg:linear-gradient(135deg, #6d28d91f, #10b98114);--sidebar-active-border:#6d28d9;--sidebar-active-text:#6d28d9;--sidebar-hover-bg:#f8fafc;--skeleton-base:#e2e8f0;--skeleton-highlight:#f8fafc;--skeleton-pulse-glow:#8b5cf624;--login-bg:#eef2f6;--login-ribbon-1:#0284c729;--login-ribbon-2:#f9731624;--login-card-bg:#fff;--login-card-border:#ffffffd9;--login-card-shadow:0 25px 70px -10px #0f172a29, 0 10px 30px #0284c71f;--login-panel-left:linear-gradient(155deg, #090e1a 0%, #0f172a 50%, #1e3a8a 100%);--login-scene-bg:linear-gradient(155deg, #f8fafc 0%, #f1f5f9 55%, #e2e8f0 100%);--login-grid-dots:#0284c7;--login-hero-card-bg:#ffffffe0;--login-hero-card-border:#0284c738;--login-hero-card-shadow:0 20px 45px #0f172a1a, 0 0 30px #0284c726;--login-pill-bg:#ffffffeb;--login-pill-border:#0284c738;--login-pill-text:#0f172a;--login-pill-shadow:0 8px 24px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-page:#12101c;--bg-page-grad:radial-gradient(circle at 10% 10%, #6d28d959, transparent 40%), radial-gradient(circle at 90% 15%, #10b98147, transparent 45%), radial-gradient(circle at 50% 100%, #8b5cf640, transparent 50%), #12101c;--bg-card:#ffffff0f;--bg-card-hover:#ffffff1a;--border-soft:#ffffff1a;--border-subtle:#ffffff0f;--text-main:#f3f1fa;--text-dim:#b7b0cc;--text-muted:#8e87a5;--shadow:0 8px 28px #00000059;--input-bg:#1e1a2e;--input-hover-bg:#241f38;--th-bg:#211c33;--sticky-td-bg:#181425;--sticky-td-hover-bg:#221d33;--tr-hover-bg:#ffffff0a;--segmented-bg:#ffffff0a;--segmented-hover:#ffffff14;--modal-bg:#181425;--modal-header-bg:linear-gradient(135deg, #8b5cf62e, #10b9811f);--btn-reset-bg:#ffffff14;--btn-icon-bg:#ffffff14;--btn-icon-hover:#ffffff29;--select-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23B7B0CC'/></svg>");--skeleton-bg:linear-gradient(90deg, #ffffff0d 25%, #ffffff26 37%, #ffffff0d 63%);--card-glow-opacity:.35;--table-border:#ffffff0f;--sidebar-bg:#100d1c;--sidebar-active-bg:linear-gradient(135deg, #8b5cf638, #10b98126);--sidebar-active-border:#a78bfa;--sidebar-active-text:#f3f1fa;--sidebar-hover-bg:#ffffff0d;--skeleton-base:#ffffff0f;--skeleton-highlight:#ffffff2e;--skeleton-pulse-glow:#8b5cf647;--login-bg:#070b14;--login-ribbon-1:#1e3a8a59;--login-ribbon-2:#ea580c33;--login-card-bg:#0b101d;--login-card-border:#38bdf838;--login-card-shadow:0 25px 70px -10px #000000e6, 0 0 45px #0284c740;--login-panel-left:linear-gradient(155deg, #04070f 0%, #0a0f1d 50%, #172554 100%);--login-scene-bg:linear-gradient(155deg, #090e1a 0%, #0f172a 55%, #1e293b 100%);--login-grid-dots:#38bdf8;--login-hero-card-bg:#0f172acc;--login-hero-card-border:#38bdf84d;--login-hero-card-shadow:0 20px 45px #0009, 0 0 35px #0284c759;--login-pill-bg:#0f172ae0;--login-pill-border:#38bdf840;--login-pill-text:#f8fafc;--login-pill-shadow:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:300}body{background:var(--bg-page-grad);min-height:100vh;color:var(--text-main);margin:0;padding:0;transition:background .3s,color .3s;overflow-x:hidden}.header .title-wrap h1{letter-spacing:.3px;background:linear-gradient(90deg,#0284c7,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;line-height:1.15}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-field label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-size:11px}.btn-apply,.btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:10px 20px;font-size:13px;transition:transform .15s,opacity .15s}.dark-select option:checked,.dark-select option:hover{background-color:var(--purple-2);color:#fff}.dark-input::placeholder{color:var(--text-dim)}@media (max-width:1400px){.cards-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.cards-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:14px;padding:16px;transition:transform .2s,background .2s;position:relative;overflow:hidden}.card[data-key=effectiveTime]{--card-glow:#f59e0b}.card[data-key=ratioBa]{--card-glow:#8b5cf6}.card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.card-value-row{justify-content:space-between;align-items:center;gap:6px;min-height:38px;margin-bottom:4px;display:flex}.card-value{letter-spacing:-.5px;color:var(--text-main);white-space:nowrap;margin-bottom:0;font-size:26px;font-weight:700;line-height:1.1}.card-value.value-time{letter-spacing:-.8px;font-size:21px}.card-achieve-badge{border:1px solid var(--border-soft);background:var(--bg-surface);cursor:default;-webkit-user-select:none;user-select:none;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:66px;padding:3px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #00000008}.card-achieve-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-achieve-badge .achieve-val{letter-spacing:-.2px;font-size:13px;font-weight:750;line-height:1.15}.card-achieve-badge .achieve-lbl{text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin-top:2px;font-size:8.5px;font-weight:700;line-height:1}.card-achieve-badge .achieve-sub{opacity:.75;letter-spacing:.2px;margin-top:2px;font-size:8px;font-weight:600;line-height:1}.card-achieve-badge.achieve-high{color:#059669;background:#10b9811f;border-color:#10b98159}.card-achieve-badge.achieve-high .achieve-val{color:#059669}.card-achieve-badge.achieve-mid{color:#d97706;background:#f59e0b1f;border-color:#f59e0b59}.card-achieve-badge.achieve-mid .achieve-val{color:#d97706}.card-achieve-badge.achieve-low{color:#e11d48;background:#f43f5e1f;border-color:#f43f5e59}.card-achieve-badge.achieve-low .achieve-val{color:#e11d48}.card-achieve-badge.achieve-empty{color:var(--text-dim);background:#94a3b81a;border-color:#94a3b840}.card-achieve-badge.achieve-empty .achieve-val{color:var(--text-dim)}[data-theme=dark] .card-achieve-badge.achieve-high{color:#34d399;background:#10b9812e;border-color:#10b98173}[data-theme=dark] .card-achieve-badge.achieve-high .achieve-val{color:#34d399}[data-theme=dark] .card-achieve-badge.achieve-mid{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b73}[data-theme=dark] .card-achieve-badge.achieve-mid .achieve-val{color:#fbbf24}[data-theme=dark] .card-achieve-badge.achieve-low{color:#fb7185;background:#f43f5e2e;border-color:#f43f5e73}[data-theme=dark] .card-achieve-badge.achieve-low .achieve-val{color:#fb7185}.spark-wrap{scrollbar-width:none;margin:6px 0 2px;overflow-x:auto}.spark-wrap::-webkit-scrollbar{display:none}.sparkline{display:block}.sparkline .line{fill:none;stroke:url(#sparkGradient);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.sparkline .area{fill:url(#sparkFill);opacity:.35}.sparkline .spark-dot{fill:#fff;opacity:.85}.sparkline .spark-dot-last{fill:#fff}.sparkline .spark-value{fill:var(--text-main);font-size:9.5px}.sparkline .spark-month{fill:var(--text-dim);font-size:8.5px}@keyframes topLoaderFlow{0%{background-position:0%}to{background-position:250%}}.loading-header-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:11.5px;animation:.3s pillFadeIn;display:inline-flex}@keyframes pillFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes radarRipple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.5)}}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes cardBreathe{0%,to{border-color:var(--border-soft);box-shadow:var(--shadow)}50%{box-shadow:0 8px 25px var(--skeleton-pulse-glow);border-color:#8b5cf673}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.96)}}.skeleton-badge-pill{border-radius:999px;width:64px;height:18px}.skeleton-achieve-pill{border-radius:9px;flex-shrink:0;width:66px;height:34px;margin-top:8px;margin-bottom:6px}.skeleton-chart-wrap{border-top:1px dashed var(--border-soft);align-items:flex-end;gap:10px;height:56px;padding-top:10px;display:flex}.skeleton-bar{border-radius:6px 6px 2px 2px;flex:1;min-height:8px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card:not(.card-skeleton-loading){animation:.35s cubic-bezier(.16,1,.3,1) cardFadeIn}.modal-loading-modern{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:54px 20px;display:flex}.modern-spinner-orbital{justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.orbit-ring-outer{border:3px solid #0000;border-top-color:var(--purple-2);border-right-color:var(--green-2);border-radius:50%;animation:1s cubic-bezier(.55,.25,.25,.7) infinite spinClockwise;position:absolute;inset:0}.orbit-ring-inner{border:2.5px solid #0000;border-color:#0000 #0000 #06b6d4 #f97316;border-radius:50%;animation:.8s cubic-bezier(.55,.25,.25,.7) infinite spinCounterClockwise;position:absolute;inset:8px}.orbit-sparkle{width:9px;height:9px;box-shadow:0 0 10px var(--purple-2), 0 0 20px var(--green-2);background:#fff;border-radius:50%;animation:1.2s ease-in-out infinite sparklePulse}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes sparklePulse{0%,to{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.modal-loading-title{color:var(--text-main);letter-spacing:.3px;margin-top:4px;font-size:14.5px;font-weight:700}.modal-loading-desc{color:var(--text-dim);max-width:320px;font-size:12px;line-height:1.5}.empty-state{text-align:center;color:var(--text-dim);margin-top:60px;font-size:13px}.section-heading{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:16px;font-size:15px}.detail-panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:20px}.detail-filter-row{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.detail-filter-row .filter-field{flex:140px;min-width:140px}.segmented-control{background:var(--segmented-bg);border:1px solid var(--border-soft);scrollbar-width:none;border-radius:999px;gap:6px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}.segmented-control::-webkit-scrollbar{display:none}.segment-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 16px;font-size:12.5px;transition:background .2s,color .2s;display:flex}.segment-btn svg{flex-shrink:0;width:14px;height:14px}.segment-btn.active{background:linear-gradient(135deg, var(--purple-2), var(--green-2));color:#fff;box-shadow:0 6px 16px #00000059}.segment-btn:hover:not(.active){background:var(--segmented-hover);color:var(--text-main)}.active-table-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.at-search{width:200px}.at-tl-filter{width:190px}.toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.active-avg-badge{color:var(--green-3);white-space:nowrap;background:#34d39924;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;display:none}.btn-download{background:linear-gradient(135deg, var(--green-2), var(--green-1));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 15px;font-size:12px;transition:transform .15s,opacity .15s;display:flex}.btn-download:hover{transform:translateY(-2px)}.btn-download svg{width:14px;height:14px}.btn-download-png{background:linear-gradient(135deg, var(--purple-2), var(--purple-1))}.table-scroll{max-height:420px;overflow:auto}.pop-inline-badge{color:var(--text-main);white-space:nowrap;background:#8b5cf624;border:1px solid #8b5cf659;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;display:none}.pop-inline-badge strong{color:var(--green-3);font-size:14px}.detail-table{border-collapse:collapse;width:100%;font-size:13px}.detail-table thead th{background:var(--th-bg);color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;text-align:left;z-index:1;padding:10px 12px;font-size:11px;position:sticky;top:0}.detail-table tbody td{border-bottom:1px solid var(--table-border);color:var(--text-main);padding:10px 12px}.detail-table tbody tr:hover{background:var(--tr-hover-bg)}.detail-table td.value-cell{font-weight:300}.detail-table td.value-zero{color:var(--text-dim)}.pivot-table{border-collapse:separate;border-spacing:0}.pivot-table th,.pivot-table td{text-align:center;white-space:nowrap}.pivot-table thead th:not(.pivot-sticky-col):not(.pivot-sticky-col-2){min-width:64px}.pivot-sticky-col{text-overflow:ellipsis;white-space:nowrap;z-index:3;width:200px;min-width:200px;max-width:200px;position:sticky;left:0;overflow:hidden;text-align:left!important}.pivot-sticky-col-2{text-overflow:ellipsis;white-space:nowrap;z-index:3;width:210px;min-width:210px;max-width:210px;left:200px;overflow:hidden;text-align:left!important}thead th.pivot-sticky-col,thead th.pivot-sticky-col-2{background:var(--th-bg);z-index:4}tbody td.pivot-sticky-col,tbody td.pivot-sticky-col-2{background:var(--sticky-td-bg)}.pivot-table tbody tr:hover td.pivot-sticky-col,.pivot-table tbody tr:hover td.pivot-sticky-col-2{background:var(--sticky-td-hover-bg)}.pivot-cell.value-zero{color:var(--text-dim)}.pivot-empty{color:#b7b0cc59}.modal-note{color:var(--text-dim);text-align:center;margin-top:12px;font-size:11.5px}.modal-loading,.modal-empty{text-align:center;color:var(--text-dim);padding:34px 0;font-size:13px}.exec-summary-section{flex-direction:column;gap:16px;margin-top:28px;display:flex}.exec-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.exec-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exec-badge-live{text-transform:uppercase;letter-spacing:.5px;color:var(--purple-2);background:linear-gradient(135deg,#8b5cf626,#10b98126);border:1px solid #8b5cf64d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.exec-header-right{align-items:center;gap:10px;display:flex}.exec-period-pill{color:var(--text-dim);background:var(--input-bg);border:1px solid var(--border-soft);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.btn-exec-action{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-main);border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-exec-action:hover{border-color:var(--purple-2);color:var(--purple-2);transform:translateY(-1.5px);box-shadow:0 4px 12px #8b5cf626}.exec-summary-panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:22px;display:flex}.exec-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.exec-kpi-card{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:14px;flex-direction:column;gap:8px;padding:16px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.exec-kpi-card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.exec-kpi-card:before{content:"";background:linear-gradient(90deg, var(--purple-2), var(--green-2));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.exec-kpi-card.status-pass:before{background:linear-gradient(90deg,#10b981,#34d399)}.exec-kpi-card.status-fail:before{background:linear-gradient(90deg,#ef4444,#f87171)}.exec-kpi-top{justify-content:space-between;align-items:center;display:flex}.exec-kpi-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.exec-kpi-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.exec-kpi-badge.badge-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.exec-kpi-badge.badge-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.exec-kpi-badge.badge-info{color:#6366f1;background:#6366f126;border:1px solid #6366f14d}.exec-kpi-val{color:var(--text-main);font-size:24px;font-weight:800;line-height:1.1}.exec-kpi-sub{color:var(--text-dim);font-size:12px;line-height:1.3}.exec-progress-bar{background:var(--border-soft);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.exec-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;height:100%;transition:width .6s}.exec-details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.exec-details-grid{grid-template-columns:1fr}}.exec-card-box{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.exec-box-title{color:var(--text-main);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.exec-box-title svg{color:var(--purple-2)}.exec-finding-list{flex-direction:column;gap:10px;display:flex}.exec-finding-item{color:var(--text-main);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.45;display:flex}.exec-finding-bullet{background:var(--purple-2);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.exec-agent-item{background:var(--modal-bg);border:1px solid var(--border-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.exec-agent-item:hover{background:var(--input-hover-bg)}.exec-agent-left{align-items:center;gap:10px;min-width:0;display:flex}.exec-agent-rank{color:#ef4444;background:#ef44441f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.exec-agent-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.exec-agent-tl{color:var(--text-dim);font-size:11px}.exec-agent-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.exec-agent-val{color:#ef4444;font-size:13px;font-weight:700}.exec-agent-gap{color:var(--text-dim);font-size:10.5px}.exec-roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.exec-roadmap-card{background:var(--modal-bg);border:1px solid var(--border-soft);border-left:3px solid var(--purple-2);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.exec-roadmap-step{color:var(--purple-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.exec-roadmap-headline{color:var(--text-main);font-size:13px;font-weight:700}.exec-roadmap-desc{color:var(--text-dim);font-size:12px;line-height:1.45}.login-screen{z-index:9999;background:var(--login-bg);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;transition:background .3s;display:flex;position:fixed;inset:0;overflow:hidden auto}.bg-ribbon-wrap{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-ribbon-svg{width:100%;height:100%;position:absolute;top:0;left:0}.cinema-card{z-index:10;background:var(--login-card-bg);width:920px;max-width:94vw;min-height:480px;max-height:min(580px,94vh);box-shadow:var(--login-card-shadow);border:1px solid var(--login-card-border);border-radius:24px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.panel-left{background:var(--login-panel-left);color:#fff;z-index:5;flex-direction:column;flex:48%;justify-content:space-between;min-width:350px;max-width:440px;padding:28px 32px 20px;display:flex;position:relative;overflow:hidden}.tech-glow-orb{pointer-events:none;filter:blur(45px);border-radius:50%;position:absolute}.orb-cyan{background:#06b6d438;width:170px;height:170px;top:-40px;right:-30px}.orb-orange{background:#f973162e;width:150px;height:150px;bottom:-30px;left:-20px}.modern-panel-divider{z-index:10;background:linear-gradient(#0000 5%,#38bdf873 35%,#f9731673 75%,#0000 95%);width:2px;position:absolute;top:0;bottom:0;right:0}.brand-accent{background:linear-gradient(135deg,#f97316 0%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900}.brand-header{z-index:2;align-items:center;gap:10px;margin-bottom:14px;display:flex;position:relative}.brand-logo-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-text-wrap{flex-direction:column;display:flex}.brand-name{letter-spacing:.5px;color:#fff;font-size:14px;font-weight:700;line-height:1.2}.brand-sub{opacity:.8;letter-spacing:.2px;font-size:10px;font-weight:400}.welcome-content{z-index:2;margin-bottom:auto;position:relative}.welcome-title{letter-spacing:-.5px;color:#fff;text-shadow:0 2px 10px #00000026;margin-bottom:10px;font-size:28px;font-weight:800;line-height:1.15}.welcome-subtitle{color:#ffffffe6;max-width:300px;margin-bottom:14px;font-size:11.5px;font-weight:400;line-height:1.5}.login-form-wrap{z-index:2;position:relative}.input-field-group{margin-bottom:10px}.input-field-label{letter-spacing:.4px;text-transform:uppercase;color:#ffffffd9;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.glass-input-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1.5px solid #ffffff47;border-radius:12px;align-items:center;padding:2px 13px;transition:all .2s;display:flex}.glass-input-box:focus-within{background:#ffffff38;border-color:#fff;box-shadow:0 0 14px #ffffff40}.glass-input-box svg.input-icon{color:#ffffffbf;flex-shrink:0;width:17px;height:17px;margin-right:10px}.glass-input-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:8.5px 0;font-size:13px;font-weight:400}.glass-input-box input::placeholder{color:#fff9;font-weight:300}.btn-toggle-eye{cursor:pointer;color:#ffffffb3;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.btn-toggle-eye:hover{color:#fff}.login-error-alert{color:#fff;background:#ef444440;border:1px solid #ffffff59;border-radius:10px;margin-bottom:12px;padding:8px 11px;font-size:11.5px;animation:.4s alertShake;display:none}@keyframes alertShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.btn-signin-capsule{color:#fff;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#0284c7 55%,#06b6d4 100%);border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 38px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 4px 16px #0284c759}.btn-signin-capsule:hover{filter:brightness(1.08);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0284c78c,0 0 15px #06b6d466}.btn-signin-capsule:active{transform:translateY(0)}.btn-signin-capsule:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-ring{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite spinLoader;display:none}.btn-signin-capsule.loading .spinner-ring{display:inline-block}.btn-signin-capsule.loading .btn-text{opacity:.8}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer-meta{color:#ffffffb3;z-index:2;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex;position:relative}.pill-status{letter-spacing:.3px;background:#ffffff26;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:9.5px;font-weight:500;display:inline-flex}.dot-live{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot;box-shadow:0 0 6px #34d399}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.panel-right{background:var(--login-scene-bg);flex:53%;justify-content:center;align-items:center;transition:background .3s;display:flex;position:relative;overflow:hidden}.tech-bg-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.grid-dots-color{color:var(--login-grid-dots)}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wavePulse{0%,to{opacity:.5;stroke-width:3px}50%{opacity:.85;stroke-width:4px}}@keyframes floatHero{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.01)}}@keyframes floatPill1{0%,to{transform:translate(0)}50%{transform:translate(3px,-8px)}}@keyframes floatPill2{0%,to{transform:translate(0)}50%{transform:translate(-3px,-7px)}}@keyframes floatPill3{0%,to{transform:translate(0)}50%{transform:translate(4px,-6px)}}@keyframes pulsePing{0%{opacity:.8;transform:scale(.95)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.anim-orbit{transform-origin:270px 280px;animation:70s linear infinite rotateOrbit}.anim-wave-pulse{animation:4s ease-in-out infinite wavePulse}.hero-showcase-stage{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.hero-emblem-card{background:var(--login-hero-card-bg);border:1px solid var(--login-hero-card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:230px;height:230px;box-shadow:var(--login-hero-card-shadow);border-radius:28px;justify-content:center;align-items:center;padding:18px;transition:all .3s;animation:6s ease-in-out infinite floatHero;display:flex;position:relative}.hero-emblem-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px #0284c759}.emblem-card-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 20%,#38bdf859,#0000 60%);border-radius:26px;position:absolute;inset:-2px}.hero-logo-img{object-fit:contain;z-index:1;filter:drop-shadow(0 8px 20px #0284c738);-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;position:relative}.hero-logo-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fallback-svg{width:100%;height:100%}.kpi-floating-pill{z-index:10;background:var(--login-pill-bg);border:1px solid var(--login-pill-border);color:var(--login-pill-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--login-pill-shadow);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:5px 11px;transition:transform .2s,box-shadow .2s;display:inline-flex;position:absolute}.kpi-floating-pill:hover{box-shadow:0 10px 24px #0000002e;transform:scale(1.05)!important}.kpi-pill-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.kpi-pill-icon svg{width:13px;height:13px}.pulse-blue{color:#0284c7;background:#0284c729;border:1px solid #0284c74d}.pulse-green{color:#10b981;background:#10b98129;border:1px solid #10b9814d}.pulse-orange{color:#f97316;background:#f9731629;border:1px solid #f973164d}.kpi-pill-text{flex-direction:column;line-height:1.2;display:flex}.kpi-pill-val{letter-spacing:-.2px;font-size:11.5px;font-weight:800}.kpi-pill-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:500}.pill-productivity{animation:4.5s ease-in-out infinite floatPill1;top:20px;right:20px}.pill-closedrate{animation:5.2s ease-in-out .6s infinite floatPill2;bottom:24px;left:18px}.pill-qascore{animation:4.8s ease-in-out 1.2s infinite floatPill3;bottom:20px;right:20px}.hero-live-badge{color:#38bdf8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px;background:#0f172aa6;border:1px solid #38bdf840;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 16px #00000026}.live-dot-ping{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(0,0,.2,1) infinite pulsePing;position:absolute;left:12px}.live-dot-core{background:#38bdf8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #38bdf8}@media (max-height:720px){.cinema-card{min-height:420px;max-height:94vh}.panel-left{padding:20px 26px 16px}.welcome-title{margin-bottom:8px;font-size:24px}.welcome-subtitle{margin-bottom:10px}.input-field-group{margin-bottom:7px}.hero-emblem-card{width:190px;height:190px}}@media (max-width:860px){.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.cinema-card{border-radius:26px;flex-direction:column;width:100%;max-width:440px;min-height:auto;box-shadow:0 20px 50px #00000059}.panel-left{width:100%;min-width:0;max-width:100%;padding:36px 26px 30px}.panel-right,.modern-panel-divider{display:none}.welcome-title{margin-bottom:20px;font-size:32px;line-height:1.2}.glass-input-box{border-radius:14px;padding:2px 14px}.glass-input-box input{padding:12px 0;font-size:16px}.glass-input-box input::placeholder{letter-spacing:-.2px;text-overflow:ellipsis;font-size:13.5px}.btn-signin-capsule{letter-spacing:1.2px;box-sizing:border-box;width:100%;margin-top:16px;padding:14px 24px;font-size:15px}}@media (max-width:420px){.login-screen{padding:12px}.cinema-card{border-radius:22px}.panel-left{padding:28px 18px 24px}.brand-header{margin-bottom:20px}.welcome-title{margin-bottom:16px;font-size:27px}.btn-signin-capsule{padding:13px 20px;font-size:14px}}.user-chip{background:var(--btn-icon-bg);border:1px solid var(--border-soft);color:var(--text-main);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.user-chip .role-badge{background:linear-gradient(135deg, var(--purple-2), var(--green-2));color:#fff;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px}.btn-icon:hover{background:var(--btn-icon-hover)}.theme-toggle-btn{position:relative}.theme-toggle-btn:hover{transform:scale(1.08)}.login-theme-toggle{z-index:50;color:#1e293b;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#ffffffd9;border:1px solid #0000001f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:14px;right:18px;box-shadow:0 3px 12px #00000014}[data-theme=dark] .login-theme-toggle{color:#f1f5f9;background:#1c1630d9;border:1px solid #ffffff26;box-shadow:0 4px 15px #0006}.login-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.login-theme-toggle svg{width:15px;height:15px}.theme-toggle-btn{color:var(--text-dim);transition:color .2s,background .2s,transform .2s}.theme-toggle-btn svg{width:18px;height:18px}.icon-sun{display:none}.icon-moon,[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}.um-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#08060eb8;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.um-overlay.open{display:flex}.um-panel{background:var(--modal-bg);border:1px solid var(--border-soft);width:100%;max-width:820px;max-height:88vh;color:var(--text-main);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000073}.um-header{background:var(--modal-header-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.um-header h2{font-size:16px}.um-tabs-nav{background:var(--modal-header-bg);border-bottom:1px solid var(--border-soft);flex-shrink:0;gap:6px;padding:0 22px;display:flex}.um-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.um-tab-btn:hover{color:var(--text-main)}.um-tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:600}.um-tab-badge{color:var(--text-main);background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:11px}.um-tab-badge.logs-badge{color:#34d399;background:#10b98133}.um-body{flex:auto;padding:18px 22px;overflow:auto}.um-tab-content{flex-direction:column;display:flex}.um-add-form{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:18px;padding:14px;display:flex}.um-add-form .filter-field{flex:130px;min-width:130px}.um-add-form .filter-field input,.um-add-form .filter-field select{background-color:var(--modal-bg);border:1px solid var(--border-soft);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:8px 12px;font-size:12.5px}.um-table{border-collapse:collapse;width:100%;font-size:13px}.um-table th,.um-table td{text-align:left;border-bottom:1px solid var(--table-border);color:var(--text-main);vertical-align:middle;padding:9px 10px}.um-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.um-role-pill{border-radius:999px;padding:2px 9px;font-size:10.5px}.um-role-pill.superadmin{color:var(--purple-3);background:#8b5cf640}.um-role-pill.view{color:var(--green-3);background:#10b98133}.um-inline-role-select{appearance:none;cursor:pointer;background-position:right 8px center;background-repeat:no-repeat;background-size:9px 9px;border:1px solid #0000;border-radius:999px;outline:none;padding:5px 24px 5px 10px;font-size:11.5px;font-weight:600;transition:all .2s}.um-inline-role-select.view{color:#10b981;background-color:#10b98126;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");border-color:#10b98159}.um-inline-role-select.superadmin{color:#a78bfa;background-color:#8b5cf633;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23A78BFA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");border-color:#8b5cf673}.um-inline-role-select:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.um-inline-role-select:disabled{opacity:.6;cursor:not-allowed}.um-actions{gap:6px;display:flex}.um-actions button{background:var(--btn-icon-bg);border:1px solid var(--border-soft);color:var(--text-main);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:11.5px;transition:all .15s}.um-actions button.danger{color:#f87171}.um-actions button:hover{background:var(--btn-icon-hover)}.um-note{color:var(--text-dim);margin-top:4px;font-size:11px}.um-pw-wrap{align-items:center;gap:6px;display:inline-flex}.um-pw-text{color:var(--text-main);letter-spacing:.5px;font-family:monospace;font-size:12.5px}.um-pw-btn{border:1px solid var(--border-soft);color:var(--text-main);cursor:pointer;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:flex}.um-pw-btn:hover{background:#ffffff29}.um-logs-wrap{flex-direction:column;gap:14px;display:flex}.um-logs-filter-bar{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.um-log-field{flex-direction:column;gap:4px;min-width:140px;display:flex}.um-log-field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.um-log-field.flex-grow{flex:200px}.um-log-field.action-field{flex-direction:column;gap:4px;min-width:auto;display:flex}.um-log-btn-group{align-items:center;gap:8px;display:flex}.btn-log-action{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-log-action .btn-log-icon{flex-shrink:0;width:14px;height:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-log-refresh{background:linear-gradient(135deg, var(--purple-2), var(--purple-1));color:#fff;border:1px solid #ffffff2e;box-shadow:0 3px 10px #6d28d947}.btn-log-refresh:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 18px #6d28d96b}.btn-log-refresh:hover .btn-log-icon{transform:rotate(180deg)}.btn-log-refresh.loading .btn-log-icon{animation:.8s linear infinite spin}.btn-log-refresh:active{transform:translateY(0)scale(.97);box-shadow:0 2px 6px #6d28d933}.btn-log-clear{color:#dc2626;background:#ef444414;border:1px solid #ef444442;box-shadow:0 2px 6px #ef44440f}[data-theme=dark] .btn-log-clear{color:#f87171;background:#ef44441f;border:1px solid #ef444459;box-shadow:0 2px 6px #0003}.btn-log-clear:hover{color:#ef4444;background:#ef444429;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 5px 15px #ef444433}[data-theme=dark] .btn-log-clear:hover{color:#fca5a5;background:#ef444438;border-color:#ef4444a6;box-shadow:0 5px 15px #ef444440}.btn-log-clear:hover .btn-log-icon{transform:scale(1.15)rotate(-8deg)}.btn-log-clear:active{transform:translateY(0)scale(.97);box-shadow:0 2px 6px #ef44441a}.um-log-field input,.um-log-field select{background-color:var(--modal-bg);border:1px solid var(--border-soft);color:var(--text-main);box-sizing:border-box;border-radius:10px;outline:none;height:38px;padding:8px 12px;font-size:12.5px}.um-log-stats-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.log-stat-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.log-stat-num{color:var(--text-main);font-size:17px;font-weight:700}.log-stat-lbl{color:var(--text-dim);font-size:11px}.um-logs-table-container{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:14px;max-height:48vh;overflow-y:auto}.um-log-badge{border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.um-log-badge.login{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.um-log-badge.metric{color:#a78bfa;background:#8b5cf62e;border:1px solid #8b5cf64d}.um-log-badge.filter{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d}.um-log-badge.logout{color:#94a3b8;background:#94a3b82e;border:1px solid #94a3b84d}.um-log-badge.role{color:#f472b6;background:#ec48992e;border:1px solid #ec48994d}.um-edit-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;background:#08060ed1;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.um-edit-overlay.open{display:flex}.um-edit-panel{background:var(--modal-bg);border:1px solid var(--border-soft);width:100%;max-width:480px;color:var(--text-main);border-radius:18px;flex-direction:column;animation:.22s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000008c}.um-edit-header{border-bottom:1px solid var(--border-soft);background:var(--modal-header-bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.um-edit-header h3{font-size:15px;font-weight:600}.um-edit-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.um-edit-field{flex-direction:column;gap:5px;display:flex}.um-edit-field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.um-edit-field input,.um-edit-field select{background-color:var(--input-bg);border:1px solid var(--border-soft);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.um-edit-field input:focus,.um-edit-field select:focus{border-color:var(--accent-blue)}.um-edit-field.highlight-field{background:#8b5cf614;border:1px solid #8b5cf647;border-radius:12px;padding:12px}.um-field-tip{color:var(--text-dim);margin-top:4px;font-size:11.5px;line-height:1.4}.um-edit-footer{border-top:1px solid var(--border-soft);background:var(--modal-header-bg);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.mobile-scroll-hint{display:none}@media (max-width:768px){body{padding-left:16px;padding-right:16px}.header{gap:10px}.header .title-wrap h1{font-size:22px}.header-right{width:100%}.updated-at{order:3;width:100%;font-size:11px}.btn-icon{width:44px;height:44px}.btn-refresh{flex:auto;justify-content:center}.filter-bar,.detail-filter-row{gap:10px;padding:14px}.filter-field{flex-basis:100%;min-width:100%}.filter-actions{width:100%}.filter-actions .btn-apply,.filter-actions .btn-reset{flex:1 1 0}.cards-grid{gap:14px;margin-bottom:24px}.card{padding:18px}.card-value{font-size:28px}.detail-panel{padding:14px}.segmented-control{gap:4px;padding:5px}.segment-btn{padding:9px 12px;font-size:12px}.active-table-toolbar{gap:8px}.at-search,.at-tl-filter{flex:100%;width:100%}.toolbar-right{flex-wrap:wrap;gap:8px;width:100%;margin-left:0}.btn-download{flex:auto;justify-content:center;padding:10px 12px;font-size:11.5px}.active-avg-badge,.pop-inline-badge{justify-content:center;width:100%}.pivot-sticky-col-2{background:inherit;left:auto}.pivot-table th,.pivot-table td{padding:7px 8px;font-size:12px}.pivot-sticky-col{width:130px;min-width:130px;max-width:130px}.pivot-table thead th:not(.pivot-sticky-col):not(.pivot-sticky-col-2){min-width:52px}.table-scroll{max-height:360px}.mobile-scroll-hint{color:var(--text-dim);text-align:center;margin-bottom:8px;font-size:11px;display:block}.um-panel{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.um-add-form .filter-field{flex-basis:100%;min-width:100%}.um-header,.um-body{padding:14px 16px}}@media (max-width:420px){.header .title-wrap h1{font-size:19px}.card-value{font-size:24px}}.app-watermark-overlay{z-index:99999;background-repeat:repeat;width:100vw;height:100vh;display:none;position:fixed;inset:0;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}@media print{.app-watermark-overlay{position:fixed;opacity:.22!important;display:block!important}}.app-layout-wrapper{width:100%;min-height:100vh;display:flex;position:relative}.sidebar-brand-group{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-nav-btn{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-trophy-tag{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #f59e0b66}.main-view{display:none}.main-view.active{animation:.3s cubic-bezier(.16,1,.3,1) viewFadeIn;display:block}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.btn-sidebar-toggle{display:flex}.app-main-content{padding:16px 16px 40px}}.bp-hero-banner{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.bp-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-50%;left:-10%}.bp-badge-pill{color:#f59e0b;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.bp-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.bp-subtitle{color:var(--text-dim);max-width:480px;font-size:12.5px;line-height:1.5}.bp-filter-card{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.bp-segmented-mode-wrap{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px;display:inline-flex;box-shadow:0 2px 8px #0000000d}.bp-mode-chip{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.bp-mode-chip:hover{color:var(--text-main);background:#8b5cf60f}.bp-mode-chip.active{color:var(--purple-2);background:linear-gradient(135deg,#8b5cf61f,#7c3aed0f);border-color:#8b5cf659;font-weight:700;box-shadow:0 2px 8px #8b5cf61f}.chip-text-mobile{display:none}.chip-text-full{display:inline}.chip-badge{color:var(--purple-2);letter-spacing:.3px;background:#9333ea1f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.chip-gold{color:#d97706;background:#f59e0b26}.bp-mode-chip.active .chip-gold{color:#b45309;background:#f59e0b40}.bp-formula-trigger-btn{color:var(--purple-2);cursor:pointer;background:#9333ea14;border:1px solid #9333ea40;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:5px 13px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.bp-formula-trigger-btn:hover{border-color:var(--purple-2);background:#9333ea29;transform:translateY(-1px)}.bp-formula-trigger-btn .arrow{font-size:11px;transition:transform .25s;display:inline-block}.bp-formula-trigger-btn.is-active .arrow{transform:rotate(180deg)}.bp-mini-info-btn{color:#d97706;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.bp-mini-info-btn:hover{background:#f59e0b33;border-color:#d97706;transform:translateY(-1px)}.bp-formula-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:22px 26px;animation:.25s ease-out fadeInSlide;position:relative;overflow:hidden}.bp-formula-card:before{content:"";background:linear-gradient(90deg,#f59e0b,#8b5cf6,#06b6d4);height:3.5px;position:absolute;top:0;left:0;right:0}.bp-formula-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.bp-formula-title-wrap{align-items:center;gap:12px;display:flex}.bp-formula-icon{font-size:26px;line-height:1}.bp-formula-heading{color:var(--text-main);letter-spacing:-.3px;margin:0 0 3px;font-size:15.5px;font-weight:800}.bp-formula-subheading{color:var(--text-dim);margin:0;font-size:12px;line-height:1.4}.bp-formula-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .15s}.bp-formula-close-btn:hover{color:var(--text-main)}.bp-formula-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.bp-formula-box{border:1px solid var(--border-soft);background:#ffffff05;border-radius:12px;flex-direction:column;padding:16px;display:flex}.bp-box-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:700}.badge-blue{color:#0ea5e9;background:#0ea5e926;border:1px solid #0ea5e94d}.badge-purple{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.badge-gold{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-green{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.bp-formula-box h5{color:var(--text-main);margin:0 0 6px;font-size:13.5px;font-weight:700}.bp-formula-box p{color:var(--text-dim);margin:0 0 10px;font-size:12px;line-height:1.45}.bp-formula-list{color:var(--text-dim);margin:0;padding:0;font-size:11.5px;line-height:1.5;list-style:none}.bp-formula-list li{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.bullet.positive{color:#10b981;font-size:10px;font-weight:800}.bullet.efficiency{color:#3b82f6;font-size:10px;font-weight:800}.bp-formula-formula-tag{border:1px dashed var(--border-soft);text-align:center;color:var(--text-main);background:#00000014;border-radius:8px;margin-bottom:8px;padding:7px 10px;font-family:monospace;font-size:11px}.formula-highlight{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#a855f714);border:1px solid #f59e0b66;font-weight:700}.bp-point-tiers{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.tier-pill{border:1px solid var(--border-soft);color:var(--text-dim);background:#ffffff0d;border-radius:6px;padding:2px 7px;font-size:10.5px}.tier-pill strong{color:var(--purple-2)}.bp-tiebreaker-box{color:var(--text-main);background:#10b9810f;border-left:3px solid #10b981;border-radius:0 8px 8px 0;margin-top:auto;padding:8px 10px;font-size:11.5px;line-height:1.45}.bp-metric-nav{scrollbar-width:none;gap:8px;margin-bottom:18px;padding-bottom:6px;display:flex;overflow-x:auto}.bp-metric-nav::-webkit-scrollbar{display:none}.bp-tab-btn{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.bp-tab-btn:hover{border-color:var(--purple-2);color:var(--text-main);transform:translateY(-2px)}.bp-tab-btn.active{background:linear-gradient(135deg, var(--purple-1), var(--purple-2));color:#fff;border-color:#0000;box-shadow:0 4px 14px #6d28d959}.bp-active-info-bar{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 18px;font-size:12px;display:flex}.bp-info-main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.bp-info-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bp-current-metric-name{color:var(--text-main);margin-right:4px;font-weight:700}.bp-current-metric-period{color:var(--text-dim);margin-left:2px;font-size:13px}.bp-period-tag{color:var(--text-dim)}.bp-total-agents-pill{color:var(--green-3);white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.bp-filter-group-item{align-items:center;gap:6px;display:inline-flex}.bp-empty-notification-card{-webkit-backdrop-filter:blur(16px);text-align:center;background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:640px;margin:20px auto 30px;padding:38px 28px;animation:.35s fadeInBP;display:flex;box-shadow:0 16px 36px #0f172a14}[data-theme=dark] .bp-empty-notification-card{background:#1e293bbf;border-color:#ffffff1a;box-shadow:0 16px 36px #00000059}.bp-empty-icon-bubble{background:linear-gradient(135deg,#f59e0b2e,#ef44441f);border:2px dashed #f59e0b73;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:34px;display:flex}.bp-empty-heading{color:var(--text-main);letter-spacing:-.3px;margin:0 0 10px;font-size:19px;font-weight:700}.bp-empty-message{color:var(--text-dim);max-width:490px;margin:0 0 22px;font-size:13.5px;line-height:1.6}.bp-empty-button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.bp-empty-action-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.bp-empty-action-btn:hover{transform:translateY(-2px)}.bp-empty-notification-sub{text-align:center;border:1px dashed var(--border);background:#fff6;border-radius:14px;margin-top:16px;padding:32px 20px}[data-theme=dark] .bp-empty-notification-sub{background:#1e293b4d;border-color:#ffffff14}.bp-podium-stage{z-index:2;justify-content:center;align-items:flex-end;gap:16px;max-width:860px;margin:0 auto;padding:40px 10px 0;display:flex;position:relative}.podium-col{flex-direction:column;flex:1 1 0;align-items:center;max-width:250px;display:flex}.podium-agent-card{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:12px;transition:transform .3s;display:flex;position:relative}.podium-agent-card:hover{transform:translateY(-4px)}.crown-floating{z-index:3;filter:drop-shadow(0 4px 12px #f59e0bb3);margin-bottom:-10px;font-size:32px;animation:3s ease-in-out infinite floatCrown}@keyframes floatCrown{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(3deg)}}.agent-avatar-circle{-webkit-user-select:none;user-select:none;color:#fff;background:linear-gradient(135deg,#1e1b2e,#2d274a);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:8px;font-size:20px;font-weight:800;display:flex;position:relative}.podium-col-1 .agent-avatar-circle{border:3.5px solid #f59e0b;width:78px;height:78px;font-size:24px;box-shadow:0 0 25px #f59e0b8c,inset 0 0 15px #f59e0b59}.podium-col-2 .agent-avatar-circle{border:3px solid #94a3b8;box-shadow:0 0 18px #94a3b873,inset 0 0 10px #94a3b840}.podium-col-3 .agent-avatar-circle{border:3px solid #cd7f32;box-shadow:0 0 18px #cd7f3273,inset 0 0 10px #cd7f3240}.agent-avatar-wrapper{justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex;position:relative}.avatar-photo-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-camera-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid #1e1b2e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;right:-2px;box-shadow:0 2px 8px #00000073}.avatar-camera-btn:hover{background:linear-gradient(135deg,#6366f1,#9333ea);transform:scale(1.18);box-shadow:0 4px 14px #6366f18c}.lb-avatar-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.lb-avatar-photo-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.lb-camera-icon{color:#fff;opacity:.85;pointer-events:none;background:#4f46e5;border:1px solid #181926;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;bottom:-3px;right:-3px}.lb-avatar-wrapper:hover .lb-camera-icon{opacity:1;transform:scale(1.18)}.bp-photo-manage-btn{color:#c7d2fe;cursor:pointer;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #818cf861;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.bp-photo-manage-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f159,#a855f759);border-color:#a5b4fca6;transform:translateY(-1px)}.btn-api-status-pill{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-main);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-api-status-pill:hover{border-color:var(--purple-2);transform:translateY(-1px)}.status-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b98199}.status-dot-pulse.offline{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.gas-config-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10005;background:#0a0f1cd1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out bpFadeIn;display:none;position:fixed;inset:0}.gas-config-modal-overlay.open{display:flex}.gas-config-modal-card{color:#f8fafc;background:#181926;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 60px -15px #000000b3,0 0 35px #8b5cf633}.gas-config-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.gas-config-title-group{align-items:center;gap:12px;display:flex}.gas-config-icon{background:linear-gradient(135deg,#8b5cf633,#10b98133);border:1px solid #8b5cf64d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.gas-config-title{color:#fff;margin:0;font-size:16px;font-weight:700}.gas-config-subtitle{color:#94a3b8;margin:2px 0 0;font-size:12px}.gas-config-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.gas-status-banner{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;display:flex}.gas-status-indicator{align-items:center;gap:8px;display:flex}.gas-status-source{color:#94a3b8;font-family:monospace;font-size:11px}.gas-test-result{border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.5}.gas-test-result.success{color:#34d399;background:#10b98126;border:1px solid #10b98166}.gas-test-result.error{color:#f87171;background:#ef444426;border:1px solid #ef444466}.gas-guide-card{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;padding:12px 16px}.gas-guide-title{color:#c4b5fd;margin-bottom:6px;font-size:12px;font-weight:700}.gas-guide-list{color:#cbd5e1;margin:0;padding-left:18px;font-size:11.5px;line-height:1.6}.gas-config-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.bp-photo-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0a0f1cd1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out bpFadeIn;display:none;position:fixed;inset:0}.bp-photo-modal-overlay.open{display:flex}.bp-photo-modal-card{color:#f8fafc;background:#181926;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 60px -15px #000000b3,0 0 35px #6366f133}.bp-photo-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.bp-photo-modal-title-group{align-items:center;gap:12px;display:flex}.bp-photo-modal-icon{background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 14px #4f46e559}.bp-photo-modal-title{color:#fff;margin:0;font-size:16px;font-weight:700}.bp-photo-modal-subtitle{color:#94a3b8;margin:2px 0 0;font-size:11.5px}.bp-photo-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .15s}.bp-photo-close-btn:hover{color:#fff}.bp-photo-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.bp-photo-form-row{align-items:flex-end;gap:12px;display:flex}.bp-photo-field{flex-direction:column;gap:6px;display:flex}.bp-photo-label{color:#cbd5e1;font-size:12px;font-weight:600}.bp-photo-type-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;gap:4px;padding:3px;display:flex}.bp-type-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.bp-type-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 8px #4f46e566}.bp-photo-select{color:#f8fafc;background:#11131f;border:1px solid #ffffff1f;border-radius:10px;width:100%;height:38px;padding:0 12px;font-size:12.5px}.bp-photo-dropzone{text-align:center;cursor:pointer;background:#6366f10d;border:2px dashed #6366f173;border-radius:16px;padding:24px 16px;transition:all .2s}.bp-photo-dropzone:hover,.bp-photo-dropzone.dragover{background:#6366f11f;border-color:#818cf8;transform:scale(1.01)}.bp-dropzone-icon{margin-bottom:8px;font-size:32px}.bp-dropzone-text{color:#e2e8f0;margin-bottom:4px;font-size:13.5px}.bp-dropzone-sub{color:#94a3b8;font-size:11.5px}.bp-photo-status{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f14d;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;font-weight:600;display:flex}.bp-photo-spinner{border:2.5px solid #c7d2fe4d;border-top-color:#818cf8;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite bpSpin}@keyframes bpSpin{to{transform:rotate(360deg)}}.bp-photo-preview-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.bp-preview-box{background:#00000059;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.bp-preview-box-header{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.bp-badge-success{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:700}.bp-badge-gold{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:700}.bp-checkerboard-wrap{background-color:#12131a;background-image:linear-gradient(45deg,#1a1c28 25%,#0000 25%),linear-gradient(-45deg,#1a1c28 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1c28 75%),linear-gradient(-45deg,#0000 75%,#1a1c28 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.bp-cutout-canvas{object-fit:contain;max-width:100%;max-height:100%}.bp-podium-preview-container{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:140px;display:flex}.bp-preview-podium-circle{background:linear-gradient(135deg,#1e1b2e,#2d274a);border:3.5px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;box-shadow:0 0 25px #f59e0b8c,inset 0 0 15px #f59e0b59}.bp-preview-podium-circle canvas{object-fit:cover;width:100%;height:100%}.bp-preview-podium-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:140px;font-size:11.5px;font-weight:700;overflow:hidden}.bp-photo-adjustments{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.bp-adjust-toggle-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.bp-switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#e2e8f0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.bp-switch-label input{cursor:pointer;accent-color:#6366f1;width:16px;height:16px}.bp-adjust-tip{color:#94a3b8;font-size:10.5px}.bp-sliders-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.bp-slider-item{flex-direction:column;gap:4px;display:flex}.bp-slider-header{color:#94a3b8;justify-content:space-between;font-size:10.5px;font-weight:600;display:flex}.bp-slider-item input[type=range]{accent-color:#6366f1;cursor:pointer;width:100%;height:4px}.bp-photo-modal-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.btn-danger-outline{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444466;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.btn-danger-outline:hover{color:#fff;background:#ef444440}.bp-btn-save-photo{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;box-shadow:0 4px 14px #4f46e566!important}.bp-btn-save-photo:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.podium-agent-name{color:var(--text-main);-webkit-line-clamp:2;text-overflow:ellipsis;text-align:center;word-break:break-word;-webkit-box-orient:vertical;max-width:220px;margin-bottom:3px;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.podium-col-1 .podium-agent-name{color:#f59e0b;max-width:240px;font-size:15px;font-weight:800}.podium-tl-badge{color:var(--text-dim);border:1px solid var(--border-soft);-webkit-line-clamp:2;text-overflow:ellipsis;text-align:center;word-break:break-word;background:#ffffff0f;border-radius:999px;-webkit-box-orient:vertical;max-width:230px;margin-bottom:6px;padding:2px 8px;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.podium-score-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.score-gold{color:#f59e0b;background:linear-gradient(135deg,#f59e0b40,#d9770626);border:1px solid #f59e0b;box-shadow:0 0 12px #f59e0b59}.score-silver{color:var(--text-main);background:linear-gradient(135deg,#94a3b833,#64748b26);border:1px solid #94a3b8}.score-bronze{color:#f97316;background:linear-gradient(135deg,#cd7f3233,#b4530926);border:1px solid #cd7f32}.pedestal-block{border-radius:8px 8px 4px 4px;flex-direction:column;width:100%;display:flex;position:relative;box-shadow:0 20px 40px -10px #000000a6,0 0 0 1px #ffffff0d}.pedestal-gold-plate{background:linear-gradient(#fef08a 0%,#f59e0b 45%,#b45309 85%,#78350f 100%);border:1px solid #d97706;border-radius:6px 6px 0 0;width:100%;height:12px;box-shadow:0 2px 6px #0006,inset 0 1px #fff9}.pedestal-col-1 .pedestal-gold-plate{height:14px;box-shadow:0 0 15px #f59e0b80,0 3px 8px #00000080,inset 0 1.5px #fffc}.pedestal-body{background:linear-gradient(#181922 0%,#111219 50%,#0b0c12 100%);border:1px solid #ffffff14;border-top:none;border-radius:0 0 4px 4px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pedestal-block-1 .pedestal-body{background:linear-gradient(#201e2e 0%,#151320 50%,#0d0c14 100%);height:200px;box-shadow:inset 0 0 25px #f59e0b14}.pedestal-block-2 .pedestal-body{height:145px}.pedestal-block-3 .pedestal-body{height:110px}.podium-3d-num{background:linear-gradient(#fffbeb 0%,#fde68a 25%,#f59e0b 60%,#92400e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 8px #000c)drop-shadow(0 0 16px #f59e0b59);-webkit-user-select:none;user-select:none;letter-spacing:-2px;-webkit-background-clip:text;font-size:58px;font-weight:900}.pedestal-block-1 .podium-3d-num{filter:drop-shadow(0 6px 12px #000000d9)drop-shadow(0 0 25px #f59e0b8c);font-size:72px}.bp-podium-reflection{filter:blur(5px);background:radial-gradient(at 50% 0,#f59e0b4d 0%,#8b5cf626 45%,#0000 75%);max-width:860px;height:16px;margin:-4px auto 36px}.bp-leaderboard-section{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:10px;padding:24px}.bp-leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lb-title{color:var(--text-main);margin-bottom:2px;font-size:16px;font-weight:700}.lb-subtitle{color:var(--text-dim);font-size:11.5px}.bp-search-input{width:240px;padding:8px 14px;font-size:12px}.lb-table{border-collapse:collapse;width:100%;font-size:13px}.lb-table thead th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--table-border);padding:10px 14px;font-size:11px}.lb-table tbody td{border-bottom:1px solid var(--table-border);color:var(--text-main);vertical-align:middle;padding:12px 14px}.lb-table tbody tr:hover{background:var(--tr-hover-bg)}.lb-rank-badge{border:1px solid var(--border-soft);width:32px;height:32px;color:var(--text-main);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.lb-agent-info{align-items:center;gap:12px;display:flex}.lb-agent-avatar{background:linear-gradient(135deg, var(--purple-2), var(--green-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.lb-agent-name{color:var(--text-main);font-weight:600}.lb-score-val{color:var(--green-3);font-size:14px;font-weight:700}.lb-progress-bar-bg{background:#ffffff14;border-radius:999px;width:120px;height:6px;overflow:hidden}.lb-progress-bar-fill{background:linear-gradient(90deg, var(--purple-2), var(--green-2));border-radius:999px;height:100%}.podium-card-achievements{background:var(--bg-card);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;width:100%;max-width:250px;margin-top:10px;padding:8px 10px;transition:transform .2s,border-color .2s;box-shadow:0 4px 16px #00000014}.podium-col-1 .podium-card-achievements{background:linear-gradient(180deg, var(--bg-card) 0%, #f59e0b0f 100%);border-color:#f59e0b73;box-shadow:0 6px 20px #f59e0b2e}.podium-col-2 .podium-card-achievements{border-color:#94a3b861}.podium-col-3 .podium-card-achievements{border-color:#cd7f3261}.achieve-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;text-align:center;margin-bottom:6px;font-size:9.5px;font-weight:700}.achieve-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.achieve-grid .achieve-item:last-child{grid-column:span 1}.achieve-item{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;transition:all .15s;display:flex}.achieve-item:hover{background:var(--input-hover-bg);border-color:var(--purple-2);transform:translateY(-1px)}.achieve-item.highlight-metric{border-color:var(--purple-2);background:#8b5cf626}.achieve-k{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2px;margin-bottom:2px;font-size:8px;font-weight:700;line-height:1}.achieve-v{color:var(--text-main);white-space:nowrap;font-size:9.5px;font-weight:800;line-height:1.1}.podium-col-1 .achieve-v{color:#f59e0b}.lb-cards-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lb-card-pill{background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-dim);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.lb-card-pill strong{color:var(--text-main);font-weight:700}.lb-card-pill.highlight-metric{border-color:var(--purple-2);color:var(--purple-2);background:#8b5cf626}.lb-card-pill.highlight-metric strong{color:var(--purple-1)}.bp-inline-filter-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.bp-filter-tag{color:var(--text-dim);font-size:11.5px;font-weight:600}.bp-month-chips{background:var(--segmented-bg);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:5px;padding:3px 5px;display:inline-flex}.bp-month-chip{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:all .2s}.bp-month-chip:hover{color:var(--text-main);background:var(--segmented-hover)}.bp-month-chip.active{background:linear-gradient(135deg, var(--purple-1), var(--purple-2));color:#fff;box-shadow:0 2px 8px #6d28d959}.bp-quartal-chips{background:var(--segmented-bg);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:4px;padding:3px 5px;display:inline-flex}.bp-quartal-chip{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s}.bp-quartal-chip:hover{color:var(--text-main);background:var(--segmented-hover)}.bp-quartal-chip.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #d9770659}.bp-select-compact{background:var(--bg-card);border-radius:8px;height:28px;padding:4px 8px;font-size:11px}@media (max-width:768px){.app-main-content{padding:12px 10px 48px}.bp-hero-banner{border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px;padding:16px 14px}.bp-hero-text{width:100%}.bp-title{margin-bottom:6px;font-size:20px;line-height:1.25}.bp-subtitle{max-width:100%;font-size:12px;line-height:1.45}.bp-segmented-mode-wrap{box-sizing:border-box;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-bottom:12px;padding:4px;display:grid}.bp-mode-chip{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;padding:8px 4px;font-size:11.5px;font-weight:700;display:flex}.chip-text-full{display:none}.chip-text-mobile{letter-spacing:-.2px;font-size:12px;display:inline}.chip-badge{padding:1px 7px;font-size:9.5px}.bp-formula-trigger-btn{border-radius:10px;justify-content:center;width:100%;margin-top:8px;padding:8px 12px;font-size:12px}.bp-filter-card{background:var(--input-bg);border:1px solid var(--border-soft);box-sizing:border-box;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:12px;display:grid}.bp-filter-card .filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.bp-filter-card .filter-field label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-dim);margin-bottom:0;font-size:10px;font-weight:700}.bp-filter-card .filter-field select{border-radius:8px;width:100%;height:34px;padding:4px 6px;font-size:11.5px}.bp-filter-card .filter-actions{grid-column:span 3;gap:8px;margin-top:4px;display:flex}.bp-filter-card .filter-actions button{border-radius:8px;flex:1;justify-content:center;align-items:center;height:36px;padding:0;font-size:12px;font-weight:700;display:flex}.bp-formula-card{border-radius:16px;margin-bottom:14px;padding:14px 12px}.bp-formula-grid{grid-template-columns:1fr;gap:10px}.bp-formula-box{border-radius:10px;padding:12px 10px}.bp-metric-nav{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:6px;margin-bottom:12px;padding:2px 2px 8px}.bp-tab-btn{scroll-snap-align:start;border-radius:10px;flex-shrink:0;padding:7px 12px;font-size:11.5px}.bp-active-info-bar{border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;padding:12px}.bp-info-main-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.bp-info-title-group{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.bp-current-metric-name{margin-right:0;font-size:13.5px}.bp-current-metric-period{margin-left:0;font-size:11.5px}.bp-total-agents-pill{align-self:flex-start;padding:3px 8px;font-size:10.5px}.bp-inline-filter-wrap{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.bp-filter-group-item{align-items:center;gap:6px;width:100%;display:flex}.bp-quartal-chips,.bp-month-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;gap:4px;width:100%;max-width:100%;padding:3px 4px;display:flex;overflow-x:auto}.bp-quartal-chip,.bp-month-chip{white-space:nowrap;flex-shrink:0;padding:4px 8px;font-size:11px}.bp-year-item .bp-select-compact{width:100%;height:32px;font-size:11.5px}.bp-podium-stage{box-sizing:border-box;justify-content:center;align-items:flex-end;gap:4px;width:100%;max-width:100%;padding:16px 2px 0;display:flex}.podium-col{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:33.333%;padding:0 1px}.podium-agent-card{width:100%;margin-bottom:6px}.crown-floating{margin-bottom:-5px;font-size:20px}.agent-avatar-circle{border-width:2px;width:42px;height:42px;margin-bottom:4px;font-size:13px}.podium-col-1 .agent-avatar-circle{border-width:2.5px;width:52px;height:52px;font-size:17px}.podium-agent-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;padding:0 1px;font-size:10.5px;line-height:1.15;overflow:hidden}.podium-col-1 .podium-agent-name{font-size:11.5px}.podium-tl-badge{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:3px;padding:1px 4px;font-size:8px;line-height:1.2;overflow:hidden}.podium-score-pill{text-overflow:ellipsis;letter-spacing:-.2px;white-space:nowrap;max-width:100%;padding:2px 5px;font-size:8.5px;line-height:1.2;overflow:hidden}.pedestal-gold-plate{height:8px}.pedestal-col-1 .pedestal-gold-plate{height:10px}.pedestal-block-1 .pedestal-body{height:110px}.pedestal-block-2 .pedestal-body{height:80px}.pedestal-block-3 .pedestal-body{height:60px}.podium-3d-num{letter-spacing:-1px;font-size:28px}.pedestal-block-1 .podium-3d-num{font-size:40px}.bp-podium-reflection{height:8px;margin:-2px auto 20px}.podium-card-achievements{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;margin-top:4px;padding:4px 2px}.achieve-title{letter-spacing:.1px;margin-bottom:2px;font-size:7px}.achieve-grid{grid-template-columns:repeat(2,1fr);gap:2px}.achieve-item{border-radius:3px;padding:2px 1px}.achieve-grid .achieve-item:last-child{grid-column:span 1}.achieve-k{margin-bottom:1px;font-size:6.5px;line-height:1}.achieve-v{font-size:8px;font-weight:800;line-height:1}.bp-leaderboard-section{border-radius:16px;margin-top:14px;padding:14px 10px}.bp-leaderboard-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.bp-search-input{box-sizing:border-box;width:100%;height:36px;font-size:12.5px}.bp-leaderboard-table-wrap{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;padding-bottom:4px;overflow-x:auto}.lb-table{min-width:520px}.lb-table thead th{padding:8px 10px;font-size:10px}.lb-table tbody td{padding:8px 10px;font-size:12px}.lb-agent-avatar{width:28px;height:28px;font-size:10.5px}.lb-rank-badge{border-radius:8px;width:28px;height:28px;font-size:11px}.lb-agent-name,.lb-score-val{white-space:nowrap;font-size:12.5px}.lb-card-pill{padding:2px 4px;font-size:8.5px}.bp-empty-notification-card{border-radius:16px;padding:24px 16px}.bp-empty-icon-bubble{width:56px;height:56px;font-size:26px}.bp-empty-heading{font-size:16px}.bp-empty-message{font-size:12px}.bp-empty-button-row{flex-direction:column;width:100%}.bp-empty-action-btn{justify-content:center;width:100%;font-size:12px}}@media (max-width:420px){.bp-filter-card{grid-template-columns:1fr 1fr;padding:10px}.bp-filter-card .filter-field:nth-child(3),.bp-filter-card .filter-actions{grid-column:span 2}.bp-badge-pill{padding:3px 8px;font-size:10px;line-height:1.3}.pedestal-block-1 .pedestal-body{height:98px}.pedestal-block-2 .pedestal-body{height:72px}.pedestal-block-3 .pedestal-body{height:54px}}.app-layout-wrapper{min-height:100vh;display:flex;position:relative}.top-loading-bar{z-index:999999;opacity:0;pointer-events:none;background:linear-gradient(90deg,#6d28d9,#06b6d4,#10b981,#f97316,#6d28d9) 0 0/250% 100%;width:100%;height:3.5px;transition:opacity .25s,transform .25s;animation:1.8s linear infinite topLoaderFlow;position:fixed;top:0;left:0;transform:translateY(-100%);box-shadow:0 0 14px #06b6d4b3}.top-loading-bar.active{opacity:1;transform:translateY(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;background:#00000080;display:none;position:fixed;inset:0}.app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-soft);z-index:999;-webkit-user-select:none;user-select:none;flex-direction:column;width:250px;min-width:250px;height:100vh;transition:width .28s cubic-bezier(.16,1,.3,1),min-width .28s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:sticky;top:0;overflow:visible;box-shadow:2px 0 16px #0000000a}.app-sidebar.collapsed{width:76px;min-width:76px}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.app-sidebar.collapsed .sidebar-brand-text,.app-sidebar.collapsed .nav-section-label,.app-sidebar.collapsed .nav-text,.app-sidebar.collapsed .nav-trophy-tag,.app-sidebar.collapsed .sidebar-system-status span:last-child{display:none!important}.app-sidebar.collapsed .sidebar-nav{padding:20px 8px}.app-sidebar.collapsed .sidebar-nav-btn{border-left-width:1px;justify-content:center;padding:12px 0}.app-sidebar.collapsed .sidebar-nav-btn.active{box-shadow:inset 0 0 0 2px var(--sidebar-active-border);border-left-color:#8b5cf64d}.app-sidebar.collapsed .btn-sidebar-collapse{background:var(--bg-card);border:1px solid var(--border-soft);z-index:100;position:absolute;top:22px;right:-13px;box-shadow:0 4px 12px #00000026}.app-sidebar.collapsed .btn-sidebar-collapse svg{transform:rotate(180deg)}.app-sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px 0}.sidebar-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:20px 18px;display:flex;position:relative}.sidebar-brand-group{align-items:center;gap:12px;text-decoration:none;display:flex;overflow:hidden}.btn-sidebar-collapse{background:var(--input-bg);border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:all .2s;display:flex}.btn-sidebar-collapse:hover{background:var(--input-hover-bg);color:var(--text-main);border-color:var(--purple-2)}.btn-sidebar-collapse svg{width:15px;height:15px;transition:transform .28s}.sidebar-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #8b5cf640);width:38px;height:38px}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--text-main);letter-spacing:-.2px;font-size:14.5px;font-weight:800;line-height:1.2}.sidebar-brand-sub{color:var(--text-dim);letter-spacing:.3px;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 14px;display:flex;overflow-y:auto}.nav-section-label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;padding:6px 12px 4px;font-size:10px;font-weight:700}.sidebar-nav-btn{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav-btn:hover{background:var(--sidebar-hover-bg);color:var(--text-main);transform:translate(3px)}.sidebar-nav-btn.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-color:#8b5cf64d;border-left:3.5px solid var(--sidebar-active-border);font-weight:700;box-shadow:0 4px 14px #6d28d91a}.nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nav-icon-wrap svg{width:19px;height:19px}.sidebar-footer{border-top:1px solid var(--border-soft);color:var(--text-dim);justify-content:space-between;align-items:center;padding:16px 20px;font-size:11px;display:flex}.sidebar-system-status{align-items:center;gap:6px;display:inline-flex}.status-indicator-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.btn-sidebar-toggle{background:var(--input-bg);border:1px solid var(--border-soft);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-right:10px;padding:8px;display:none}.btn-sidebar-toggle svg{width:20px;height:20px}.app-main-content{min-width:0;padding:calc(24px + env(safe-area-inset-top,0px)) 36px calc(60px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex:1;min-height:100vh;transition:all .28s;overflow-y:auto}@media (max-width:960px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.btn-sidebar-toggle{display:flex}.app-main-content{padding:16px 16px 40px}}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.header .title-wrap{align-items:center;gap:14px;display:flex}.dashboard-header-logo{object-fit:contain;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;flex-shrink:0;width:46px;height:46px;padding:4px;transition:transform .2s;box-shadow:0 4px 12px #00000014}.dashboard-header-logo:hover{transform:scale(1.06)}.header .title-wrap h1{letter-spacing:.3px;background:linear-gradient(90deg,#0284c7,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1.15}.header .title-wrap p{color:var(--text-dim);margin-top:3px;font-size:13px}.header-right{align-items:center;gap:14px;display:flex}.updated-at{color:var(--text-dim);font-size:12px}.btn-refresh{background:linear-gradient(135deg, var(--purple-2), var(--green-2));color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;transition:transform .15s,box-shadow .15s;display:flex}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073}.btn-refresh svg{width:16px;height:16px}.btn-refresh.loading svg{animation:.9s linear infinite spin}.btn-icon{background:var(--btn-icon-bg);border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--btn-icon-hover);color:var(--text-main);transform:translateY(-1px)}.btn-icon svg{width:18px;height:18px}.theme-toggle-btn{color:var(--text-dim)}.theme-toggle-btn:hover{color:var(--text-main);transform:scale(1.08)}.loading-header-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:11.5px;display:inline-flex}.loading-orbital-dot{flex-shrink:0;justify-content:center;align-items:center;width:9px;height:9px;display:inline-flex;position:relative}.dot-core{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.dot-radar{border:1.5px solid #10b981;border-radius:50%;animation:1.6s ease-out infinite radarRipple;position:absolute;inset:-3px}.loading-header-text{background:linear-gradient(90deg, var(--text-main) 0%, var(--purple-2) 50%, var(--text-main) 100%);-webkit-text-fill-color:transparent;letter-spacing:.2px;background-size:200% 100%;-webkit-background-clip:text;font-weight:600;animation:2s linear infinite textShimmer}.synced-header-pill{color:var(--text-dim);align-items:center;gap:7px;font-size:11.5px;transition:all .3s;display:inline-flex}.synced-dot{background:var(--green-2);width:6.5px;height:6.5px;box-shadow:0 0 6px var(--green-2);border-radius:50%;flex-shrink:0}.filter-bar{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:28px;padding:18px 20px;display:flex}.filter-field{flex-direction:column;flex:160px;gap:6px;min-width:160px;display:flex}.filter-field label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-size:11px;font-weight:600}.filter-actions{gap:10px;display:flex}.btn-apply,.btn-reset{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:500;transition:transform .15s,opacity .15s}.btn-apply{background:linear-gradient(135deg, var(--purple-2), var(--purple-1));color:#fff}.btn-reset{background:var(--btn-reset-bg);color:var(--text-main);border:1px solid var(--border-soft)}.btn-apply:hover,.btn-reset:hover{transform:translateY(-2px)}.dark-select,.dark-input{background-color:var(--input-bg);border:1px solid var(--border-soft);color:var(--text-main);border-radius:12px;outline:none;padding:10px 14px;font-size:13px;transition:border .15s,background .15s,color .15s}.dark-select{appearance:none;cursor:pointer;background-image:var(--select-arrow);background-position:right 14px center;background-repeat:no-repeat;width:100%;padding-right:30px}.dark-select:hover{background-color:var(--input-hover-bg)}.dark-select:focus,.dark-input:focus{border-color:var(--green-3)}.dark-select option{background-color:var(--input-bg);color:var(--text-main);padding:8px}.cards-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:34px;display:grid}@media (max-width:1400px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cards-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:22px;transition:transform .2s,background .2s;position:relative;overflow:hidden}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px)}.card:before{content:"";background:radial-gradient(circle, var(--card-glow,var(--purple-2)) 0%, transparent 70%);opacity:.35;pointer-events:none;width:180px;height:180px;position:absolute;top:-40%;right:-30%}.card[data-key=produktivity]{--card-glow:#8b5cf6}.card[data-key=closedRate]{--card-glow:#34d399}.card[data-key=callbackRate]{--card-glow:#a78bfa}.card[data-key=hvcRate]{--card-glow:#10b981}.card[data-key=aht]{--card-glow:#c4b5fd}.card[data-key=qaScore]{--card-glow:#6ee7b7}.card[data-key=staffTime]{--card-glow:#fbbf24}.card[data-key=nps]{--card-glow:#06b6d4}.card[data-key=badtiket]{--card-glow:#f43f5e}.card[data-key=kehadiran]{--card-glow:#3b82f6}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.card-icon{background:linear-gradient(135deg, var(--purple-2), var(--green-2));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.card-icon svg{stroke:#fff;width:22px;height:22px}.card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.card-value{letter-spacing:-.5px;color:var(--text-main);margin-bottom:4px;font-size:34px;font-weight:500}.card-value.empty{color:var(--text-dim);font-size:20px}.card-sub{color:var(--text-dim);margin-bottom:4px;font-size:12px}.card-skeleton-loading{border:1px solid var(--border-soft);pointer-events:none;animation:2.4s ease-in-out infinite cardBreathe}.skeleton-box{background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100%);background-size:200% 100%;border-radius:8px;animation:1.6s ease-in-out infinite skeletonShimmer}.skeleton-icon-pulse{animation:2s ease-in-out infinite iconPulse}.skeleton-val-block{border-radius:10px;width:140px;height:38px;margin-top:8px;margin-bottom:6px}.skeleton-sub-block{border-radius:6px;width:180px;height:14px;margin-bottom:14px}.dm-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:22px;transition:transform .2s,background .2s;position:relative;overflow:hidden}.dm-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.dm-card-icon{background:linear-gradient(135deg, var(--purple-2), var(--green-2));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dm-card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.dm-card-value{letter-spacing:-.5px;color:var(--text-main);margin-bottom:4px;font-size:34px;font-weight:500}.dm-card-sub{color:var(--text-dim);margin-bottom:4px;font-size:12px}.metric-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.metric-icon svg{flex-shrink:0;width:22px;height:22px}.segment-btn .metric-icon svg,.bp-tab-btn .metric-icon svg{width:14px;height:14px}.card-icon .metric-icon svg{stroke:#fff;width:22px;height:22px}[data-mode=fixed] .card-top{margin-bottom:12px}[data-mode=fixed] .card-icon{border-radius:10px;width:36px;height:36px}[data-mode=fixed] .card-icon .metric-icon svg{width:18px;height:18px}.agent-avatar-circle .avatar-initials-fallback,.lb-agent-avatar .avatar-initials-fallback{color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800}.agent-avatar-circle.halo-gold{box-shadow:0 0 18px #f59e0b73}.agent-avatar-circle.halo-silver{box-shadow:0 0 14px #94a3b866}.agent-avatar-circle.halo-bronze{box-shadow:0 0 14px #cd7f3266}.lb-title-group{flex-direction:column;gap:2px;display:flex}.bp-mode-chip .chip-icon{font-size:15px;line-height:1}.bp-month-multiselect{display:inline-flex;position:relative}.bp-month-caret{opacity:.75;font-size:10px}.bp-month-dropdown{z-index:60;background:var(--card-bg,#171523);border:1px solid var(--border-color,#ffffff1f);border-radius:12px;min-width:210px;max-height:260px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 40px #00000073}.bp-month-option{color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.bp-month-option:hover{background:var(--bg-glass,#ffffff0f)}.bp-month-option input[type=checkbox]{accent-color:var(--purple-2,#8b5cf6);cursor:pointer}.bp-month-option-empty{color:var(--text-dim);cursor:default;font-style:italic}.bp-preset-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bp-preset-btn{cursor:pointer;border:1px solid var(--border-color,#ffffff24);background:var(--bg-glass,#ffffff0d);color:var(--text-dim);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .18s;display:inline-flex}.bp-preset-btn:hover{color:var(--text-main);border-color:#8b5cf680;transform:translateY(-1px)}.bp-preset-btn.active{color:#fff;background:linear-gradient(135deg, var(--purple-2,#8b5cf6), var(--purple-1,#6d28d9));border-color:#0000}.bp-active-filter-row{border-top:1px dashed var(--border-color,#ffffff1f);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.bp-active-filter-label{color:var(--text-main);letter-spacing:-.2px;font-size:12px;font-weight:700}.bp-active-filter-chip{cursor:pointer;color:var(--text-main);background:#8b5cf629;border:1px solid #8b5cf666;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.bp-active-filter-chip:hover{background:#ef44442e;border-color:#ef444473}.bp-chip-close{opacity:.85;font-size:10px}.bp-active-filter-count{color:var(--text-dim);margin-left:auto;font-size:11.5px;font-weight:700}.lb-ach-badge{letter-spacing:.3px;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.lb-ach-badge.ach-yes{color:#10b981;background:#10b98129}.lb-ach-badge.ach-no{color:#ef4444;background:#ef444429}@media (max-width:640px){.bp-month-dropdown{min-width:170px}.bp-active-filter-count{margin-left:0}}:root,[data-theme=light]{--card-bg:var(--bg-card);--border-color:var(--border-soft);--bg-glass:var(--input-bg)}[data-theme=dark]{--card-bg:var(--bg-card);--border-color:var(--border-soft);--bg-glass:#ffffff0f}.metric-info-btn{border:1px solid var(--border-soft);background:var(--input-bg);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:6px;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.metric-info-btn svg{width:17px;height:17px}.metric-info-btn:hover{color:var(--text-main);background:#8b5cf61f;border-color:#8b5cf68c}.metric-info-btn:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.metric-info-btn.with-label{letter-spacing:.02em;border-radius:999px;width:auto;height:30px;padding:0 11px;font-size:11.5px;font-weight:600}.metric-info-btn.with-label svg{width:14px;height:14px}@media (pointer:coarse){.metric-info-btn{width:40px;height:40px}.metric-info-btn svg{width:19px;height:19px}}.metric-info-pop{z-index:10000;border:1px solid var(--border-soft);background:var(--modal-bg);color:var(--text-main);border-radius:14px;padding:15px 16px 14px;font-size:12.5px;line-height:1.5;animation:.14s ease-out metricInfoIn;position:fixed;overflow:auto;box-shadow:0 20px 45px #00000047,0 2px 8px #0000001f}.metric-info-pop:focus{outline:none}@keyframes metricInfoIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.metric-info-pop{animation:none}}.metric-info-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.metric-info-kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px;font-weight:700;display:block}.metric-info-title{color:var(--text-main);margin:2px 0 0;font-size:14.5px;font-weight:700}.metric-info-close{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.metric-info-close:hover{background:var(--bg-glass);color:var(--text-main)}.metric-info-def{color:var(--text-main);margin:0 0 10px}.metric-info-section{margin-bottom:10px}.metric-info-formula{border:1px solid var(--border-subtle);background:var(--input-bg);color:var(--text-main);white-space:pre-wrap;word-break:break-word;border-radius:9px;margin-top:4px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55;display:block}.metric-info-source{color:var(--text-dim);margin:0 0 10px;font-size:11.5px}.metric-info-target{border-top:1px dashed var(--border-soft);color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;padding-top:9px;font-size:11.5px;display:flex}.metric-info-target strong{color:#8b5cf6;text-align:right;font-weight:700}[data-theme=dark] .metric-info-pop{box-shadow:0 22px 50px #0009,0 0 0 1px #ffffff0a}[data-theme=dark] .metric-info-target strong{color:#a78bfa}.period-filter{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:14px;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.period-filter.is-open{border-color:#8b5cf661;box-shadow:0 10px 30px #8b5cf614}.period-filter-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.period-presets{scrollbar-width:none;flex:420px;align-items:center;gap:6px;padding:2px;display:flex;overflow-x:auto}.period-presets::-webkit-scrollbar{display:none}.period-preset{border:1px solid var(--border-soft);background:var(--input-bg);color:var(--text-dim);white-space:nowrap;cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;transition:color .16s,background .16s,border-color .16s,transform .16s}.period-preset:hover:not(:disabled){color:var(--text-main);border-color:var(--purple-2);transform:translateY(-1px)}.period-preset.is-active{background:linear-gradient(135deg, var(--purple-2), var(--purple-1));color:#fff;border-color:#0000;box-shadow:0 6px 16px #8b5cf652}.period-preset:disabled{opacity:.45;cursor:not-allowed}.period-preset:focus-visible,.period-configure:focus-visible,.period-toggle:focus-visible,.period-chip-x:focus-visible,.period-clear-all:focus-visible,.period-adv-clear:focus-visible,.period-adv-done:focus-visible,.detail-export-btn:focus-visible,.detail-period-reset:focus-visible{outline:2px solid var(--purple-2);outline-offset:2px}.period-tools{align-items:center;gap:10px;display:flex}.period-coverage{color:var(--text-dim);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.period-coverage-dot{background:#10b981;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #10b98129}.period-configure{border:1px solid var(--border-soft);color:var(--text-main);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.period-configure svg{width:15px;height:15px}.period-configure:hover{border-color:var(--purple-2);color:var(--purple-2)}.period-configure.is-open{color:var(--purple-2);background:#8b5cf61f;border-color:#8b5cf66b}.period-chips{border-top:1px dashed var(--border-soft);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.period-chips-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);font-size:10.5px;font-weight:700}.period-chip{color:#7c3aed;background:#8b5cf61c;border:1px solid #8b5cf647;border-radius:999px;align-items:center;gap:3px;padding:3px 4px 3px 10px;font-size:11.5px;font-weight:600;line-height:1.25;display:inline-flex}.period-chip-x{width:18px;height:18px;color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .14s,opacity .14s;display:inline-flex}.period-chip-x:hover{opacity:1;background:#8b5cf633}.period-clear-all{color:var(--text-dim);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:2px;font-size:11.5px;font-weight:600;text-decoration:underline}.period-clear-all:hover{color:#ef4444}.period-advanced{border-top:1px solid var(--border-soft);margin-top:12px;padding-top:14px;animation:.18s period-advance-in}@keyframes period-advance-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.period-adv-grid{grid-template-columns:minmax(250px,1.25fr) minmax(170px,.75fr) minmax(110px,.45fr);gap:16px 18px;display:grid}.period-adv-field{border:0;min-width:0;margin:0;padding:0}.period-adv-field legend{text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);margin-bottom:8px;padding:0;font-size:10.5px;font-weight:700}.period-adv-days{grid-column:1/-1}.period-date-row{align-items:flex-end;gap:8px;display:flex}.period-date-row label{min-width:0;color:var(--text-dim);flex-direction:column;flex:1 1 0;gap:4px;font-size:11px;display:flex}.period-date-row input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;padding:8px 10px;font-size:12px}[data-theme=dark] .period-date-row input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.period-date-sep{color:var(--text-dim);padding-bottom:9px}.period-adv-hint{color:var(--text-dim);margin:7px 0 0;font-size:11px;line-height:1.45}.period-adv-empty{color:var(--text-dim);font-size:11.5px}.period-chip-cloud{flex-wrap:wrap;gap:6px;display:flex}.period-day-cloud{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));display:grid}.period-toggle{border:1px solid var(--border-soft);background:var(--input-bg);min-width:44px;min-height:32px;color:var(--text-dim);cursor:pointer;border-radius:9px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.period-toggle:hover{color:var(--text-main);border-color:var(--purple-2)}.period-toggle.is-active{color:#7c3aed;background:#8b5cf629;border-color:#8b5cf673}.period-day-toggle{font-variant-numeric:tabular-nums;min-width:0;padding:5px 0}.period-adv-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.period-adv-clear,.period-adv-done{cursor:pointer;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:600;transition:transform .15s,opacity .15s}.period-adv-clear{border:1px solid var(--border-soft);color:var(--text-dim);background:0 0}.period-adv-clear:disabled{opacity:.4;cursor:not-allowed}.period-adv-done{background:linear-gradient(135deg, var(--purple-2), var(--purple-1));color:#fff;border:0}.period-adv-clear:hover:not(:disabled),.period-adv-done:hover{transform:translateY(-1px)}.filter-bar-people{margin-bottom:24px;padding:12px 16px}.filter-bar-people .filter-field{flex:220px;min-width:180px;max-width:340px}.filter-bar-people .filter-actions{margin-left:auto}.detail-period-summary{background:var(--input-bg);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 14px;padding:8px 12px;font-size:12px;display:flex}.detail-period-reset{color:var(--purple-2);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;font-size:11.5px;font-weight:600;text-decoration:underline}.detail-export-btn{border:1px solid var(--border-soft);background:var(--input-bg);color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.detail-export-btn svg{width:15px;height:15px}.detail-export-btn:hover{color:var(--purple-2);border-color:var(--purple-2);transform:translateY(-1px)}[data-theme=dark] .period-chip{color:#c4b5fd;background:#8b5cf62e;border-color:#a78bfa57}[data-theme=dark] .period-toggle.is-active{color:#ddd6fe;background:#8b5cf63d;border-color:#a78bfa73}[data-theme=dark] .period-configure.is-open{color:#c4b5fd;background:#8b5cf633}[data-theme=dark] .period-filter.is-open{box-shadow:0 10px 30px #00000059}@media (max-width:980px){.period-adv-grid{grid-template-columns:1fr 1fr}.period-adv-range,.period-adv-days{grid-column:1/-1}}@media (max-width:640px){.period-filter{padding:12px}.period-filter-top{align-items:flex-start}.period-presets{flex-basis:100%;margin:0 -2px;padding-bottom:4px}.period-tools{justify-content:space-between;width:100%}.period-coverage{font-size:11px}.period-adv-grid{grid-template-columns:1fr}.period-adv-range,.period-adv-days{grid-column:auto}.period-date-row{flex-direction:column;align-items:stretch}.period-date-sep{display:none}.period-adv-actions{flex-direction:column-reverse;align-items:stretch}.period-adv-clear,.period-adv-done{width:100%}.filter-bar-people .filter-field{min-width:100%;max-width:none}.filter-bar-people .filter-actions{width:100%;margin-left:0}.filter-bar-people .filter-actions .btn-reset{width:100%}.period-toggle{min-height:38px}}@media (prefers-reduced-motion:reduce){.period-advanced{animation:none}.period-preset:hover:not(:disabled),.period-adv-clear:hover:not(:disabled),.period-adv-done:hover,.detail-export-btn:hover{transform:none}}.bp-box-badge{align-items:center;gap:6px;display:inline-flex}.bp-box-badge svg,.podium-score-pill svg{flex-shrink:0}.crown-floating svg{display:block}.bp-empty-icon-bubble{color:#f59e0b}.bp-active-filter-label{align-items:center;gap:5px;display:inline-flex}.bp-mode-chip .chip-icon svg{display:block}.bp-badge-pill svg{flex-shrink:0}.segment-btn{text-decoration:none}@media (max-width:960px){.btn-sidebar-collapse{display:none}}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;background:#080a14b8;justify-content:center;align-items:center;padding:clamp(12px,3vw,28px);animation:.18s ease-out modalOverlayIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--modal-bg);width:100%;min-height:0;max-height:100%;color:var(--text-main);border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;animation:.22s cubic-bezier(.2,.9,.3,1) modalPanelIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0009,inset 0 0 0 1px #ffffff08}.modal-panel:focus{outline:none}.modal-panel--sm{max-width:460px}.modal-panel--md{max-width:620px}.modal-panel--lg{max-width:940px}.modal-head{border-bottom:1px solid var(--border-soft);background:var(--modal-header-bg);flex-shrink:0;align-items:flex-start;gap:14px;padding:20px 22px 16px;display:flex}.modal-head-icon{color:#fff;background:linear-gradient(135deg, var(--purple-2), var(--green-2));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 18px #6d28d94d}.modal-head-copy{flex:auto;min-width:0;padding-top:1px}.modal-title{letter-spacing:-.01em;color:var(--text-main);margin:0;font-size:16.5px;font-weight:700;line-height:1.3}.modal-subtitle{color:var(--text-dim);margin:3px 0 0;font-size:12px;line-height:1.45}.modal-close{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.modal-close:hover{background:var(--btn-icon-hover);border-color:var(--border-soft);color:var(--text-main)}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-soft);background:var(--modal-bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.modal-foot-start{align-items:center;gap:8px;margin-right:auto;display:flex}.modal-foot-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.modal-btn,.btn-secondary{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;transition:transform .15s,background .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.modal-btn svg,.btn-secondary svg{flex-shrink:0}.modal-btn:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(1px)}.modal-btn:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.modal-btn--primary{color:#fff;background:linear-gradient(135deg, var(--purple-2), var(--purple-1));box-shadow:0 6px 18px #6d28d947}.modal-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 24px #6d28d95c}.modal-btn--ghost,.btn-secondary{color:var(--text-main);background:var(--btn-reset-bg);border-color:var(--border-soft)}.modal-btn--ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--btn-icon-hover)}.modal-btn--danger{color:#dc2626;background:#ef44441a;border-color:#ef444459}.modal-btn--danger:hover:not(:disabled){background:#ef44442e}.modal-btn--danger-solid{color:#fff;background:#dc2626;box-shadow:0 6px 18px #dc26264d}.modal-btn--danger-solid:hover:not(:disabled){background:#b91c1c}[data-theme=dark] .modal-btn--danger{color:#fca5a5}[data-theme=dark] .modal-btn--danger:hover:not(:disabled){color:#fff}.modal-panel :where(button,input,select,textarea,a[href],[tabindex]):focus-visible{outline:2px solid var(--purple-2);outline-offset:2px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-main);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.field-required{color:#dc2626;font-weight:700}.field-optional{color:var(--text-muted);font-size:11px;font-weight:500}.field-hint{color:var(--text-dim);font-size:11.5px;line-height:1.45}.field-error{color:#dc2626;align-items:flex-start;gap:5px;font-size:11.5px;font-weight:500;line-height:1.4;display:flex}.field-error svg{flex-shrink:0;margin-top:1px}[data-theme=dark] .field-error{color:#fca5a5}.modal-body .dark-input,.modal-body .dark-select{width:100%}.dark-input.has-error,.dark-select.has-error{border-color:#ef4444b3}.dark-input:disabled,.dark-select:disabled{opacity:.6;cursor:not-allowed}.field-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.modal-panel .segmented-control{margin-bottom:0}.modal-panel .segment-btn{flex:1 1 0;justify-content:center}.modal-status{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.modal-status svg{flex-shrink:0;margin-top:1px}.modal-status--error{color:#b91c1c;background:#ef444417;border-color:#ef444447}.modal-status--success{color:#047857;background:#10b9811a;border-color:#10b98147}[data-theme=dark] .modal-status--error{color:#fca5a5}[data-theme=dark] .modal-status--success{color:#6ee7b7}.modal-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite modalSpin}.photo-layout{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:18px;display:grid}.photo-avatar-wrap{justify-self:center;width:112px;height:112px;position:relative}.photo-avatar{border:3px solid var(--border-soft);background:var(--input-bg);width:112px;height:112px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid;overflow:hidden}.photo-avatar.has-photo{border-color:var(--purple-2);box-shadow:0 0 0 5px #8b5cf61f}.photo-avatar img{object-fit:cover;width:100%;height:100%;display:block}.photo-avatar-remove{border:2px solid var(--modal-bg);color:#fff;cursor:pointer;background:#dc2626;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:grid;position:absolute;top:-2px;right:-2px}.photo-avatar-remove:hover{background:#b91c1c;transform:scale(1.06)}.photo-drop{border:1.5px dashed var(--border-soft);background:var(--input-bg);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:border-color .15s,background .15s;display:flex;position:relative}.photo-drop:hover,.photo-drop.is-dragging{border-color:var(--purple-2);background:#8b5cf612}.photo-drop:focus-within{outline:2px solid var(--purple-2);outline-offset:2px}.photo-drop-icon{width:38px;height:38px;color:var(--purple-2);background:#8b5cf61f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.photo-drop-copy{min-width:0}.photo-drop-title{color:var(--text-main);font-size:12.5px;font-weight:600}.photo-drop-hint{color:var(--text-dim);margin-top:2px;font-size:11px;line-height:1.4}.photo-file-name{color:var(--purple-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;font-weight:500;overflow:hidden}.photo-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);background:var(--bg-card);border-radius:12px;max-width:100%;overflow:auto}.modal-table{border-collapse:collapse;width:100%;font-size:12.5px}.modal-table th{text-align:left;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:var(--th-bg);border-bottom:1px solid var(--border-soft);padding:9px 12px;font-size:10.5px;font-weight:700}.modal-table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:10px 12px}.modal-table tbody tr:last-child td{border-bottom:none}.modal-table tbody tr:hover{background:var(--tr-hover-bg)}.modal-table--users{min-width:600px}.modal-table--logs{min-width:540px}.modal-table .dark-select{background-position:right 9px center;border-radius:8px;width:auto;min-width:118px;padding:5px 26px 5px 9px;font-size:12px}.um-pw-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.um-pw-btn:hover{background:var(--btn-icon-hover);border-color:var(--border-soft);color:var(--text-main)}.um-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.um-toolbar-note{color:var(--text-dim);font-size:12px}.um-form-card{border:1px solid var(--border-soft);background:var(--input-bg);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.um-form-title{color:var(--text-main);margin:0;font-size:13px;font-weight:700}.um-role-cell{min-width:130px}.um-actions-cell{text-align:right;white-space:nowrap}.um-row-msg{color:var(--text-dim);margin-top:4px;font-size:10.5px;line-height:1.35}.um-empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;padding:30px 16px;font-size:12.5px;display:flex}.modal-formula-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;display:grid}.modal-formula-code{border:1px solid var(--border-soft);background:var(--input-bg);color:var(--text-main);border-radius:10px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalSheetIn{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSpin{to{transform:rotate(360deg)}}@media (max-width:560px){.modal-overlay{align-items:flex-end;padding:0}.modal-panel{border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:92vh;animation:.22s ease-out modalSheetIn}.modal-head{gap:10px;padding:16px 16px 12px}.modal-head-icon{border-radius:10px;width:34px;height:34px}.modal-title{font-size:15px}.modal-subtitle{font-size:11.5px}.modal-body{padding:16px}.modal-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:8px}.modal-foot-start,.modal-foot-actions{width:100%;margin:0}.modal-foot-actions{order:1}.modal-foot-start{order:2}.modal-foot-start .modal-btn,.modal-foot-actions .modal-btn{flex:auto}.photo-layout{grid-template-columns:1fr;gap:14px}.photo-drop{text-align:left}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-panel{animation:none}.modal-btn,.btn-secondary,.modal-close,.photo-drop,.photo-avatar-remove,.um-pw-btn{transition:none}.modal-btn--primary:hover:not(:disabled){transform:none}.modal-spinner{animation-duration:1.6s}}.photo-drop-title,.photo-drop-hint,.photo-file-name{display:block}.live-sync-pill{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:4px 9px;font-family:inherit;font-size:11.5px;line-height:1.4;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.live-sync-pill:hover:not(:disabled){color:var(--text-main);background:var(--btn-icon-hover);border-color:var(--border-soft)}.live-sync-pill:disabled{cursor:default}.live-sync-pill:focus-visible{outline:2px solid var(--purple-2);outline-offset:2px}.synced-dot--pending{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.synced-dot--error{background:#ef4444;box-shadow:0 0 6px #ef4444}.live-sync-spinner{width:11px;height:11px;color:var(--purple-2);border-width:1.5px}@media (prefers-reduced-motion:reduce){.live-sync-spinner{animation-duration:1.6s}}.app-main-content{padding-bottom:calc(clamp(56px, 7vh, 96px) + env(safe-area-inset-bottom,0px))}.sidebar-nav{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.modal-overlay{padding-bottom:calc(clamp(16px, 3vw, 32px) + env(safe-area-inset-bottom,0px))}.modal-body{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}.modal-body:has(+.modal-foot){padding-bottom:20px}.modal-foot{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}@media (max-width:640px){.modal-overlay{padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}.modal-body{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.modal-body:has(+.modal-foot){padding-bottom:16px}.modal-foot{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}}@media (max-width:560px){.modal-overlay{padding:0}.modal-body{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.modal-foot{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}}.modal-body>*{flex-shrink:0}