@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600&display=swap";:root{--primary-color: #0071e3;--primary-hover: #0077ed;--text-color: #1d1d1f;--secondary-text: #86868b;--background-light: #f5f5f7;--background-white: #ffffff;--border-color: #d2d2d7;--success-color: #34c759;--error-color: #ff3b30;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--transition: all .3s cubic-bezier(.25, .1, .25, 1)}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--background-light);min-height:100vh;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab-container{display:flex;align-items:center;gap:16px}#mainContent{display:flex;flex-direction:column;min-height:100vh;width:100%;box-sizing:border-box;max-width:1600px;margin:0 auto;padding:0}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.visibility-hidden{visibility:hidden!important}#loading{text-align:center}#mainContent:not(.hidden){display:flex!important}#mainContent.hidden,.hidden{display:none!important}.app-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background-color:var(--background-white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-controls{display:flex;align-items:center;gap:16px}h1{margin:0;font-size:28px;font-weight:600;color:var(--text-color);letter-spacing:-.5px}h3{margin:0;font-size:18px;font-weight:500;color:var(--text-color);letter-spacing:-.3px}.content-container{display:flex;height:calc(100vh - 80px);width:100%}.sidebar{width:350px;background-color:var(--background-white);border-right:1px solid var(--border-color);height:100%;overflow-y:auto;display:flex;flex-direction:column}#mainContent:not(.hidden) .sidebar{display:flex}.sidebar-header{padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header h3{margin:0;font-size:16px}.main-chart{display:flex;flex-direction:column;gap:8px;flex:1;height:100%;background-color:var(--background-white);overflow:hidden}#toggles-container{width:100%;padding:0;border-collapse:collapse;flex:1;table-layout:fixed}#toggles-container tr{height:40px}#toggles-container th{padding:10px 12px;text-align:left;font-weight:500;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background-white);z-index:10}#toggles-container th:first-child{width:70%}#toggles-container th:nth-child(2){width:30%;text-align:right}#toggles-container th:last-child{width:30%;text-align:right}#toggles-container td{padding:6px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toggles-container td:first-child{white-space:normal;line-height:1.3;padding-right:8px}.toggle-header{text-align:left;padding-bottom:12px;color:#86868b;font-size:14px;font-weight:500}.toggle-header-right{text-align:right;padding-bottom:12px;color:#86868b;font-size:14px;font-weight:500}.source-container{display:flex;align-items:center}.color-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.source-name{font-weight:500;font-size:15px}#corsError{margin-top:20px;padding:10px;background-color:#fff3f3;border:1px solid #ffcaca;border-radius:var(--radius-sm)}#corsError ul{text-align:left;margin-top:8px;padding-left:20px}#corsError li{margin-bottom:4px}#toggles-container td:nth-child(2){text-align:right;padding-right:16px;font-weight:500;font-variant-numeric:tabular-nums}#toggles-container td:last-child{text-align:right}#chart-container{width:100%;height:100%;background-color:var(--background-white)}.toggle-container{display:flex;align-items:center;font-size:15px;background-color:transparent;padding:0;border-radius:0;box-shadow:none}.toggle-container label{margin-left:12px;color:var(--text-color);font-weight:500}.switch{position:relative;display:inline-block;width:52px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e4e4e4;transition:var(--transition);border-radius:32px}.slider:before{position:absolute;content:"";height:28px;width:28px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--success-color)}input:checked+.slider:before{transform:translate(20px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .3s ease-in-out}.modal:not(.hidden){display:flex!important}.modal.hidden{display:none!important}.modal-content{background-color:var(--background-white);padding:32px;border-radius:var(--radius-lg);width:380px;box-shadow:var(--shadow-md);animation:modalFadeIn .3s ease}.btn-tag{width:fit-content!important}#quick-access{display:flex;gap:8px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.app-icon{margin-bottom:20px}.modal-header h2{margin:0;color:var(--text-color);font-size:28px;font-weight:600;letter-spacing:-.5px}.subtitle{margin:8px 0 0;color:var(--secondary-text);font-size:16px;font-weight:400}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:15px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:16px;color:var(--text-color);transition:var(--transition);box-sizing:border-box;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0071e333}.modal-footer{margin-top:28px;text-align:center}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-primary{background-color:var(--primary-color);color:#fff;width:100%}.btn-primary:hover{background-color:var(--primary-hover)}#logoutButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);padding:10px 20px}#logoutButton:hover{background-color:#0000000d}.error-message{color:var(--error-color);margin-top:12px;font-size:14px;display:none;text-align:center}.error-message:not(.hidden){display:block}#loadingIndicator{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;position:fixed;top:0;left:0;background-color:var(--background-light);z-index:2000;transition:opacity .5s ease}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-text{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:var(--primary-color);letter-spacing:.5px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.spinner{width:40px;height:40px;border-radius:50%;background:conic-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 30%,var(--primary-color) 70%);animation:spin 1s linear infinite;position:relative;box-shadow:0 0 10px #0071e333}.spinner:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background-color:var(--background-light);top:4px;left:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.content-container{flex-direction:column;height:auto}.app-header{padding:16px 20px;position:sticky;top:0}.header-controls{gap:10px}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);max-height:400px}.main-chart{gap:8px;height:calc(100vh - 480px);min-height:400px}}@media (max-width: 600px){.app-header{padding:12px}h1{font-size:24px}.toggle-container{font-size:14px}.main-chart{height:60vh}.modal-content{width:90%;padding:24px}}