:root{--bg:#fff;--bg-deep:#eef4fc;--card:#fff;--card-soft:#f2f6fc;--card-hover:#f6f9fe;--ink:#2e3a52;--ink-soft:#7b8aa3;--ink-faint:#a7b4c9;--accent:#3d8bfd;--accent-deep:#2f6fe0;--accent-soft:#e6f0fe;--break:#3fb6a0;--break-soft:#e0f5ef;--violet:#7c8cf8;--violet-soft:#eceefe;--gold:#f0b94e;--gold-soft:#fdf3da;--danger:#e5676b;--danger-soft:#fde7e7;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #2f3f700d, 0 3px 10px #2f3f700f;--shadow-md:0 6px 16px #2f3f7014, 0 16px 40px #2f3f701f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:linear-gradient(160deg, var(--bg) 0%, var(--bg) 45%, var(--bg-deep) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--ink);border-radius:var(--radius-sm);background:#fff;border:1px solid #e2e9f4;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d8bfd29}::placeholder{color:var(--ink-faint)}.app{min-height:100vh;display:flex}.main{flex:1;min-width:0;margin-left:232px;padding:28px 36px 80px}@media (width<=860px){.main{margin-left:0;padding:16px 14px 96px}}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 24px}.page-title{letter-spacing:-.02em;margin-bottom:4px;font-size:26px;font-weight:800}.page-sub{color:var(--ink-soft);margin-bottom:24px;font-size:14px}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #3d8bfd59}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{background:var(--card-soft);color:var(--ink)}.btn-ghost:hover{background:#e9f0fa}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-icon{background:var(--card-soft);width:40px;height:40px;color:var(--ink-soft);border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:17px;transition:background .15s,color .15s;display:inline-flex}.btn-icon:hover{color:var(--ink);background:#e5edf8}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-pending{background:var(--gold-soft);color:#b07a12}.badge-synced{background:var(--break-soft);color:#1e8f79}.badge-failed{background:var(--danger-soft);color:var(--danger)}.badge-off{color:var(--ink-soft);background:#eef2f8}.toast-wrap{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-md);border-radius:999px;max-width:80vw;padding:11px 20px;font-size:14px;font-weight:600;animation:.25s toast-in}.toast.err{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.empty{text-align:center;color:var(--ink-soft);padding:40px 20px;font-size:14px}.empty .big{margin-bottom:10px;font-size:40px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d3dce9;border-radius:8px}::-webkit-scrollbar-track{background:0 0}