@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#f0f4f8;--bg-secondary:#e8eef4;--surface:#fff;--surface-hover:#f7fafc;--primary:#6b9fd4;--primary-hover:#5a8bc0;--primary-light:#d4e6f5;--primary-dark:#4a7db5;--success:#4db88a;--success-light:#c8edda;--muted:#c5cdd6;--muted-light:#e8ecf0;--text-primary:#2d3748;--text-secondary:#718096;--text-light:#a0aec0;--border:#e2e8f0;--border-focus:#6b9fd4;--timeline-dot:#6b9fd4;--timeline-line:#cbd5e0;--chat-sender:#6b9fd4;--chat-sender-text:#fff;--chat-receiver:#edf2f7;--chat-receiver-text:#2d3748;--danger:#e57373;--danger-hover:#d32f2f;--danger-light:#ffebee;--shadow-sm:0 1px 3px #6b9fd40f;--shadow-md:0 4px 12px #6b9fd414;--shadow-lg:0 8px 30px #6b9fd41f;--shadow-xl:0 16px 50px #6b9fd426;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=dark]{--bg:#1a202c;--bg-secondary:#2d3748;--surface:#2a3040;--surface-hover:#333b4d;--primary:#7cb3e0;--primary-hover:#93c5f0;--primary-light:#7cb3e026;--primary-dark:#5a9bd4;--success:#52c48e;--success-light:#52c48e26;--muted:#4a5568;--muted-light:#3a4458;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-light:#718096;--border:#3a4458;--border-focus:#7cb3e0;--timeline-dot:#7cb3e0;--timeline-line:#4a5568;--chat-sender:#5a8ebf;--chat-sender-text:#fff;--chat-receiver:#333b4d;--chat-receiver-text:#e2e8f0;--danger:#f87171;--danger-hover:#ef4444;--danger-light:#f8717126;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #0000004d;--shadow-xl:0 16px 50px #00000059}html{transition:background-color .3s}html[data-theme=dark] body,html[data-theme=dark] .header,html[data-theme=dark] input,html[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}input,textarea{font-family:var(--font-family);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-base);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:.625rem 1.25rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);padding:var(--space-sm);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn var(--transition-base) ease;background:#2d374866;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2xl);width:90%;max-width:520px;animation:slideUp var(--transition-slow) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.header{padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#fffc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-logo{font-size:var(--font-xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:700}.header-logo span{color:var(--primary)}.header-actions{align-items:center;gap:var(--space-sm);display:flex}@media (max-width:768px){.modal{padding:var(--space-xl);margin:var(--space-md)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;z-index:500;padding:.75rem 1.1rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 8px 24px #0000001f}[data-tooltip]:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);opacity:0;pointer-events:none;z-index:501;width:9px;height:9px;transition:opacity .2s;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)rotate(45deg)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}[data-tooltip]:hover:before{opacity:1}