:root{--bg-dark: #0a0c10;--bg-sidebar: #0f1218;--bg-card: #13171e;--bg-card-hover: #191e27;--bg-card-highlight: #1b212b;--text-main: #ebf0f5;--text-muted: #828b9c;--text-disabled: #4e5563;--accent-green: #00d977;--accent-red: #ff3b5c;--accent-blue: #0A84FF;--accent-orange: #ff9f0a;--border-color: #212631;--border-subtle: #191d26;--glass-bg: rgba(19, 23, 30, .7);--font-family: "Century Gothic", "CenturyGothic", "AppleGothic", Arial, sans-serif;--font-mono: "Century Gothic", "CenturyGothic", "AppleGothic", Arial, sans-serif;--radius-standard: 12px;--radius-block: 14px;--radius-button: 10px;color-scheme:dark}[data-theme=light]{--bg-dark: #f0f3f8;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f7fb;--bg-card-highlight: #eef2fa;--text-main: #1a2035;--text-muted: #64748b;--text-disabled: #94a3b8;--accent-green: #059669;--accent-red: #e0284a;--accent-blue: #0A84FF;--accent-orange: #d97706;--border-color: #dde3ef;--border-subtle: #eef1f7;--glass-bg: rgba(255, 255, 255, .85);color-scheme:light}[data-theme=light] body{background-color:var(--bg-dark);color:var(--text-main)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5{color:#0f172a!important}[data-theme=light] .card{box-shadow:0 1px 4px #00000012,0 4px 12px #0000000d!important}[data-theme=light] .card:hover{border-color:#c7d2e6!important}[data-theme=light] .data-table th{color:var(--text-muted)!important;background:#f8fafd!important;border-bottom-color:var(--border-color)!important}[data-theme=light] .data-table td{color:var(--text-main)!important;border-bottom-color:var(--border-subtle)!important}[data-theme=light] .data-table tbody tr:hover{background-color:var(--bg-card-hover)!important}[data-theme=light] .btn{color:#374151!important;background-color:#f1f5f9!important;border-color:var(--border-color)!important}[data-theme=light] .btn:hover{background-color:#e5ebf5!important;border-color:#c7d2e6!important}[data-theme=light] .btn-primary{color:#fff!important;background-color:var(--accent-blue)!important}[data-theme=light] .btn-primary:hover{background-color:#0070e0!important}[data-theme=light] .card-input,[data-theme=light] .card-select{background-color:#f8fafd!important;color:#1a2035!important;border-color:var(--border-color)!important}[data-theme=light] .card-input:focus,[data-theme=light] .card-select:focus{background-color:#fff!important}[data-theme=light] .card-select option{background-color:#fff!important;color:#1a2035!important}[data-theme=light] .form-input{background-color:#f8fafd!important;color:#1a2035!important}[data-theme=light] .form-input:focus{background-color:#fff!important}[data-theme=light] .period-toggle-group{background:#f1f5f9!important;border-color:var(--border-color)!important}[data-theme=light] .period-btn{color:var(--text-muted)!important}[data-theme=light] .period-btn.active{background:#fff!important;color:var(--accent-blue)!important}[data-theme=light] .rank-name{color:#0f172a!important}[data-theme=light] .rank-badge{background:#f1f5f9!important;color:var(--text-muted)!important}[data-theme=light] .modal-content{box-shadow:0 20px 50px #00000026!important}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}[data-theme=light] nav .sidebar-link{color:var(--text-muted)!important}[data-theme=light] .data-table td span,[data-theme=light] .data-table td div{color:inherit}[data-theme=light] .icon-btn:hover{background:#0000000d!important;border-color:var(--border-color)!important;color:var(--text-main)!important}[data-theme=light] *{transition:background-color .2s ease,border-color .2s ease,color .15s ease!important}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:14px}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;font-size:14px}*,*:before,*:after{font-family:var(--font-family)!important}table,thead,tbody,tfoot,tr,th,td,caption{font-family:var(--font-family)!important}input,textarea,select,button,optgroup,option,input[type=number],input[type=text],input[type=date],input[type=email],input[type=password],input[type=search],input[type=time]{font-family:var(--font-family)!important;font-size:inherit}code,pre,kbd,samp{font-family:var(--font-family)!important}text,tspan{font-family:var(--font-family)!important}:root{font-family:var(--font-family)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}.col-span-12{grid-column:span 12 / span 12}.col-span-6{grid-column:span 6 / span 6}.col-span-4{grid-column:span 4 / span 4}.col-span-3{grid-column:span 3 / span 3}@media (min-width: 768px){.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-3{grid-column:span 3 / span 3}}@media (min-width: 1024px){.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-2{grid-column:span 2 / span 2}}.app-container{display:flex;height:100vh;flex-direction:column;width:100%;max-width:100%}@media (min-width: 768px){.app-container{flex-direction:row}}.sidebar{width:100%;height:auto;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;z-index:50;transition:background-color .2s;flex-shrink:0}.nav-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}nav{display:flex;flex-direction:row;width:100%;overflow-x:auto;padding:0 12px}.sidebar .sidebar-link:hover{background-color:var(--bg-card-hover)!important}.sidebar .nav-section,.sidebar .nav-section-items{display:contents}.sidebar .nav-section-toggle{display:none}.nav-section-active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-blue);flex-shrink:0}@media (min-width: 768px){.sidebar{width:240px;height:100vh;height:100dvh;border-bottom:none;border-right:1px solid var(--border-color);flex-shrink:0}nav{flex-direction:column;overflow-x:visible;padding:0;gap:4px}.nav-header{padding:20px 20px 12px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}.sidebar nav{flex:1 1 auto;min-height:0;gap:2px;overflow-y:auto;overflow-x:hidden;padding:6px 0 10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.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-disabled)}.sidebar .nav-section,.sidebar .nav-section-items{display:block}.sidebar .nav-section.collapsed .nav-section-items{display:none}.sidebar .nav-section-toggle{width:100%;display:flex;align-items:center;gap:6px;margin:8px 0 2px;padding:4px 18px 4px 24px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family);font-size:11px;font-weight:600;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;transition:color .15s ease}.sidebar .nav-section-toggle:hover{color:var(--text-muted)}.nav-section-chevron{margin-left:auto;transition:transform .15s ease;flex-shrink:0}}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;background-color:var(--bg-dark);width:100%}@media (min-width: 768px){.main-content{padding:24px 32px;width:100%}}h1,h2,h3,h4,h5{font-weight:600;color:#fff;letter-spacing:-.02em}.title{font-size:24px;letter-spacing:-.5px}.subtitle{font-size:14px;color:var(--text-muted);font-weight:400;margin-top:4px}.card{background-color:var(--bg-card);border-radius:var(--radius-block);border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;overflow:hidden}.card:hover{border-color:#2a313e}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.card-body{padding:20px;flex:1}.btn{padding:8px 16px;border-radius:var(--radius-button);font-size:13px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:all .2s;font-family:var(--font-family);background-color:var(--bg-card-hover);color:var(--text-main);border:1px solid var(--border-color)}.btn:hover{background-color:var(--bg-card-highlight);border-color:#3b4353}.btn-primary{background:var(--accent-blue);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0a84ff33}.btn-primary:hover{background:#0070e0;transform:translateY(-1px)}.form-input{background-color:var(--bg-dark);border:1px solid var(--border-color);color:#fff;padding:9px 14px;border-radius:var(--radius-button);font-size:13px;width:100%;transition:all .2s}.form-input:focus{outline:none;border-color:var(--accent-blue);background-color:var(--bg-sidebar)}.form-input::placeholder{color:var(--text-muted)}.text-green{color:var(--accent-green)!important}.text-red{color:var(--accent-red)!important}.text-orange{color:var(--accent-orange)!important}.text-muted{color:var(--text-muted)!important}.text-white{color:#fff!important}.font-mono{font-family:var(--font-mono)}.text-right{text-align:right}.text-center{text-align:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-gap-xs{display:flex;gap:4px}.flex-gap-sm{display:flex;gap:8px}.flex-gap-md{display:flex;gap:16px;align-items:center}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:8px 12px;font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0;z-index:10;white-space:nowrap}.data-table th.text-right{text-align:right}.data-table th.text-center{text-align:center}.data-table td.text-right{text-align:right}.data-table td.text-center{text-align:center}.data-table td{padding:7px 12px;font-size:11px;border-bottom:1px solid var(--border-color);color:var(--text-main);white-space:nowrap}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background-color:var(--bg-card-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center}.empty-state svg{opacity:.5;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #00d97780}70%{box-shadow:0 0 0 6px #00d97700}to{box-shadow:0 0 #00d97700}}.card{animation:fadeIn .3s ease-out}.status-strip{display:flex;align-items:center;gap:24px;background:var(--bg-card);border:1px solid var(--border-color);padding:10px 24px;border-radius:var(--radius-standard);margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.active{background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.status-dot.inactive{background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.status-label{font-weight:600;color:#fff}.time-clock{font-family:var(--font-mono);font-weight:500;color:var(--accent-blue);letter-spacing:.5px}.perf-card{position:relative;overflow:hidden}.perf-card.winner{border-left:4px solid var(--accent-green)}.perf-card.loser{border-left:4px solid var(--accent-red)}.perf-value{font-size:20px;font-weight:700;margin:4px 0}.perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.perf-metric{text-align:center;padding:8px;background:#ffffff08;border-radius:6px}.perf-metric label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.perf-metric value{display:block;font-size:11px;font-weight:600}.period-toggle-group{display:flex;background:var(--bg-dark);padding:4px;border-radius:8px;border:1px solid var(--border-color);gap:4px}.period-btn{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:all .2s;text-transform:uppercase}.period-btn.active{background:var(--bg-card-highlight);color:var(--accent-blue);box-shadow:0 2px 4px #0000001a}.period-btn:hover:not(.active){color:#fff}.rank-badge{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700;background:var(--bg-card-hover);color:var(--text-muted)}.rank-item{display:grid;grid-template-columns:24px 1fr 80px 70px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.rank-item:last-child{border-bottom:none}.rank-info{display:flex;flex-direction:column;min-width:0}.rank-name{font-weight:600;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-id{font-size:11px;color:var(--text-muted)}.rank-val{font-weight:600;font-family:var(--font-mono);font-size:12px;text-align:right}.rank-percent{font-weight:700;font-size:11px;text-align:right;padding:2px 6px;border-radius:4px}.rank-percent.win{color:var(--accent-green);background:#00d97714}.rank-percent.loss{color:var(--accent-red);background:#ff3b5c14}.rank-row{transition:background .12s}.rank-row:hover{background:var(--bg-card-highlight)}.card-input,.card-select{background-color:#1a1f26;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:0 12px;font-size:13px;height:38px;transition:all .2s ease;width:100%;outline:none;font-family:var(--font-family)}.card-select option{background-color:#1a1f26;color:var(--text-main);padding:8px}.card-input:focus,.card-select:focus{border-color:var(--accent-blue);background-color:#1f262f;box-shadow:0 0 0 2px #0a84ff26}.card-input::placeholder{color:var(--text-muted);opacity:.5}.form-label{display:block;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.form-section{display:flex;flex-direction:column;gap:24px}.card-input:disabled,.card-select:disabled{opacity:.5;cursor:not-allowed;background-color:#ffffff05}select.card-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23828b9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-block);box-shadow:0 20px 50px #00000080;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hover-bg-subtle:hover{background-color:#ffffff0d!important}.hover-bg-red:hover{background-color:#ff3b5c1a!important;color:var(--accent-red)!important}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--text-muted);transition:all .2s}.icon-btn:hover{background:#ffffff0d;border-color:var(--border-color);color:var(--text-main)}.card-badge{padding:2px 8px;background:#0a84ff1a;color:var(--accent-blue);border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}*{transition:background-color .15s ease,border-color .15s ease,color .1s ease}.pwa-hamburger,.sidebar-overlay{display:none}@media (max-width: 767px){.pwa-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;left:10px;z-index:1001;width:40px;height:40px;border-radius:10px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main)}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:264px;max-width:82vw;border-right:1px solid var(--border-color);border-bottom:none;transform:translate(-105%);transition:transform .25s ease;z-index:1000;overflow-y:auto}.sidebar.mobile-open{transform:translate(0);box-shadow:0 0 60px #0009}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:999}.main-content{padding-top:58px!important}.btn,.card-select,.card-input{min-height:36px}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);background:var(--bg-main)}}