:root{--primary:#82da00;--primary-hover:#96f014;--primary-glow:#82da0066;--background:#0f1115;--card-bg:#1e212899;--card-border:#ffffff14;--glass-bg:#ffffff08;--glass-border:#ffffff0d;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--text:#f3f4f6;--text-muted:#9ca3af;--text-dark:#111827;--shadow-sm:0 4px 6px -1px cubic-bezier(.1, 0, .1, 1), 0 2px 4px -2px cubic-bezier(.1, 0, .1, 1);--shadow-md:0 10px 15px -3px cubic-bezier(.1, 0, .1, 1), 0 4px 6px -4px cubic-bezier(.1, 0, .1, 1);--shadow-glow:0 0 20px var(--primary-glow);--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--background:#f1f5f9;--card-bg:#ffffffd9;--card-border:#00000014;--glass-bg:#fff9;--glass-border:#0000000f;--text:#1e293b;--text-muted:#64748b;--text-dark:#0f172a;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000d;--shadow-glow:0 0 20px #82da0033}*{box-sizing:border-box}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#82da000a,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60a,#0000 25%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s,color .4s}#root{text-align:left;width:100%;max-width:100%;margin:0}.settings-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--background);border-radius:var(--border-radius-lg);flex-direction:column;width:90%;max-width:600px;max-height:85vh;margin:auto;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #82da001a}.settings-header{border-bottom:1px solid var(--card-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h2{align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .2s}.close-btn:hover{color:var(--error)}.settings-body{flex-direction:column;gap:16px;padding:24px;display:flex}.settings-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.settings-search{border:1px solid var(--card-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text);background:#0000004d;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .3s}.settings-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px #82da0033}.projects-list{flex-direction:column;gap:8px;max-height:350px;padding-right:8px;display:flex;overflow-y:auto}.projects-list::-webkit-scrollbar{width:6px}.projects-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.project-item{border-radius:var(--border-radius-sm);cursor:pointer;background:#ffffff08;border:1px solid #0000;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.project-item:hover{background:#ffffff0f}.project-item.selected{background:#82da001a;border-color:#82da004d}.project-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.project-info{flex-direction:column;gap:4px;display:flex}.project-key{color:var(--text);font-size:14px;font-weight:700}.project-name{color:var(--text-muted);font-size:12px}.settings-footer{border-top:1px solid var(--card-border);background:#0003;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.selection-count{color:var(--text-muted);font-size:14px}.settings-actions{gap:12px;display:flex}.btn-cancel,.btn-save{border-radius:var(--border-radius-sm);cursor:pointer;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel{color:var(--text);border:1px solid var(--card-border);background:0 0}.btn-cancel:hover{background:#ffffff0d}.btn-save{background:var(--primary);color:#fff;border:none;box-shadow:inset 0 0 0 1px #0000001a}.btn-save:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow)}.loading-projects,.no-projects{text-align:center;color:var(--text-muted);padding:30px;font-style:italic}.settings-controls{align-items:center;gap:8px;margin-top:12px;display:flex}.settings-search{flex:1;margin:0}.settings-controls-buttons{gap:8px;display:flex}.settings-control-btn{border:1px solid var(--card-border);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff1a;border-radius:4px;padding:8px 12px;font-size:13px;transition:all .2s}.settings-control-btn:hover{background:#ffffff26}@media (width<=600px){.settings-modal{width:95%;max-height:90vh}.settings-header,.settings-body{padding:16px}.settings-controls{flex-direction:column;align-items:stretch}.settings-controls-buttons{gap:8px;display:flex}.settings-control-btn{text-align:center;flex:1}.settings-footer{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.selection-count{text-align:center}.settings-actions{flex-direction:column;gap:8px;display:flex}.settings-actions button{width:100%}}.multi-select-container{min-width:200px;position:relative}.multi-select-trigger{background:var(--card-bg);border:1px solid var(--glass-border);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);border-radius:100px;justify-content:space-between;align-items:center;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.multi-select-trigger:hover,.multi-select-trigger.active{border-color:var(--primary);background-color:var(--background);box-shadow:0 0 0 2px var(--primary-glow)}.arrow-icon{color:var(--text-muted);transition:transform .3s}.multi-select-menu{background:var(--background);border-radius:var(--border-radius-md);width:max-content;min-width:240px;max-width:300px;box-shadow:var(--shadow-md), 0 0 0 1px var(--card-border);z-index:200;animation:.2s cubic-bezier(.1,0,.1,1) slideDown;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.multi-select-actions{border-bottom:1px solid var(--card-border);background:#0003;padding:12px}.select-all-btn{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:8px;font-size:12px;transition:all .2s}.select-all-btn:hover{color:var(--text);background:#ffffff0d}.multi-select-list{flex-direction:column;gap:4px;max-height:250px;padding:8px;display:flex;overflow-y:auto}.multi-select-list::-webkit-scrollbar{width:6px}.multi-select-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.multi-select-item{border-radius:var(--border-radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;transition:background .2s;display:flex;position:relative}.multi-select-item:hover{background:#ffffff0d}.multi-select-item.selected{background:#82da001a}.multi-select-item input[type=checkbox]{opacity:0;cursor:pointer;position:absolute}.checkbox-custom{border:1px solid var(--text-muted);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.multi-select-item input:checked~.checkbox-custom{background:var(--primary);border-color:var(--primary)}.multi-select-item input:checked~.checkbox-custom:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.option-label{color:var(--text);font-size:13px}.no-options{text-align:center;color:var(--text-muted);padding:16px;font-size:13px;font-style:italic}.date-filter-container{min-width:200px;position:relative}.date-filter-trigger{background:var(--card-bg);border:1px solid var(--glass-border);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);box-shadow:none;border-radius:100px;justify-content:space-between;align-items:center;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.date-filter-trigger:hover,.date-filter-trigger.active{border-color:var(--primary);background-color:var(--background);box-shadow:0 0 0 2px var(--primary-glow);color:var(--text)}.trigger-text{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.arrow-icon{color:var(--text-muted);margin-left:8px;transition:transform .2s}.arrow-icon.open{transform:rotate(180deg)}.date-filter-menu.solid-panel{background:var(--background);border-radius:var(--border-radius-md);width:max-content;box-shadow:var(--shadow-xl), 0 0 0 1px var(--card-border);z-index:200;flex-direction:column;padding:16px;animation:.2s cubic-bezier(.1,0,.1,1) slideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0}.calendar-header-nav{z-index:10;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:16px;left:16px;right:16px}.cal-nav-btn{pointer-events:auto;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.cal-nav-btn:hover{background:#82da0026}.calendar-wrapper{gap:20px;padding-top:10px;display:flex}.calendar-divider{background:var(--card-border);width:1px;margin:0 10px}.calendar-month{flex-direction:column;width:230px;display:flex}.calendar-month-header{text-align:center;color:var(--text);margin-bottom:16px;font-size:14px;font-weight:600}.calendar-weekdays{margin-bottom:8px;display:flex}.calendar-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;flex:1;font-size:11px;font-weight:600}.calendar-row{margin-bottom:2px;display:flex}.calendar-day{cursor:pointer;height:32px;color:var(--text);border-radius:100px;flex:1;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.calendar-day:hover:not(.disabled-day){border-color:var(--primary);background:#ffffff1a}.calendar-day.disabled-day{color:#0000;pointer-events:none}.calendar-day.in-range{background:#82da0026;border-radius:0}.calendar-day.selected{background:var(--primary);color:#000;font-weight:700}.calendar-day.selected.range-start{border-top-right-radius:0;border-bottom-right-radius:0}.calendar-day.selected.range-end{border-top-left-radius:0;border-bottom-left-radius:0}.date-filter-actions-bar{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.checkbox-label{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:16px;height:16px}.clear-date-btn{border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;padding:6px 12px;font-size:13px;transition:all .2s}.clear-date-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}@media (width<=768px){.date-filter-menu.solid-panel{width:calc(100vw - 32px);padding:10px;right:-16px}.calendar-wrapper{flex-direction:column;align-items:center;gap:0}.calendar-divider{width:100%;height:1px;margin:16px 0}}.header{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--text);z-index:100;flex-direction:column;gap:20px;padding:24px 32px;display:flex;position:sticky;top:0}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.header-logo{filter:drop-shadow(0 0 8px #82da0066);width:auto;height:40px}.header-title h1{color:var(--text);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.header-info{align-items:center;gap:20px;display:flex}.last-update{color:var(--text-muted);font-size:13px;font-weight:500}.filter-bar{background:var(--glass-bg);border-radius:var(--border-radius-md);border:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.filter-bar select{border:1px solid var(--glass-border);background:var(--card-bg);color:var(--text);cursor:pointer;transition:var(--transition);appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239ca3af%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em,100%;border-radius:100px;padding:10px 2.5em 10px 16px;font-size:13px;font-weight:500}.filter-bar select:focus,.filter-bar select:hover{border-color:var(--primary);background-color:var(--background);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.clear-btn{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);background:0 0;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:500}.clear-btn:hover{color:var(--error);border-color:var(--error);background:#ef44441a}.refresh-btn{background:var(--primary);color:#000;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-glow);border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.refresh-btn:hover{background:var(--primary-hover);box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn:disabled{background:var(--card-border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.spinning{animation:1s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.header{border-radius:var(--border-radius-md);z-index:10;padding:16px;position:relative}.header-top{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select,.clear-btn{width:100%}}.metrics{flex-direction:column;gap:16px;padding:0;display:flex}.metrics-group{flex-direction:column;gap:8px;display:flex}.metrics-title{text-transform:uppercase;color:var(--text-muted);margin:0 4px;font-size:11px;font-weight:600}.metrics-scroll{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:100%;display:grid}.metric-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md);border:1px solid var(--card-border);text-align:center;transition:var(--transition);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:1px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--card-color,var(--primary));opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.metric-card:hover,.metric-card.active{box-shadow:0 10px 25px -5px #00000080, 0 0 20px var(--glow-color,transparent);border-color:var(--card-color,var(--glass-border));transform:translateY(-4px)}.metric-card.active{background:#ffffff14}.metric-value{letter-spacing:-.5px;color:var(--card-color,var(--text));text-shadow:0 0 15px var(--glow-color,transparent);margin-bottom:2px;font-size:24px;font-weight:800}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;line-height:1.4}.total-card{background:linear-gradient(135deg,#82da001a 0%,#82da0005 100%);border:1px solid #82da004d;grid-column:1/-1}@media (width>=768px){.total-card{grid-column:span 2}}.total-card .metric-value{color:var(--primary);text-shadow:0 0 15px var(--primary-glow);font-size:28px}.total-card .metric-label{color:var(--text)}@media (width<=768px){.metrics-scroll{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.metric-card{min-height:60px;padding:12px}.metric-value{font-size:20px}}.charts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;padding:0;display:grid}.chart-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);transition:var(--transition);padding:24px}.chart-card:hover{border-color:#ffffff26}.chart-card h3{color:var(--text);margin:0 0 24px;font-size:18px;font-weight:700}.chart-container{width:100%;height:300px}.recharts-wrapper .recharts-text{fill:var(--text-muted);font-family:Inter,sans-serif}.recharts-wrapper .recharts-cartesian-axis-tick-value{font-size:12px;font-weight:500}.recharts-legend-item-text{font-weight:500;color:var(--text)!important}.recharts-default-tooltip{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--border-radius-sm)!important;box-shadow:var(--shadow-md)!important;color:var(--text)!important;background-color:#0f1115e6!important}.recharts-tooltip-item-name,.recharts-tooltip-item-value{font-family:Inter,sans-serif!important;font-weight:600!important}@media (width<=1024px){.charts{grid-template-columns:1fr}}@media (width<=768px){.chart-card{padding:16px}.chart-container{height:250px}}.top-ranking{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:24px;padding:0;display:grid}.top-card.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);transition:var(--transition);padding:24px}.top-card.glass-panel:hover{border-color:#ffffff1a;box-shadow:0 10px 25px -5px #00000080,0 0 15px #82da0026}.top-title{color:var(--text);align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex}.top-icon{filter:drop-shadow(0 2px 4px #0006);font-size:22px}.top-list{flex-direction:column;gap:10px;display:flex}.top-item{background:var(--glass-bg);border-radius:var(--border-radius-sm);transition:var(--transition);border:1px solid #0000;position:relative;overflow:hidden}.top-item:hover{border-color:var(--glass-border);background:#ffffff0d;transform:translate(4px)}.top-item-bg{z-index:1;background:linear-gradient(90deg,#82da0026 0%,#82da0005 100%);border-right:1px solid #82da004d;height:100%;transition:width 1s cubic-bezier(.1,0,.1,1);position:absolute;top:0;left:0}.top-item-bg.user-bg{background:linear-gradient(90deg,#3b82f626 0%,#3b82f605 100%);border-right-color:#3b82f64d}.top-item-content{z-index:2;align-items:center;gap:16px;min-width:0;padding:10px 16px;display:flex;position:relative}.top-rank{width:28px;height:28px;color:var(--text-muted);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #00000080}.top-rank.rank-1{color:#000;background:linear-gradient(135deg,gold,#d4af37);font-size:14px;box-shadow:0 0 15px #ffd70080}.top-rank.rank-2{color:#000;background:linear-gradient(135deg,#e0e0e0,#a0a0a0);box-shadow:0 0 10px #e0e0e04d}.top-rank.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 0 10px #cd7f3266}.top-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.top-value{color:var(--text);text-align:right;letter-spacing:.5px;min-width:36px;font-size:16px;font-weight:700}.no-data{text-align:center;color:var(--text-muted);background:var(--glass-bg);border-radius:var(--border-radius-sm);padding:30px;font-style:italic}@media (width<=768px){.top-ranking{grid-template-columns:1fr;gap:16px;margin-top:16px}.top-card.glass-panel{padding:16px}.top-item-content{gap:10px;padding:8px 12px}.top-title{font-size:16px}.top-icon{font-size:18px}}.ranking{margin-top:24px}.ranking-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);transition:var(--transition);overflow:hidden}.ranking-card:hover{border-color:#ffffff1a;box-shadow:0 10px 25px -5px #00000080,0 0 15px #82da0026}.ranking-card h3{color:var(--text);border-bottom:1px solid var(--card-border);align-items:center;gap:10px;margin:0;padding:20px 24px;font-size:18px;font-weight:600;display:flex}.ranking-table-container{overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%}.ranking-table th{text-align:left;color:var(--text-muted);cursor:pointer;border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0003;padding:16px 20px;font-size:13px;font-weight:600;transition:background .2s}.ranking-table th:hover{color:var(--text);background:#ffffff0d}.ranking-table td{border-bottom:1px solid var(--card-border);color:var(--text);padding:16px 20px;transition:background .2s}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover td{background:#ffffff08}.user-cell{align-items:center;gap:12px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 10px #82da004d}.rank-number{color:var(--text-muted);width:40px;font-size:18px;font-weight:700}.bar-cell{align-items:center;gap:12px;width:120px;display:flex}.progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.bar-value{color:var(--text);min-width:24px;font-size:14px;font-weight:600}@media (width<=1024px){.ranking-table{font-size:13px}th,td{padding:12px 16px}}@media (width<=768px){.ranking{margin-top:16px}.ranking-table-container{-webkit-overflow-scrolling:touch}.ranking-table th{padding:12px;font-size:12px}.ranking-table td{padding:12px;font-size:13px}.bar-cell{gap:8px;width:90px}.user-cell{gap:10px}.avatar{width:30px;height:30px;font-size:12px}}@media (width<=480px){.ranking-card h3{padding:16px;font-size:16px}.ranking-table th,.ranking-table td{padding:10px;font-size:12px}}.table-container{padding:0}.table-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);overflow:hidden}.table-card h3{color:var(--text);border-bottom:1px solid var(--glass-border);background:#ffffff05;margin:0;padding:24px 32px;font-size:18px;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:#ffffff05}th{text-align:left;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--card-border);letter-spacing:.5px;transition:var(--transition);padding:16px 24px;font-size:13px;font-weight:600}th:hover{color:var(--text);background:#ffffff0d}td{color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0a;max-width:250px;padding:16px 24px;transition:background .2s;overflow:hidden}tr:hover td{cursor:pointer;background:#ffffff08}tr.expanded td{background:#ffffff05}.ticket-key{color:var(--primary);font-weight:600;text-decoration:none}.status-pill{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;max-width:160px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden;box-shadow:0 2px 4px #0003}.detail-row td{padding:24px;background:#0003!important}.detail-content{background:var(--card-bg);border-radius:var(--border-radius-md);border:1px solid var(--card-border);grid-template-columns:repeat(2,1fr);gap:24px;padding:24px;display:grid}.detail-field{margin-bottom:16px}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.detail-value{color:var(--text);white-space:normal;word-wrap:break-word;max-width:100%;font-size:14px;line-height:1.5}.no-data{text-align:center;color:var(--text-muted);padding:60px;font-size:15px}@media (width<=768px){th,td{padding:12px 16px}}.login-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#080a0ff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);flex-direction:column;gap:24px;width:90%;max-width:400px;padding:40px;animation:.4s cubic-bezier(.1,0,.1,1) slideUp;display:flex;box-shadow:0 20px 40px #000c,0 0 20px #82da001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center}.login-icon{color:var(--primary);filter:drop-shadow(0 0 8px #82da0080);margin-bottom:16px}.login-header h2{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:700}.login-header p{color:var(--text-muted);margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form input{border:1px solid var(--card-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text);text-align:center;background:#0000004d;outline:none;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #82da0033}.login-btn{background:var(--primary);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:14px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #0000004d}.login-btn:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-2px)}.login-error{color:#ef4444;text-align:center;border-radius:var(--border-radius-sm);background:#ef44441a;border:1px solid #ef44444d;padding:10px;font-size:14px}.loader{text-align:center;color:var(--text-muted);font-size:16px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:32px;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f1115cc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid var(--glass-border);border-top-color:var(--primary);width:56px;height:56px;box-shadow:var(--shadow-glow);border-radius:50%;animation:1s cubic-bezier(.4,0,.2,1) infinite spin}.error-message{color:var(--error);border-radius:var(--border-radius-md);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef44441a;border:1px solid #ef44444d;margin:16px;padding:16px}@media (width<=768px){main{gap:16px;padding:16px}}