.catalog-analytics-nav .nav-chart-icon{display:flex;align-items:flex-end;gap:2px;width:20px;height:20px;padding:3px}.nav-chart-icon i{display:block;width:3px;border-radius:2px;background:currentColor}.nav-chart-icon i:nth-child(1){height:6px}.nav-chart-icon i:nth-child(2){height:12px}.nav-chart-icon i:nth-child(3){height:17px}.sidebar:not(.collapsed) .catalog-analytics-nav label{display:block}.analytics-view{padding-bottom:50px}.analytics-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 18px}.analytics-heading h2{font-size:32px;margin:0 0 6px}.analytics-heading p{margin:0;color:#9da5b5}.analytics-loading{padding:40px;text-align:center;color:#8e97aa}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.analytics-kpi,.analytics-panel{border:1px solid #2b3750;border-radius:15px;background:linear-gradient(145deg,#101722,#141329);box-shadow:0 12px 35px #0003}.analytics-kpi{padding:18px;min-height:86px}.analytics-kpi small{display:block;color:#42d7f5;font-weight:600}.analytics-kpi strong{display:block;margin-top:7px;font-size:27px}.analytics-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.analytics-panel{padding:18px;min-height:230px}.analytics-panel h3{margin:0 0 18px;font-size:18px}.analytics-contribution{margin-top:16px;min-height:150px}.metric-bars{display:grid;gap:13px}.metric-row{display:grid;grid-template-columns:minmax(110px,190px) minmax(100px,1fr) auto;gap:12px;align-items:center;font-size:12px}.metric-track{height:12px;border-radius:10px;background:#1c2940;overflow:hidden}.metric-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36bdf4,#875cff)}.metric-row:nth-child(3n+2) .metric-track i{background:linear-gradient(90deg,#7061ff,#bb66ff)}.metric-row b{min-width:54px;text-align:right}.line-chart{height:160px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #33405a;padding:10px 4px 0}.line-chart span{position:relative;flex:1;min-width:5px;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#8366ff,#37bff255)}.line-chart span:focus{outline:2px solid #47d7fa}.line-chart span small{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);font-size:8px;color:#9aa4b8;white-space:nowrap}.empty-metric{display:grid;place-items:center;min-height:120px;color:#8f98aa;text-align:center}.performance-section{margin-top:34px;padding-top:12px;border-top:1px solid #28334a}.performance-heading{align-items:center}.analytics-range{display:flex;align-items:center;gap:8px}.analytics-range select{height:42px;border:1px solid #6445ae;border-radius:10px;background:#151226;color:#fff;padding:0 12px}.performance-waiting{display:flex;align-items:center;gap:14px;border:1px solid #2ec9ef;border-radius:12px;padding:14px 18px;background:#29caf010;color:#d9f8ff}.performance-waiting b{color:#45daf8}.performance-waiting p{margin:3px 0 0}.analytics-lock{width:22px;height:18px;border:2px solid #6b8baa;border-radius:5px;position:relative}.analytics-lock:before{content:"";position:absolute;width:10px;height:9px;border:2px solid #6b8baa;border-bottom:0;border-radius:8px 8px 0 0;left:4px;top:-10px}.performance-section.locked #performance-content{opacity:.28;pointer-events:none;filter:saturate(.5)}.performance-section.locked .analytics-range{opacity:.45;pointer-events:none}.performance-section:not(.locked) .performance-waiting{display:none}.track-metric{display:grid;grid-template-columns:40px minmax(100px,1fr) minmax(80px,1fr) auto;align-items:center;gap:10px;margin-bottom:10px}.track-metric img,.track-placeholder{width:40px;height:40px;border-radius:7px;object-fit:cover;background:#222b40}.track-metric span{display:grid}.track-metric small{color:#8f98aa}.analytics-error{color:#ffb7c9}@media(min-width:1051px){body:not(.sidebar-collapsed) .sidebar{width:210px}body:not(.sidebar-collapsed) main{margin-left:210px}.catalog-analytics-nav{grid-template-columns:32px 1fr}.catalog-analytics-nav label{white-space:nowrap}}@media(max-width:900px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-panel{min-height:190px}}@media(max-width:560px){.analytics-kpis{grid-template-columns:1fr}.analytics-heading{align-items:flex-start;flex-direction:column}.metric-row{grid-template-columns:100px 1fr}.metric-row b{grid-column:2}.track-metric{grid-template-columns:40px 1fr auto}.track-metric .metric-track{grid-column:2/-1}}