body{margin:0;font-family:Inter,system-ui;background:#0f172a;color:#e2e8f0}main{max-width:1180px;margin:auto;padding:24px}nav{display:flex;gap:14px;align-items:center;margin-bottom:32px;flex-wrap:wrap}a{color:#93c5fd;text-decoration:none}.router-link-active{color:#38bdf8;font-weight:800}.card{background:#111827;border:1px solid #334155;border-radius:16px;padding:20px;box-shadow:0 20px 40px #0004;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.inbox{display:grid;grid-template-columns:280px 1fr 280px;gap:16px}input,select,button,textarea{display:block;margin:8px 0 14px;padding:10px;border-radius:10px;border:1px solid #475569;background:#0b1220;color:#e2e8f0;width:100%;box-sizing:border-box}button{background:#38bdf8;color:#082f49;font-weight:700;cursor:pointer}.listbtn{background:#0b1220;color:#e2e8f0;text-align:left}.error{color:#fca5a5}.badge{display:inline-block;background:#1e3a8a;color:#bfdbfe;border-radius:999px;padding:4px 8px;margin:2px;font-size:12px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #334155;padding:10px;text-align:left}.messages{max-height:55vh;overflow:auto}.inbound{background:#1e293b;padding:10px;border-radius:10px}.outbound{background:#164e63;padding:10px;border-radius:10px}@media (max-width:900px){.inbox{grid-template-columns:1fr}main{padding:14px}}.hero{padding:22px 0 14px;max-width:760px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:10px 0}.hero p,.chat-heading p,.blueprint p{color:#94a3b8;line-height:1.6}.eyebrow{color:#38bdf8;font-size:12px;font-weight:800;letter-spacing:.16em}.builder-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.builder-chat{border-color:#0e7490}.chat-heading{display:flex;gap:14px;align-items:center}.chat-heading h2,.chat-heading p{margin:0 0 5px}.spark,.empty-icon{background:#164e63;color:#67e8f9;border-radius:12px;padding:12px;font-size:22px}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestions button,.compact{width:auto;background:#1e293b;color:#bae6fd;border-color:#334155;margin:3px 0 12px}.build-button{background:linear-gradient(90deg,#22d3ee,#38bdf8)}button:disabled{opacity:.5;cursor:not-allowed}.assistant-reply{background:#082f49;border-left:3px solid #22d3ee;padding:14px;border-radius:10px}.blueprint li{margin:10px 0;color:#cbd5e1}.blueprint h3{color:#67e8f9}.blueprint:has(.empty-icon){display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 12px}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:16px}.new-chat button{max-width:220px}@media (max-width:900px){.builder-layout,.form-row{grid-template-columns:1fr}}.settings-header{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:22px}.settings-header h1{font-size:38px;margin:7px 0}.settings-header p{color:#94a3b8;max-width:720px;line-height:1.55;margin:0}.save-top{width:auto;min-width:150px}.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.settings-sidebar{position:sticky;top:18px;padding:14px}.completion{padding:10px 8px 16px;border-bottom:1px solid #334155;margin-bottom:8px}.completion div{display:flex;align-items:baseline;justify-content:space-between}.completion strong{font-size:25px;color:#67e8f9}.completion span{font-size:12px;color:#94a3b8}.completion progress{width:100%;height:7px;margin-top:10px;accent-color:#22d3ee}.settings-nav{background:transparent;color:#cbd5e1;border:0;text-align:left;margin:2px 0;padding:11px 12px}.settings-nav.active,.settings-nav:hover{background:#164e63;color:#cffafe}.sidebar-tip{font-size:12px;color:#64748b;line-height:1.5;padding:10px}.settings-content{min-width:0}.settings-section{scroll-margin-top:18px;padding:26px}.section-title{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #253249;margin-bottom:22px;padding-bottom:18px}.section-title>span{border:1px solid #0e7490;border-radius:8px;color:#67e8f9;padding:7px;font-size:11px;font-weight:800}.section-title h2{margin:0 0 5px}.section-title p{margin:0;color:#94a3b8;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:block;color:#cbd5e1;font-size:13px;font-weight:650}label b{color:#22d3ee}.catalogue-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.catalogue-heading h3{margin:0}.catalogue-heading small{background:#164e63;color:#67e8f9;border-radius:99px;padding:3px 8px}.product-heading{margin-top:30px;padding-top:24px;border-top:1px solid #334155}.catalogue-item{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:18px;background:#0b1220;border:1px solid #253249;border-radius:12px;padding:16px;margin:10px 0}.empty-catalogue{border:1px dashed #334155;border-radius:12px;padding:22px;text-align:center;color:#64748b}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:4px 0}.danger-link{width:auto;background:transparent;color:#fca5a5;border:0;padding:4px;margin:8px 0}.toggle-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle{display:flex;gap:12px;align-items:flex-start;background:#0b1220;border:1px solid #253249;border-radius:12px;padding:14px}.toggle input{width:18px;margin:2px 0;accent-color:#22d3ee}.toggle span{display:flex;flex-direction:column;gap:4px}.toggle small{color:#64748b;font-weight:400;line-height:1.4}.save-bar{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#172033ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #475569;border-radius:14px;padding:12px 16px;box-shadow:0 10px 30px #0008}.save-bar span{color:#94a3b8;font-size:13px}.save-bar button{width:auto;margin:0}.notice{padding:12px 16px;border-radius:10px}.success{background:#064e3b;color:#a7f3d0}.notice.error{background:#7f1d1d;color:#fecaca}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;display:flex;overflow:auto}.completion,.sidebar-tip{display:none}.settings-nav{white-space:nowrap;width:auto}.settings-header{align-items:flex-start}.toggle-list{grid-template-columns:1fr}}@media (max-width:600px){.settings-header{display:block}.save-top{width:100%;margin-top:18px}.field-grid,.catalogue-item{grid-template-columns:1fr}.settings-section{padding:18px}.save-bar span{display:none}}