.toast-container[data-v-8dc8e281]{top:calc(16px + var(--safe-area-top));z-index:10000;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-item[data-v-8dc8e281]{border-radius:var(--radius-md);font-size:var(--font-sm);color:#fff;box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;padding:12px 16px;display:flex}.toast-success[data-v-8dc8e281]{background:var(--color-success)}.toast-error[data-v-8dc8e281]{background:var(--color-danger)}.toast-warning[data-v-8dc8e281]{background:var(--color-warning)}.toast-info[data-v-8dc8e281]{background:var(--color-info)}.toast-icon[data-v-8dc8e281]{flex-shrink:0;font-size:16px;font-weight:700}.toast-msg[data-v-8dc8e281]{flex:1}.toast-enter-active[data-v-8dc8e281],.toast-leave-active[data-v-8dc8e281]{transition:all .3s}.toast-enter-from[data-v-8dc8e281],.toast-leave-to[data-v-8dc8e281]{opacity:0;transform:translateY(-20px)}.fade-enter-active[data-v-a3c5dbfc],.fade-leave-active[data-v-a3c5dbfc]{transition:opacity .2s}.fade-enter-from[data-v-a3c5dbfc],.fade-leave-to[data-v-a3c5dbfc]{opacity:0}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--color-bg-primary:#f5f5f7;--color-bg-secondary:#fff;--color-bg-card:#fff;--color-bg-card-hover:#f0f0f2;--color-bg-input:#f5f5f7;--color-bg:#f5f5f7;--color-border:#e5e5e7;--color-border-light:#eeeeef;--color-border-hover:#d4d4d8;--color-border-subtle:#f0f0f0;--color-text-primary:#1a1a1e;--color-text-secondary:#6b6b7b;--color-text-tertiary:#9a9aa8;--color-text-muted:#9a9aa8;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-bg:#3b82f61a;--color-accent-light:#60a5fa;--color-profit:#16a34a;--color-loss:#dc2626;--color-profit-bg:#16a34a1a;--color-loss-bg:#dc26261a;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-warning-dark:#d97706;--color-info:#6366f1;--color-info-bg:#6366f11f;--color-neutral:#6b7280;--color-neutral-bg:#6b72801a;--badge-win-bg:#16a34a26;--badge-win-color:#16a34a;--badge-win-border:#16a34a40;--badge-win-half-bg:#16a34a14;--badge-win-half-color:#4ade80;--badge-win-half-border:#4ade8033;--badge-lose-bg:#dc262626;--badge-lose-color:#dc2626;--badge-lose-border:#dc262640;--badge-lose-half-bg:#dc262614;--badge-lose-half-color:#f87171;--badge-lose-half-border:#f8717133;--badge-draw-bg:#f59e0b26;--badge-draw-color:#f59e0b;--badge-draw-border:#f59e0b40;--badge-pending-bg:#6b728026;--badge-pending-color:#6b7280;--badge-pending-border:#6b728033;--role-admin-bg:#6366f11f;--role-admin-color:#6366f1;--role-member-bg:#3b82f61f;--role-member-color:#3b82f6;--rank-1-bg:linear-gradient(135deg, #f59e0b, #d97706);--rank-2-bg:linear-gradient(135deg, #94a3b8, #64748b);--rank-3-bg:linear-gradient(135deg, #b45309, #92400e);--bp-mobile:640px;--bp-tablet:768px;--bp-small:480px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:36px}:root[data-theme=dark]{--color-bg-primary:#0f0f12;--color-bg-secondary:#1a1a1e;--color-bg-card:#1a1a1e;--color-bg-card-hover:#242428;--color-bg-input:#242428;--color-bg:#0f0f12;--color-border:#2a2a30;--color-border-light:#323238;--color-border-hover:#3a3a42;--color-border-subtle:#1c1c20;--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b0;--color-text-tertiary:#7a7a8a;--color-text-muted:#6b6b7b;--color-accent:#60a5fa;--color-accent-hover:#3b82f6;--color-accent-bg:#60a5fa26;--color-accent-light:#93c5fd;--color-profit:#4ade80;--color-loss:#f87171;--color-profit-bg:#4ade801f;--color-loss-bg:#f871711f;--color-success:#4ade80;--color-success-bg:#4ade801f;--color-danger:#f87171;--color-danger-bg:#f8717126;--color-warning:#fbbf24;--color-warning-bg:#fbbf2426;--color-warning-dark:#f59e0b;--color-info:#818cf8;--color-info-bg:#818cf826;--color-neutral:#9ca3af;--color-neutral-bg:#9ca3af26;--badge-win-bg:#4ade802e;--badge-win-color:#4ade80;--badge-win-border:#4ade804d;--badge-win-half-bg:#4ade801a;--badge-win-half-color:#86efac;--badge-win-half-border:#86efac40;--badge-lose-bg:#f871712e;--badge-lose-color:#f87171;--badge-lose-border:#f871714d;--badge-lose-half-bg:#f871711a;--badge-lose-half-color:#fca5a5;--badge-lose-half-border:#fca5a540;--badge-draw-bg:#fbbf242e;--badge-draw-color:#fbbf24;--badge-draw-border:#fbbf244d;--badge-pending-bg:#9ca3af2e;--badge-pending-color:#9ca3af;--badge-pending-border:#9ca3af4d;--role-admin-bg:#818cf82e;--role-admin-color:#818cf8;--role-member-bg:#60a5fa2e;--role-member-color:#60a5fa;--rank-1-bg:linear-gradient(135deg, #fbbf24, #f59e0b);--rank-2-bg:linear-gradient(135deg, #cbd5e1, #94a3b8);--rank-3-bg:linear-gradient(135deg, #d97706, #b45309);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}.text-profit{color:var(--color-profit)}.text-loss{color:var(--color-loss)}.text-neutral{color:var(--color-text-muted)}.bg-profit{background:var(--color-profit-bg)}.bg-loss{background:var(--color-loss-bg)}html,body{background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body,#app{height:100%;margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}button,a,input,select,textarea{min-height:44px}.page-content{min-height:100%;padding:16px}@media (width<=480px){.page-content{padding:12px}.page-heading{font-size:var(--font-lg);margin-bottom:12px}}.page-heading{font-size:var(--font-xl);color:var(--color-text-primary);margin:0 0 16px;font-weight:700}.safe-bottom{padding-bottom:var(--safe-area-bottom)}.safe-bottom--with-padding{padding-bottom:calc(16px + var(--safe-area-bottom))}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}