*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50:#eef0ff;--purple-100:#dde1ff;--purple-600:#4f46e5;--purple-800:#3730a3;--blue-50:#eff6ff;--blue-600:#2563eb;--green-50:#ecfdf3;--green-600:#16a34a;--green-800:#166534;--amber-50:#fff7ed;--amber-800:#9a3412;--red-50:#fef2f2;--red-800:#991b1b;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--bg:#fff;--bg-surface:#f8f7f4;--bg-soft:#f2f1ed;--bg-hover:#efeee9;--border:#20201c1a;--border-strong:#20201c33;--text:#18181b;--text-2:#62646b;--text-3:#8a8d96;--accent:#4f46e5;--accent-soft:#eef0ff;--shadow-card:0 1px 2px #1214190a, 0 14px 40px #1214190f}html{background:var(--bg-surface)}body{color:var(--text);background:var(--bg-surface);letter-spacing:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}::selection{background:#4f46e52e}.app-shell{background:radial-gradient(circle at 12% 0,#4f46e512,#0000 28%),linear-gradient(#fbfaf7 0%,#f8f7f4 100%);min-height:100vh}.app-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffc7;justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-brand-mark{background:linear-gradient(135deg,#4f46e5,#7c6cf2);border-radius:10px;width:30px;height:30px;box-shadow:0 8px 22px #4f46e538}.app-brand-title{letter-spacing:0;font-size:14px;font-weight:700}.app-client-pill{border:1px solid var(--border);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;max-width:220px;padding:5px 10px;font-size:11px;display:inline-flex;overflow:hidden}.app-grid{grid-template-columns:218px minmax(0,820px) 260px;gap:18px;width:min(1380px,100%);margin:0 auto;padding:22px 20px 44px;display:grid}.app-sidebar,.app-ai-panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffc7;align-self:start;padding:14px;position:sticky;top:80px}.app-main{min-width:0}.app-section-label{color:var(--text-3);letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:700}.flow-list{gap:5px;display:grid}.flow-item{color:var(--text-2);border:1px solid #0000;border-radius:10px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;text-decoration:none;display:grid}.flow-item.active{background:var(--accent-soft);color:var(--accent);border-color:#4f46e529}.flow-item.done{color:var(--green-800)}.flow-dot{background:var(--bg-soft);width:24px;height:24px;color:var(--text-3);border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.flow-item.active .flow-dot{background:var(--accent);color:#fff}.flow-item.done .flow-dot{background:var(--green-50);color:var(--green-800)}.flow-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.ai-note{gap:12px;display:grid}.ai-note-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:11px}.ai-note-card h3{margin:0 0 5px;font-size:12px}.ai-note-card p{color:var(--text-2);margin:0;font-size:11px;line-height:1.55}.ai-check{gap:6px;margin-top:7px;display:grid}.ai-check span{color:var(--text-2);font-size:11px}.mobile-stepper{display:none}@media (width<=1120px){.app-grid{grid-template-columns:190px minmax(0,1fr)}.app-ai-panel{display:none}}@media (width<=780px){.app-topbar{padding:0 14px}.app-grid{padding:16px 12px 34px;display:block}.app-sidebar{display:none}.mobile-stepper{display:block}.app-brand-title{font-size:13px}.app-client-pill{display:none}}