.data-table-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.table-tabs{margin-bottom:16px}.table-wrapper{overflow-x:auto}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.footer-left,.footer-center,.footer-right{display:flex;gap:8px}.chart-section{margin-top:32px;padding:24px;background:#fafafa;border-radius:8px}.chart-layout{display:flex;gap:24px;align-items:flex-start}.chart-controls{flex:0 0 300px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.control-group{margin-bottom:24px}.control-group h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#262626}.channel-buttons,.stage-buttons{display:flex;gap:8px;flex-wrap:wrap}.normalize-slider{display:flex;align-items:center}.chart-container{flex:1;display:flex;flex-direction:column;gap:24px}.chart-item{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.chart-item h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#262626}.dashboard{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.dashboard-content{display:flex;flex:1;overflow:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.navbar-left .logo-image{height:32px;width:auto;object-fit:contain;margin-top:-15px}.navbar-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:12px}.avatar{font-size:24px}.username{font-weight:500}.log-out{color:#666;cursor:pointer;font-size:14px}.sidebar{width:60px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:24px}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.menu-item{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;color:#666;transition:all .3s ease;border-radius:8px}.menu-item.active{background-color:#e0e7ff;color:#2563eb}.menu-icon{font-size:20px}.menu-text{font-size:14px;font-weight:500}.main-content{flex:1;overflow-y:auto;padding:24px}.data-source-section{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.data-source-header{margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#333}.data-source-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select,.filter-input{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#2563eb}.date-range-buttons{display:flex;gap:4px}.date-button{padding:8px 16px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .3s ease}.date-button.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.limit-section{display:flex;align-items:center;gap:8px}.limit-section label{font-size:14px;font-weight:500;color:#333}.fetch-button{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.fetch-button:hover{background-color:#1d4ed8}.data-table-container{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.table-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .3s ease}.tab.active{color:#2563eb;border-bottom-color:#2563eb}.table-wrapper{overflow-x:auto;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;background-color:#f9fafb;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;white-space:nowrap}.data-table tbody tr:nth-child(2n){background-color:#f9fafb}.data-table tbody tr:hover{background-color:#f3f4f6}.data-table input[type=checkbox]{cursor:pointer}.highlighted{background-color:#fee2e2;color:#b91c1c}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.footer-left,.footer-center,.footer-right{display:flex;gap:12px;align-items:center}.footer-button{padding:8px 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.footer-button.primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.footer-button:hover{background-color:#f3f4f6}.footer-button.primary:hover{background-color:#1d4ed8}@media (max-width: 768px){.sidebar{display:none}.table-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-left,.footer-center,.footer-right{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;gap:24px}.login-card{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:480px;text-align:center}.logo{margin-bottom:-30px}.logo-image{max-width:100%;height:auto;display:block;margin:0 auto;max-height:80px;object-fit:contain}.welcome-message{font-size:20px;font-weight:400;color:#666;text-align:center;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#666;font-size:16px}input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff}input:focus{outline:none;border-color:#2563eb;box-shadow:none}.input-error{border-color:#ef4444}.input-error:focus{box-shadow:none}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.toggle-password{position:absolute;right:16px;background:none;border:none;cursor:pointer;font-size:16px;color:#999;transition:color .3s ease}.toggle-password:hover{color:#666}.login-button{width:100%;padding:16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-button:hover{background:#1d4ed8;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px}.remember-me{display:flex;align-items:center;gap:8px;color:#666;cursor:pointer}.remember-me input[type=checkbox]{width:auto;margin:0;padding:0}.forgot-password{color:#2563eb;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#1d4ed8}@media (max-width: 480px){.login-card{padding:24px}.logo-text{font-size:24px}.login-card h2{font-size:18px}input{padding:14px 14px 14px 44px;font-size:14px}.login-button{padding:14px;font-size:14px}.form-footer{flex-direction:column;gap:12px;align-items:flex-start}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}