*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--secondary:#ec4899;--accent:#06b6d4;--success:#10b981;--success-dark:#059669;--danger:#ef4444;--danger-dark:#dc2626;--warning:#f59e0b;--info:#3b82f6;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-tertiary:#252541;--bg-card:#1e1e38;--bg-hover:#2a2a45;--border:#2d2d4a;--border-light:#3a3a5c;--border-focus:#8b5cf6;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f0f1e;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--gradient-primary:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-secondary:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6);--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-slow:all .3s cubic-bezier(.4,0,.2,1)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1400px;padding:0 20px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:var(--transition)}.btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 12px #8b5cf64d;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--gradient-secondary);box-shadow:0 4px 12px #ef44444d;color:var(--text-primary)}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden;padding:24px;transition:var(--transition)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;padding:14px 16px;transition:var(--transition);width:100%}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input:focus{background:var(--bg-secondary);border-color:var(--border-focus);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group{margin-bottom:20px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:var(--radius);margin-bottom:20px;padding:16px 20px}.alert-error{background:#ef444426;border-color:var(--danger);color:#fca5a5}.alert-success{background:#10b98126;border-color:var(--success);color:#6ee7b7}.alert-warning{background:#f59e0b26;border-color:var(--warning);color:#fcd34d}.alert-info{background:#3b82f626;border-color:var(--info);color:#93c5fd}.table{background:var(--bg-card);border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:16px;text-align:left}.table th{background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.table tr{transition:var(--transition)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.badge-success{background:#10b98126;border-color:var(--success);color:#6ee7b7}.badge-danger{background:#ef444426;border-color:var(--danger);color:#fca5a5}.badge-warning{background:#f59e0b26;border-color:var(--warning);color:#fcd34d}.badge-info{background:#3b82f626;border-color:var(--info);color:#93c5fd}.badge-primary{background:#8b5cf626;border-color:var(--primary);color:var(--primary-light)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@media(max-width:768px){.container{padding:0 16px}.card{margin-bottom:16px;padding:16px}.btn{font-size:13px;padding:10px 20px}.table td,.table th{font-size:13px;padding:12px 8px}.input{font-size:16px;padding:12px 14px}}@media(max-width:480px){.card{border-radius:var(--radius);padding:12px}.btn{font-size:13px;padding:10px 16px;width:100%}.table{font-size:12px}.table td,.table th{padding:10px 6px}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:1px solid hsla(0,0%,100%,.1)}.glow{box-shadow:0 0 20px #8b5cf680}.pulse-animation{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf699}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gradient-border{background:var(--bg-card);background-clip:padding-box;border:2px solid transparent;position:relative}.gradient-border:before{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;margin:-2px;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}.gradient-border:hover:before{opacity:1}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:var(--transition);width:20px}input[type=checkbox]:checked{background:var(--gradient-primary);border-color:var(--primary)}input[type=checkbox]:checked:after{color:var(--text-primary);content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.elevation-1{box-shadow:var(--shadow-sm)}.elevation-2{box-shadow:var(--shadow)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-4{box-shadow:var(--shadow-xl)}.divider{background:var(--border);height:1px;margin:24px 0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.flex-center{align-items:center;display:flex;justify-content:center}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);bottom:100%;color:var(--text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(-8px);transition:var(--transition);white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}@media(max-width:768px){.stats-grid{display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:16px!important;padding:0 12px!important}.stats-grid,.stats-grid>.card{box-sizing:border-box!important;width:100%!important}.stats-grid>.card{flex-shrink:0!important;max-width:100%!important;min-width:0!important}.card-label,.card-main-content,.card-sub-value,.card-title,.card-value,.leaderboard-mini-item{text-align:left!important;width:100%!important}.backups-preview{max-width:100%!important;overflow-x:auto!important;width:100%!important}.stats-grid{max-width:100vw!important;overflow-x:hidden!important}.card{overflow:hidden!important;width:100%!important;word-wrap:break-word!important;white-space:normal!important}.card,.card *{max-width:100%!important}.card *{overflow-wrap:break-word!important;word-break:break-word!important}}.toast-host[data-v-85fee7ee]{left:16px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:10000}@media(min-width:720px){.toast-host[data-v-85fee7ee]{left:auto;width:420px}}.toast-stack[data-v-85fee7ee]{display:flex;flex-direction:column;gap:10px}.toast[data-v-85fee7ee]{background:#0d1117eb;border:1px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 12px 30px #00000059;color:#f4f7ff;overflow:hidden;pointer-events:auto}.toast[data-status=success][data-v-85fee7ee]{border-color:#3ccd8c59}.toast[data-status=warning][data-v-85fee7ee]{border-color:#f5b45059}.toast[data-status=info][data-v-85fee7ee]{border-color:#78aaff59}.toast[data-status=error][data-v-85fee7ee]{border-color:#ff5f7859}.toast-head[data-v-85fee7ee]{justify-content:space-between;padding:12px 12px 8px}.toast-head[data-v-85fee7ee],.toast-title[data-v-85fee7ee]{align-items:center;display:flex;gap:10px}.toast-title[data-v-85fee7ee]{font-weight:700;letter-spacing:.2px}.toast-dot[data-v-85fee7ee]{background:#fff6;border-radius:999px;height:10px;width:10px}.toast[data-status=success] .toast-dot[data-v-85fee7ee]{background:#3ccd8c}.toast[data-status=warning] .toast-dot[data-v-85fee7ee]{background:#f5b450}.toast[data-status=info] .toast-dot[data-v-85fee7ee]{background:#78aaff}.toast[data-status=error] .toast-dot[data-v-85fee7ee]{background:#ff5f78}.toast-title-text[data-v-85fee7ee]{line-height:1.1}.toast-close[data-v-85fee7ee]{background:transparent;border:0;color:#ffffffbf;cursor:pointer;font-size:20px;line-height:1;padding:0 6px}.toast-close[data-v-85fee7ee]:hover{color:#fffffff2}.toast-body[data-v-85fee7ee]{color:#ffffffdb;font-size:14px;line-height:1.35;padding:0 12px 12px;word-break:break-word}.toast-enter-active[data-v-85fee7ee],.toast-leave-active[data-v-85fee7ee]{transition:opacity .18s ease,transform .18s ease}.toast-enter-from[data-v-85fee7ee],.toast-leave-to[data-v-85fee7ee]{opacity:0;transform:translateY(-6px)}#app{min-height:100vh}