.metrics-sidebar{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;isolation:isolate}.metrics-sidebar__header{background:rgba(30,30,30,.7);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom-color:rgba(255,255,255,.05);padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}.metrics-sidebar__header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.metrics-sidebar__title{color:#f8fafc;font-size:18px;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.metrics-sidebar__content{background:rgba(25,25,25,.7);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 16px 16px;padding:8px 0;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 -1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden;max-height:calc(80vh - 60px)}.metrics-sidebar__content:before{content:"";position:absolute;inset:0;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);z-index:-1}.metrics-sidebar__content:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1))}.metrics-sidebar__scroll{overflow-y:auto;overflow-x:hidden;max-height:inherit}.metrics-sidebar__category{margin-bottom:2px}.metrics-sidebar__category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:transparent;border:none;color:#e2e8f0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.metrics-sidebar__category-header:hover{background:rgba(255,255,255,.05);color:#f8fafc}.metrics-sidebar__category-header:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#10b981,#059669);border-radius:0 2px 2px 0}.metrics-sidebar__category-name{flex:1;text-align:left}.metrics-sidebar__chevron{color:#94a3b8;transition:transform .2s ease}.metrics-sidebar__category-content{padding:4px 0 8px;background:rgba(0,0,0,.1);border-top:1px solid rgba(71,85,105,.2);animation:slideDown .2s ease-out}.metrics-sidebar__metric{width:100%;display:block;padding:10px 20px 10px 40px;background:transparent;border:none;color:#cbd5e1;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.metrics-sidebar__metric:hover{background:rgba(255,255,255,.05);color:#f1f5f9;padding-left:44px}.metrics-sidebar__metric:hover:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#10b981;border-radius:50%}.metrics-sidebar__metric--selected{background:rgba(16,185,129,.1);color:#10b981;font-weight:500;border-left:3px solid #10b981;padding-left:37px}.metrics-sidebar__metric--selected:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px rgba(16,185,129,.4)}.metrics-sidebar::-webkit-scrollbar{width:6px}.metrics-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.metrics-sidebar::-webkit-scrollbar-thumb{background:rgba(71,85,105,.5);border-radius:3px}.metrics-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.7)}.saved-charts-sidebar{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;position:relative;isolation:isolate;font-size:13px}.saved-charts-sidebar__header{background:#1e1e1e;border-radius:8px 8px 0 0;border:1px solid #2d2d30;border-bottom-color:#414141;padding:10px 12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.saved-charts-sidebar__header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.saved-charts-sidebar__title{color:#cccccc;font-size:12px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.saved-charts-sidebar__add-folder{background:transparent;border:none;color:#858585;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px}.saved-charts-sidebar__add-folder:hover{background:rgba(255,255,255,.1);color:#cccccc}.saved-charts-sidebar__content{background:#252526;border:1px solid #2d2d30;border-top:none;border-radius:0 0 8px 8px;padding:0;position:relative;overflow:hidden;max-height:calc(80vh - 40px)}.saved-charts-sidebar__content:before{content:"";position:absolute;inset:0;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);z-index:-1}.saved-charts-sidebar__scroll{overflow-y:auto;overflow-x:hidden;max-height:inherit;padding:4px 0}.saved-charts-sidebar__tree{padding:0;margin:0}.saved-charts-sidebar__tree-item{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.saved-charts-sidebar__tree-lines{position:absolute;top:0;left:0;width:100%;height:22px;pointer-events:none;z-index:0}.saved-charts-sidebar__tree-connector{position:absolute;top:11px;width:8px;height:1px;background:#414141;opacity:.8}.saved-charts-sidebar__tree-connector:before{content:"";position:absolute;left:0;top:-11px;width:1px;height:11px;background:#414141;opacity:.8}.saved-charts-sidebar__tree-connector--last:before{height:11px}.saved-charts-sidebar__new-folder{display:flex;gap:8px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;margin-bottom:12px;border:1px solid rgba(16,185,129,.3)}.saved-charts-sidebar__new-folder-input{flex:1;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#f1f5f9;font-size:13px;outline:none;transition:all .2s ease}.saved-charts-sidebar__new-folder-input:focus{border-color:#10b981;background:rgba(0,0,0,.5);box-shadow:0 0 0 2px rgba(16,185,129,.2)}.saved-charts-sidebar__new-folder-cancel,.saved-charts-sidebar__new-folder-confirm{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.saved-charts-sidebar__new-folder-confirm{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.saved-charts-sidebar__new-folder-confirm:hover{background:rgba(16,185,129,.3);transform:scale(1.02)}.saved-charts-sidebar__new-folder-cancel{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.saved-charts-sidebar__new-folder-cancel:hover{background:rgba(148,163,184,.2)}.saved-charts-sidebar__folder-header{display:flex;align-items:center;position:relative;height:22px;line-height:22px;cursor:pointer;z-index:1}.saved-charts-sidebar__folder-header:hover{background:rgba(255,255,255,.04)}.saved-charts-sidebar__folder-toggle{flex:1;display:flex;align-items:center;gap:4px;padding:0;background:transparent;border:none;color:#cccccc;font-size:13px;font-weight:400;cursor:pointer;text-align:left;height:100%;font-family:inherit}.saved-charts-sidebar__chevron-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:#8e8e8e}.saved-charts-sidebar__folder-icon{color:#dcb67a;flex-shrink:0;margin-right:4px}.saved-charts-sidebar__folder-name{flex:1}.saved-charts-sidebar__folder-count{background:transparent;color:#858585;padding:0 4px;font-size:11px;font-weight:400;margin-left:auto;margin-right:8px}.saved-charts-sidebar__folder-actions{display:flex;align-items:center;gap:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s}.saved-charts-sidebar__folder-header:hover .saved-charts-sidebar__folder-actions{opacity:1}.saved-charts-sidebar__action-btn{padding:2px;background:transparent;border:none;color:#858585;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}.saved-charts-sidebar__action-btn:hover{background:rgba(255,255,255,.1);color:#cccccc}.saved-charts-sidebar__folder-menu{padding:6px;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s ease}.saved-charts-sidebar__folder-menu:hover{background:rgba(255,255,255,.05);color:#cbd5e1}.saved-charts-sidebar__dropdown{position:absolute;top:100%;right:8px;background:#3c3c3c;border:1px solid #555555;border-radius:4px;padding:4px;z-index:10;min-width:150px;box-shadow:0 2px 8px rgba(0,0,0,.4);margin-top:2px}.saved-charts-sidebar__dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:4px 8px;background:transparent;border:none;color:#cccccc;font-size:12px;cursor:pointer;border-radius:3px;text-align:left;font-family:inherit}.saved-charts-sidebar__dropdown-item:hover{background:#2a2d2e}.saved-charts-sidebar__dropdown-item--danger{color:#f87171}.saved-charts-sidebar__dropdown-item--danger:hover{background:rgba(248,113,113,.1);color:#ef4444}.saved-charts-sidebar__folder-content{padding:0;animation:slideDown .15s ease-out}.saved-charts-sidebar__chart{display:flex;align-items:center;gap:4px;height:22px;line-height:22px;cursor:pointer;position:relative;color:#cccccc;z-index:1}.saved-charts-sidebar__chart:hover{background:rgba(255,255,255,.04)}.saved-charts-sidebar__chart--selected{background:#37373d;color:#ffffff}.saved-charts-sidebar__file-icon{color:#519aba;flex-shrink:0;margin-right:4px}.saved-charts-sidebar__chart-thumbnail{width:48px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.saved-charts-sidebar__chart-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.saved-charts-sidebar__chart-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.saved-charts-sidebar__chart-delete{padding:2px 4px;background:transparent;border:none;color:#858585;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-right:4px}.saved-charts-sidebar__chart-delete:hover{background:rgba(255,255,255,.1);color:#f87171}.saved-charts-sidebar__empty{padding:8px 0;color:#858585;font-size:12px;font-style:italic;position:relative;z-index:1}.saved-charts-sidebar__empty p{margin:0 0 12px}.saved-charts-sidebar__empty-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.saved-charts-sidebar__empty-action:hover{background:rgba(16,185,129,.2);transform:scale(1.02)}.saved-charts-sidebar__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#64748b}.saved-charts-sidebar__empty-state p{margin:16px 0;font-size:14px}.saved-charts-sidebar__empty-state-action{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.saved-charts-sidebar__empty-state-action:hover{background:rgba(16,185,129,.2);transform:scale(1.02);box-shadow:0 0 16px rgba(16,185,129,.3)}.saved-charts-sidebar__scroll::-webkit-scrollbar{width:10px}.saved-charts-sidebar__scroll::-webkit-scrollbar-track{background:transparent}.saved-charts-sidebar__scroll::-webkit-scrollbar-thumb{background:#424242;border-radius:0}.saved-charts-sidebar__scroll::-webkit-scrollbar-thumb:hover{background:#4e4e4e}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}