.App{min-height:100vh}.App>*:not(nav){animation:pageEnter .4s ease forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary: #0b0d17;--bg-secondary: #111427;--bg-card: rgba(17, 20, 39, .7);--bg-card-hover: rgba(25, 29, 55, .85);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-strong: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #a5b4fc;--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--accent-gradient-hover: linear-gradient(135deg, #818cf8, #a78bfa);--success: #10b981;--success-hover: #34d399;--success-glow: rgba(16, 185, 129, .25);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger: #f43f5e;--danger-hover: #fb7185;--danger-glow: rgba(244, 63, 94, .25);--danger-gradient: linear-gradient(135deg, #e11d48, #f43f5e);--warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--accent-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 90%,rgba(16,185,129,.04) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;width:100%;height:64px;background:rgba(11,13,23,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass)}.navbar-contenet{width:100%;max-width:1200px;padding:0 24px;display:flex;align-items:center;justify-content:center}.navbar-brand{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-right:auto;display:flex;align-items:center;gap:8px}.navbar-logo{height:32px;width:auto}.navbar-brand span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;list-style-type:none;gap:4px;align-items:center}.navbar-nav-list{padding:8px 20px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:var(--transition-base);cursor:pointer;position:relative;white-space:nowrap;background:none;margin:0}.navbar-nav-list:hover{color:var(--text-primary);background:var(--bg-glass-strong)}.navbar-nav-list.active{color:#fff;background:var(--accent-gradient);box-shadow:0 2px 12px var(--accent-glow)}.navbar-nav li{display:flex;align-items:center;height:auto}.link-style,.navbar-nav li .link-style{text-decoration:none;color:inherit}.navbar-hamburger{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:6px;line-height:1;z-index:120;transition:var(--transition-fast)}.navbar-hamburger:hover{color:var(--accent-primary-hover)}.navbar-overlay{display:none}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:24px;width:auto}.form{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:40px 36px;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;overflow:hidden;margin:0;text-align:center}.form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}.form-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:8px}.form-subtitle{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-bottom:28px}.form input[type=text],.form input[type=email],.form input[type=password]{width:100%;padding:14px 16px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:var(--transition-base);margin-bottom:14px}.form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=password]::placeholder{color:var(--text-muted)}.form input[type=text]:focus,.form input[type=email]:focus,.form input[type=password]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:rgba(255,255,255,.05)}.form button,.form .register-btn{width:100%;padding:14px;border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-base);text-transform:none;letter-spacing:.01em}.form .register-btn{background:var(--accent-gradient);color:#fff;margin-bottom:12px;display:block;text-align:center}.form .register-btn:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.form button{background:var(--bg-glass-strong);color:var(--text-secondary);border:1px solid var(--border-glass)}.form button:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-glass-hover);transform:translateY(-1px)}.form-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted);font-size:.8rem}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-glass)}.form-tabs{display:flex;gap:4px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.form-tab{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.form-tab:hover{color:var(--text-secondary);background:none;border:none;transform:none;box-shadow:none}.form-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.form-tab.active:hover{background:var(--accent-gradient-hover);color:#fff;transform:none}.welcome{text-align:center;padding:8px 0 6px;color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.welcome-sub{text-align:center;color:var(--text-secondary);font-size:.88rem;margin-bottom:20px}.duty-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .5s ease forwards}.duty-panel-footer{display:flex;gap:10px;margin-top:4px}.duty-panel-footer .report-btn,.duty-panel-footer .logout-btn{flex:1;text-align:center;padding:10px 16px;font-size:.82rem}.duty-time{background:var(--bg-glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;width:auto;height:auto}.duty-time-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.duty-time-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;letter-spacing:.04em;white-space:nowrap}.duty-end-date{background:var(--bg-glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 20px;color:var(--text-secondary);font-size:.85rem;text-align:center;width:auto;height:auto}.duty-time-all{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);padding:16px 20px;color:var(--text-accent);font-size:.9rem;font-weight:500;text-align:center;font-variant-numeric:tabular-nums;width:auto;height:auto}.duty-starts-form-submit{width:100%;height:auto;padding:14px 24px;background:var(--success-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 12px var(--success-glow)}.duty-starts-form-submit:hover:not(:disabled){box-shadow:0 4px 20px var(--success-glow);transform:translateY(-2px)}.duty-starts-form-submit:disabled{background:rgba(16,185,129,.15);color:var(--success);border:1px solid rgba(16,185,129,.3);box-shadow:none;cursor:default;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--success-glow)}50%{box-shadow:0 0 20px var(--success-glow)}}.duty-ends-btn{width:100%;height:auto;padding:14px 24px;background:var(--danger-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 12px var(--danger-glow)}.duty-ends-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--danger-glow);transform:translateY(-2px)}.duty-ends-btn:disabled{background:rgba(255,255,255,.08);color:#ffffff4d;cursor:not-allowed;box-shadow:none;opacity:.5}.logout-btn{width:100%;padding:14px 24px;background:var(--bg-glass-strong);color:var(--danger);border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-base);height:auto}.logout-btn:hover{background:rgba(244,63,94,.1);border-color:#f43f5e66;transform:translateY(-1px)}.leaderboard-btn{width:100%;padding:14px 24px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:var(--transition-base);height:auto}.leaderboard-btn:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.report-btn{width:100%;padding:14px 24px;background:var(--bg-glass-strong);color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-align:center;text-decoration:none;transition:var(--transition-base);display:inline-block;height:auto}.report-btn:hover{color:var(--text-primary);border-color:var(--border-glass-hover);background:rgba(255,255,255,.06);transform:translateY(-1px)}.page-container{max-width:900px;margin:0 auto;padding:0 24px 48px}.leaderboard-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}table.table{width:100%;max-width:100%;margin:0;border-collapse:separate;border-spacing:0;background:transparent;border:none;border-radius:0;overflow:hidden;color:var(--text-primary);text-align:left}table.table thead{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1))}table.table thead th{font-size:.72rem;font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-glass);border-left:none}table.table thead th.col-rank{width:60px;text-align:center}table.table thead th.col-status{text-align:center}table.table thead th.col-time{text-align:right}table.table thead th[colspan]{text-align:center;font-size:.85rem;color:var(--text-primary);letter-spacing:0;text-transform:none;padding:12px 16px;background:rgba(99,102,241,.08);border-bottom:1px solid var(--border-glass)}table.table thead th:first-child{border-left:none}table.table td{padding:8px 14px;font-size:.82rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03);border-left:none;border-right:none;white-space:nowrap}table.table .cell-rank{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:500}table.table .cell-status{text-align:center}table.table .time{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.85rem;white-space:nowrap}.elapsed-badge{display:inline-block;margin-left:6px;font-size:.75rem;font-weight:600;color:#22c55e;opacity:.85;animation:elapsed-pulse 2s ease-in-out infinite}.elapsed-compact{display:inline-block;margin-left:5px;font-size:.7rem;font-weight:600;color:#22c55e;opacity:.85;animation:elapsed-pulse 2s ease-in-out infinite}@keyframes elapsed-pulse{0%,to{opacity:.85}50%{opacity:.5}}@keyframes duty-cap-blink{0%,to{color:#facc15;opacity:1}50%{color:#facc15;opacity:.15}}.duty-cap-blink{animation:duty-cap-blink 1.2s ease-in-out infinite!important;color:#facc15!important;text-shadow:none!important}table.table tbody tr{transition:var(--transition-fast)}table.table tbody tr:hover{background:var(--bg-glass-strong)}table.table tbody tr:last-child td{border-bottom:none}table.table tr:nth-child(even){background:rgba(255,255,255,.01)}table.table tr:nth-child(even):hover{background:var(--bg-glass-strong)}.leaderboard-status-active{color:var(--success);font-size:.78rem;font-weight:500;white-space:nowrap}.leaderboard-status-inactive{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.leaderboard-last-duty{color:var(--text-secondary);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.archived-page-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);padding:32px 0 24px}.archived-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px;padding:0 24px 40px;max-width:1400px;margin:0 auto}.archived-date{display:block;margin:16px auto;width:auto;text-align:center;border:1px solid var(--border-glass);padding:10px 20px;font-size:.85rem;font-weight:500;color:var(--text-accent);background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08));border-radius:var(--radius-md)}.archived{display:flex;align-items:center;justify-content:center;margin:24px auto;padding:12px 28px;width:auto;border-radius:var(--radius-full);text-decoration:none;color:#fff;font-weight:600;font-size:.9rem;background:var(--accent-gradient);box-shadow:0 2px 12px var(--accent-glow);transition:var(--transition-base)}.archived:hover{box-shadow:0 4px 24px var(--accent-glow);transform:translateY(-2px)}.maintenance-text{text-align:center;color:var(--warning);padding:60px 24px;font-size:1.25rem;font-weight:600}.knowledge-page{max-width:800px;margin:0 auto;padding:40px 24px}.knowledge-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.knowledge-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px;color:var(--text-secondary)}.notfound-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:40px 24px;overflow:hidden}.notfound-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:notfoundOrbFloat 8s ease-in-out infinite alternate}.notfound-orb-1{width:300px;height:300px;background:rgba(99,102,241,.12);top:10%;left:10%}.notfound-orb-2{width:200px;height:200px;background:rgba(139,92,246,.1);bottom:10%;right:10%;animation-delay:-4s}@keyframes notfoundOrbFloat{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}.notfound-card{position:relative;z-index:1;text-align:center;max-width:520px;width:100%;padding:56px 40px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeIn .5s ease forwards}.notfound-code{font-size:7rem;font-weight:800;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.04em}.notfound-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.notfound-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:36px;line-height:1.7}.notfound-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--accent-gradient);color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 12px var(--accent-glow)}.notfound-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.notfound-btn:active{transform:translateY(0)}@media (max-width: 600px){.notfound-wrapper{padding:24px 16px}.notfound-card{padding:36px 20px}.notfound-code{font-size:5rem}.notfound-title{font-size:1.25rem}.notfound-description{font-size:.88rem;margin-bottom:28px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}@media screen and (max-width: 900px){.duty-panel{padding:20px}.navbar-contenet{padding:0 16px}}@media screen and (max-width: 768px){.navbar-hamburger{display:flex;align-items:center;justify-content:center}.navbar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;animation:fadeIn .2s ease}.navbar-nav{position:fixed;top:0;right:0;width:min(280px,80vw);height:100vh;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border-glass);padding:72px 20px 32px;gap:4px;z-index:110;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #0006;overflow-y:auto}.navbar-nav--open{transform:translate(0)}.navbar-nav li{width:100%}.navbar-nav .link-style{display:block;width:100%}.navbar-nav-list{width:100%;padding:14px 20px;border-radius:var(--radius-md);font-size:.95rem;text-align:left}.navbar-nav-list.active{width:100%}}@media screen and (max-width: 600px){.welcome{font-size:1.15rem;padding:20px 16px 4px}.welcome-sub{font-size:.82rem;margin-bottom:16px}.form{padding:32px 20px;margin:0 12px}.form-title{font-size:1.3rem}.login-page{padding:16px}table.table{font-size:.75rem}table.table thead th{padding:10px;font-size:.66rem}table.table td{padding:8px 10px;font-size:.75rem}table.table thead th:nth-child(4),table.table tbody td:nth-child(4){display:none}.main-table thead th:nth-child(4),.main-table tbody td:nth-child(4){display:none}.page-container{padding:0 12px 32px}.archived-page-title{font-size:1.25rem;padding:24px 0 16px}.duty-panel{padding:18px;gap:12px}.duty-time{padding:12px 14px;gap:4px}.duty-time-label{font-size:.72rem}.duty-time-value{font-size:1.25rem}.duty-end-date,.duty-time-all{font-size:.82rem;padding:12px 14px}.duty-panel-footer{flex-direction:column}.archived-container{grid-template-columns:1fr;padding:0 12px 32px}.knowledge-page{padding:28px 16px}.knowledge-title{font-size:1.25rem}.knowledge-card{padding:24px 20px}.archive-controls{flex-wrap:wrap;gap:8px}.archive-select{order:-1;flex-basis:100%;max-width:100%}.archive-nav-btn{flex:1;text-align:center;padding:10px 12px}}@media screen and (max-width: 430px){.login-page,.form{width:100%;max-width:100%}.form{padding:28px 16px;border-radius:var(--radius-lg)}.form input[type=text],.form input[type=email],.form input[type=password]{padding:12px 14px;font-size:.85rem}.form button,.form .register-btn{padding:12px;font-size:.85rem}.duty-starts-form-submit,.duty-ends-btn,.leaderboard-btn,.report-btn,.logout-btn{font-size:.82rem;padding:12px 16px}table.table thead th:nth-child(3),table.table tbody td:nth-child(3){display:none}.main-table thead th.col-status,.main-table tbody td.cell-status{display:none}.main-stat-card{padding:8px 10px;gap:6px}.main-stat-icon{font-size:.95rem}.main-stat-label{font-size:.58rem}.main-stat-value{font-size:.78rem}.main-page{padding:12px 10px 24px}.navbar{height:56px}.navbar-brand{font-size:1rem}.navbar-logo{height:28px}.notfound-card{padding:32px 20px}.notfound-code{font-size:4rem}.notfound-title{font-size:1.1rem}.notfound-description{font-size:.85rem}}@media screen and (min-width: 1200px){.archived-container{grid-template-columns:repeat(3,1fr)}}.archive-page{max-width:700px;margin:0 auto;padding:0 24px 48px}.archive-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.archive-select{flex:1;max-width:340px;padding:10px 36px 10px 16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:var(--transition-base);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.archive-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.archive-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.archive-nav-btn{padding:10px 18px;background:var(--bg-glass-strong);color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.archive-nav-btn:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-glass-hover)}.archive-nav-btn:disabled{opacity:.3;cursor:not-allowed}.archive-info{text-align:center;color:var(--text-muted);font-size:.8rem;margin-bottom:20px}.archive-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeIn .3s ease forwards}.archive-table-wrapper table.table{max-width:100%}.main-page{max-width:1260px;margin:0 auto;padding:24px 32px 48px}.main-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,2fr);gap:28px;align-items:start}.main-left{position:sticky;top:84px}.main-right{display:flex;flex-direction:column;gap:20px;min-width:0}.main-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.main-stat-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:10px;transition:var(--transition-base)}.main-stat-card:hover{border-color:var(--border-glass-hover);background:var(--bg-card-hover)}.main-stat-card--accent{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.06));border-color:#6366f12e}.main-stat-card--accent:hover{border-color:#6366f14d}.main-stat-icon{font-size:1.25rem;flex-shrink:0}.main-stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.main-stat-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.main-stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.3}.main-stat-positive{color:var(--success)}.main-stat-negative{color:var(--danger)}.main-stat-active{color:var(--success);font-weight:600}.main-stat-offline{color:var(--text-muted)}.main-leaderboard{margin-top:0}.main-section-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.main-leaderboard-wrapper{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.main-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text-primary);text-align:left}.main-table thead{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1))}.main-table thead th{font-size:.72rem;font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;border-bottom:1px solid var(--border-glass)}.main-table thead th.col-rank{width:52px;text-align:center}.main-table thead th.col-status{width:64px;text-align:center}.main-table thead th.col-time{text-align:right}.main-table td{padding:9px 14px;font-size:.82rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03);white-space:nowrap}.main-table .cell-rank{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:500}.main-table .cell-status{text-align:center}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot--active{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.status-dot--offline{background:var(--text-muted);opacity:.5}.main-table .cell-date{color:var(--text-secondary);font-size:.76rem;font-variant-numeric:tabular-nums}.main-table .cell-time{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.88rem;font-weight:500}.main-table tbody tr{transition:var(--transition-fast)}.main-table tbody tr:hover{background:var(--bg-glass-strong)}.main-table tbody tr:last-child td{border-bottom:none}.main-table tr:nth-child(even){background:rgba(255,255,255,.01)}.main-table tr:nth-child(even):hover{background:var(--bg-glass-strong)}.main-row-highlight{background:rgba(99,102,241,.1)!important;border-left:3px solid var(--accent-primary)}.main-row-highlight td{color:var(--text-primary);font-weight:500}.main-row-highlight .cell-time{font-weight:600}.main-you-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:600;color:#fff;background:var(--accent-gradient);border-radius:var(--radius-full);vertical-align:middle}@media screen and (max-width: 960px){.main-layout{grid-template-columns:1fr;gap:24px}.main-left{position:static}.main-stats-grid{grid-template-columns:repeat(4,1fr)}.main-page{padding:20px 20px 36px}}@media screen and (max-width: 768px){.main-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width: 600px){.main-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.main-stat-card{padding:10px 12px;gap:8px}.main-stat-icon{font-size:1.05rem}.main-stat-label{font-size:.62rem}.main-stat-value{font-size:.82rem}.main-table thead th{padding:8px 10px;font-size:.66rem}.main-table td{padding:7px 10px;font-size:.78rem}.main-table .cell-time{font-size:.82rem}.main-page{padding:16px 14px 28px}.main-section-title{font-size:.95rem}}