@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e8f0fe;--border:#e2e8f0;--border-strong:#cbd5e1;--primary:#0064d2;--primary-hover:#004fb0;--primary-ghost:#0064d214;--primary-glow:#0064d233;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#10b981;--success-ghost:#10b9811a;--warning:#f59e0b;--warning-ghost:#f59e0b1a;--danger:#ef4444;--danger-ghost:#ef44441a;--sidebar-w:240px;--sidebar-collapsed-w:68px;--header-h:56px;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 6px #0000000a;--dur:.15s;--ease:cubic-bezier(.4, 0, .2, 1)}html,body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);transition:all var(--dur) var(--ease);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--primary-glow)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-ghost);color:var(--danger);border:1px solid #0000}.btn-danger:hover{background:var(--danger);color:#fff}.btn-ai{color:#fff;background:linear-gradient(135deg,#0064d2 0%,#06b6d4 100%);border:none}.btn-ai:hover{opacity:.9;box-shadow:0 4px 16px #0064d24d}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);transition:all var(--dur) var(--ease);background:0 0;padding:6px}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-ghost);color:var(--success)}.badge-warning{background:var(--warning-ghost);color:var(--warning)}.badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:12px;font-weight:500}.input{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:8px 12px;font-size:13px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.input::placeholder{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:16px 0}