:root{--bg-main: #0b0f19;--bg-sidebar: #0f172a;--bg-card: #1e293b;--bg-card-hover: #243248;--bg-input: #131d31;--bg-accent: #6366f1;--bg-accent-hover: #4f46e5;--bg-accent-subtle: rgba(99, 102, 241, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--border-subtle: #1e293b;--border-card: #334155;--border-focus: #6366f1;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--color-info: #0ea5e9;--color-info-bg: rgba(14, 165, 233, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f159}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f173}.btn-secondary{background:var(--bg-card);border-color:var(--border-card);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:#475569}.btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.btn-sm{padding:4px 10px;font-size:12px}.input,.textarea,.select{width:100%;background:var(--bg-input);border:1px solid var(--border-card);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-md);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px}.empty-state{border:1px dashed var(--border-card);border-radius:var(--radius-md);padding:42px 20px;text-align:center;color:var(--text-muted)}.empty-state h3{color:var(--text-main);margin-bottom:8px}.empty-state p{margin-bottom:16px}.notice{padding:10px 14px;border-radius:var(--radius-md);font-size:13px}.notice-info{background:var(--color-info-bg);border:1px solid rgba(14,165,233,.35);color:#bae6fd}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;border-radius:var(--radius-full)}.badge-indigo{background:var(--bg-accent-subtle);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-green{background:var(--color-success-bg);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:var(--color-warning-bg);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-red{background:var(--color-danger-bg);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-gray{background:#94a3b81a;color:var(--text-muted);border:1px solid #334155}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.diff-container{font-family:var(--font-mono);font-size:13px;line-height:1.6;background:#0d1322;border:1px solid #1e293b;border-radius:var(--radius-md);padding:12px 16px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.diff-added{background:#10b98140;color:#6ee7b7;padding:1px 4px;border-radius:4px;font-weight:600}.diff-deleted{background:#ef444440;color:#fca5a5;text-decoration:line-through;padding:1px 4px;border-radius:4px}.dot-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6366f1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1);box-shadow:0 0 0 8px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}