.user-profile{padding:12px 16px;display:flex;flex-direction:column;gap:0;background:var(--bg-tertiary);border-radius:12px;margin:8px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);min-height:auto}.user-profile:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;letter-spacing:-.01em}.user-trial{font-size:11px;color:var(--text-secondary);transition:color .3s ease;font-weight:500;letter-spacing:.01em}.theme-toggle{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{font-size:18px;color:var(--text-secondary);transition:all .2s ease}.theme-toggle:hover svg{color:var(--accent-color);transform:scale(1.1)}.theme-toggle span{flex:1;letter-spacing:.01em}.language-toggle-wrapper{flex:1;position:relative}.language-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:var(--shadow-sm)}.language-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.language-toggle:active{transform:translateY(0)}.language-toggle svg{font-size:18px;color:var(--text-secondary);transition:all .2s ease}.language-toggle:hover svg{color:var(--accent-color);transform:scale(1.1)}.language-toggle .arrow{margin-left:auto;font-size:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-tertiary)}.language-toggle:hover .arrow{color:var(--accent-color)}.language-toggle .arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;z-index:1000;animation:slideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.language-option:hover{background-color:var(--bg-tertiary);color:var(--accent-color);padding-left:20px}.language-option.active{background:linear-gradient(90deg,var(--accent-light),transparent);color:var(--accent-color);font-weight:600}.sidebar{width:280px;background:var(--sidebar-bg);color:var(--text-primary);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;border-right:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar.collapsed{width:72px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;min-height:72px;transition:border-color .3s ease}.logo{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden}.logo-placeholder{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-light),var(--accent-color));border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:var(--shadow-sm)}.logo-placeholder:hover{transform:scale(1.05);box-shadow:var(--shadow)}.logo-placeholder img{width:100%;height:100%;object-fit:cover}.logo-text{font-weight:700;color:var(--text-primary);transition:color .3s ease;letter-spacing:-.01em;font-size:18px}.toggle-btn{background:transparent;border:none;cursor:pointer;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);min-width:40px;min-height:40px}.toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-color);transform:scale(1.05)}.toggle-btn svg{font-size:24px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:4px 0}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;position:relative;margin:0 8px}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,var(--accent-light),rgba(157,78,221,.05));color:var(--accent-color);font-weight:600}.nav-icon{font-size:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-label{font-weight:500;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:12px;margin:0 8px}.sidebar.collapsed .logo-text{display:none}.sidebar-footer{border-top:1px solid var(--border-light);padding:12px;transition:border-color .3s ease}.controls-group{display:flex;gap:10px;margin-bottom:12px;padding:0 4px}.user-profile-collapsed{padding:16px;display:flex;justify-content:center;align-items:center}.user-avatar-small{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:var(--shadow-md)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.empty-page h1{font-size:32px;font-weight:400;color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.empty-page p{font-size:14px;color:var(--text-secondary);transition:color .3s ease}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--card-bg);padding:24px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));opacity:0;transition:opacity .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-color)}.stat-card:hover:before{opacity:1}.stat-card-content{display:flex;align-items:center;gap:20px}.stat-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-card-icon{transform:scale(1.05)}.stat-card-icon svg{font-size:28px}.stat-card-info{flex:1;min-width:0}.stat-title{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:8px;transition:color .3s ease;letter-spacing:.01em;text-transform:uppercase;font-size:11px}.stat-value-wrapper{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.stat-value{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.stat-trend{font-size:16px;font-weight:600;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px}.stat-trend-up{color:#34a853;background:#34a8531a}.stat-trend-down{color:#ea4335;background:#ea43351a}.stat-trend-neutral{color:#fbbc04;background:#fbbc041a}.timeline-chart{width:100%;position:relative;padding:0;overflow:visible}.chart-tooltip{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-time{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.tooltip-value{display:flex;align-items:baseline;gap:8px}.tooltip-label{font-size:13px;color:var(--text-secondary);font-weight:500}.tooltip-number{font-size:18px;color:var(--accent-color);font-weight:700;letter-spacing:-.02em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;height:fit-content;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 24px;gap:0}.modal-tab{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;bottom:-1px}.modal-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:transparent}.modal-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.modal-close-btn{background:transparent;border:none;padding:8px;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-close-btn svg{font-size:24px}.modal-body{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(90vh - 180px)}.detail-section{padding-top:24px;padding-bottom:24px;border-top:1px solid var(--border-light)}.detail-section:first-child{padding-top:0;border-top:none}.detail-section:last-child{padding-bottom:0}.section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.section-items{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start;justify-items:stretch}@media (max-width: 1200px){.section-items{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.section-items{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.section-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.section-items{grid-template-columns:1fr}}.modal-body .detail-item{display:flex;flex-direction:column!important;justify-content:flex-start;align-items:flex-start;gap:4px;text-align:left;width:140px;min-width:140px;max-width:140px}.detail-item-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;width:100%}.detail-icon{font-size:14px;color:var(--text-tertiary);flex-shrink:0}.detail-item-value{font-size:13px;font-weight:600;color:var(--text-primary);font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;word-break:break-word;line-height:1.4;text-align:left;width:100%}.params-container{display:flex;flex-wrap:wrap;gap:8px}.param-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-light);font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;font-size:12px}.param-key{font-weight:600;color:var(--accent-color)}.param-separator{color:var(--text-tertiary);font-weight:500}.param-value{color:var(--text-primary);font-weight:500}.tab-content{width:100%;display:flex;flex-direction:column}.headers-container{display:flex;flex-direction:column;gap:8px}.header-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-light);font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;font-size:12px;line-height:1.5}.header-key{font-weight:600;color:var(--accent-color);min-width:180px;flex-shrink:0}.header-value{color:var(--text-primary);font-weight:400;word-break:break-word;flex:1}.log-data-container{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:12px;overflow-x:auto;max-height:300px;overflow-y:auto;position:relative}.copy-log-btn{position:absolute;top:12px;right:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;height:32px;z-index:10;box-shadow:var(--shadow-sm)}.copy-log-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.copy-log-btn:active{transform:translateY(0)}.copy-log-btn svg{font-size:18px}.log-data{margin:0;font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;font-size:11px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-all}.modal-body::-webkit-scrollbar,.log-data-container::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.log-data-container::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.log-data-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.log-data-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.logs-table-container{width:100%;overflow-x:auto;overflow-y:hidden}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:500;background:var(--card-bg);color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light),var(--shadow)}.search-input::placeholder{color:var(--text-tertiary)}.pagination-controls{display:flex;align-items:center;gap:12px}.items-per-page{display:flex;align-items:center;gap:8px}.items-per-page label{font-size:14px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.page-size-select{padding:10px 36px 10px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:500;background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.page-size-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.page-size-select:hover{border-color:var(--accent-color)}.logs-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);font-size:13px;transition:background-color .3s ease;box-sizing:border-box;overflow:hidden}.logs-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.logs-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light);white-space:nowrap;transition:color .3s ease,border-color .3s ease}.logs-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:all .2s ease;vertical-align:middle}.logs-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.logs-table tbody tr:hover{background-color:var(--bg-tertiary)}.logs-table tbody tr:last-child td{border-bottom:none}.id-cell{width:60px;font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:600;color:var(--text-primary);text-align:center}.time-cell{width:160px}.time-content{display:flex;align-items:center;gap:8px}.time-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0}.time-info{display:flex;flex-direction:column;gap:2px}.time-value{font-weight:600;color:var(--text-primary);font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.4}.time-date{font-size:12px;color:var(--text-secondary);font-weight:500;line-height:1.4}.status-cell{width:100px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:transparent;border:1px solid;text-align:center;min-width:50px}.request-cell{position:relative;min-width:400px}.user-cell{width:200px}.user-content{display:flex;align-items:center;gap:8px}.user-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:2px}.user-id{font-size:12px;color:var(--text-secondary);font-weight:500;font-family:Inter,Roboto Mono,Monaco,Courier New,monospace;line-height:1.4}.user-name{font-size:13px;color:var(--text-primary);font-weight:600;line-height:1.4}.request-content{display:flex;flex-direction:column;gap:8px;padding-right:32px}.request-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.request-method{font-weight:600;font-size:13px;letter-spacing:.01em;font-family:Inter,monospace}.request-path{font-weight:400;color:var(--text-primary);word-break:break-all;font-size:13px;flex:1;min-width:0}.request-query{font-weight:400;color:var(--text-secondary);word-break:break-all;font-size:13px}.request-details{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}.detail-item{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:500;width:100px;flex-shrink:0}.detail-item svg{font-size:14px;color:var(--text-tertiary)}.request-menu-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:8px;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.logs-table tbody tr:hover .request-menu-btn{opacity:1}.request-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.request-menu-btn.favorite{opacity:1;color:#fbbf24}.request-menu-btn.favorite:hover{color:#f59e0b;background:var(--bg-tertiary)}.request-menu-btn svg{font-size:18px}.no-data{text-align:center;padding:60px!important;color:var(--text-tertiary);font-style:italic;transition:color .3s ease;font-size:14px}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 24px;border-top:1px solid var(--border-light);flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-secondary);font-weight:500}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #9d4edd4d}.pagination-btn.active:hover{background:var(--accent-hover);transform:translateY(-1px)}.pagination-ellipsis{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-weight:600}.pagination-btn svg{font-size:20px}.request-logs{max-width:1600px;margin:0 auto;padding:0 8px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.page-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease;letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.control-group:hover{border-color:var(--accent-color);box-shadow:var(--shadow)}.control-group svg{font-size:18px;color:var(--text-tertiary);transition:color .2s ease}.control-group:hover svg{color:var(--accent-color)}.control-group select{background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:8px}.control-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.control-btn:active{transform:translateY(0)}.control-btn svg{font-size:18px;transition:transform .2s ease}.control-btn:hover svg{transform:scale(1.1)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:var(--shadow-sm)}.refresh-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px) rotate(90deg)}.refresh-btn:active:not(:disabled){transform:translateY(0) rotate(90deg)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{font-size:20px}.refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-section{background:var(--card-bg);padding:32px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border-light);margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible}.chart-section:hover{box-shadow:var(--shadow-lg)}.chart-section .timeline-chart{width:100%;margin:0;padding:0}.table-section{width:100%;padding:24px;margin:0;background:var(--card-bg);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.table-section:hover{box-shadow:var(--shadow-lg)}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg-secondary)}.main-content{flex:1;overflow-y:auto;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:32px;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);opacity:.5}.main-content.collapsed{margin-left:72px}.main-content{scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:10px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--bg-secondary)}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);font-feature-settings:"cv02","cv03","cv04","cv11"}#root{width:100%;height:100vh}button,input,select{font-family:inherit;font-feature-settings:inherit}