:root{color:#172026;background:#f4f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button{min-height:40px;border:0;border-radius:6px;background:#172026;color:#fff;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;cursor:pointer;white-space:nowrap}button:disabled{background:#9aa5a1;cursor:not-allowed}.secondaryButton{background:#eef3f1;color:#172026;border:1px solid #d9e2de}h1,h2,p{margin:0}.landing{min-height:100vh;background:linear-gradient(180deg,#f4f6f5d1,#f4f6f5),url(https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=2200&q=80) center / cover}.landingHeader{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.landingBrand,.brand{font-size:18px;font-weight:760;letter-spacing:0}.hero{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center;padding-bottom:48px}.heroCopy{max-width:720px}.eyebrow{display:inline-block;color:#66706c;font-size:13px;font-weight:700;margin-bottom:12px}.hero h1{max-width:680px;font-size:56px;line-height:1.08;letter-spacing:0}.hero p{max-width:560px;margin-top:20px;color:#53605b;font-size:18px;line-height:1.7}.heroActions{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.heroActions span{color:#53605b;font-size:14px}.heroPanel,.accessPanel{background:#ffffffe0;border:1px solid #dde4e1;border-radius:8px;box-shadow:0 22px 70px #1720261f}.heroPanel{display:grid;gap:0}.heroPanel div{padding:22px;border-bottom:1px solid #edf1ef}.heroPanel div:last-child{border-bottom:0}.heroPanel span,.accessPanel span,.operatorBar span,.spendMetrics span{display:block;color:#66706c;font-size:13px;margin-bottom:7px}.heroPanel strong,.operatorBar strong,.spendMetrics strong{display:block;font-size:22px}.accessShell{min-height:100vh;display:grid;place-items:center;padding:24px}.accessPanel{width:min(520px,100%);padding:34px;display:grid;gap:14px}.accessPanel h1{font-size:28px}.accessPanel p{color:#172026;font-weight:700}.authLoading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f4f6f5e0,#f4f6f5),url(https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=2200&q=80) center / cover;padding:24px}.authLoading section{width:min(420px,100%);display:grid;justify-items:center;gap:12px;text-align:center;color:#172026}.authLoading h1{font-size:24px}.authLoading p{color:#66706c;line-height:1.6}.loadingMark{width:58px;height:58px;border-radius:50%;border:1px solid #d9e2de;background:#ffffffc2;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 18px 50px #1720261f}.loadingMark span{width:7px;height:7px;border-radius:50%;background:#172026;animation:loadingPulse .9s ease-in-out infinite}.loadingMark span:nth-child(2){animation-delay:.12s}.loadingMark span:nth-child(3){animation-delay:.24s}@keyframes loadingPulse{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.workspace{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.workspaceSidebar{background:#101719;color:#fff;padding:24px 18px}.workspaceSidebar .brand{margin-bottom:28px}.workspaceSidebar nav{display:grid;gap:6px}.workspaceSidebar button{height:40px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;border-radius:6px;color:#c7d1ce;padding:0 10px;background:transparent}.workspaceSidebar button.active{background:#243234;color:#fff}.workspaceContent{padding:28px}.workspaceTopbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.workspaceTopbar h1{font-size:30px;line-height:1.15}.workspaceTopbar p{color:#66706c;margin-top:6px}.topbarActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.operatorBar,.spendMetrics{display:grid;gap:12px;margin-bottom:16px}.operatorBar{grid-template-columns:2fr 1fr 1fr}.spendMetrics{grid-template-columns:2fr repeat(4,1fr)}.operatorBar>div,.spendMetrics>div,.tablePanel,.notice{background:#fff;border:1px solid #dde4e1;border-radius:8px}.operatorBar>div,.spendMetrics>div{padding:16px}.metricPrimary strong{font-size:30px}.notice{margin-bottom:16px;border-color:#d6c082;background:#fff8e5;color:#6c4d04;padding:11px 13px}.dashboardGrid{display:grid;gap:16px}.tablePanel{padding:16px;overflow-x:auto}.connectionPanel{margin-bottom:16px}.sectionTitle{display:flex;align-items:center;gap:8px}.sectionTitle.withAction{justify-content:space-between;align-items:flex-start;gap:16px}.sectionTitle h2{font-size:16px}.sectionTitle p{margin-top:7px;color:#66706c;font-size:13px}.panelActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.aiPanel{display:grid;gap:14px}.aiSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aiSummary>div{border:1px solid #edf1ef;border-radius:8px;padding:13px;background:#fbfcfb}.aiSummary span{display:block;color:#66706c;font-size:13px;margin-bottom:7px}.aiSummary strong{display:block;font-size:15px;line-height:1.45}.aiInsight,.aiError{border-radius:8px;padding:13px;font-size:14px;line-height:1.65}.aiInsight{background:#f0f7f3;color:#183c27;border:1px solid #cfe4d7}.aiError{background:#fff8e5;color:#6c4d04;border:1px solid #d6c082}.aiGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.aiGrid>div{min-height:128px;border:1px solid #edf1ef;border-radius:8px;padding:13px;background:#fbfcfb}.aiGrid h3{margin:0 0 10px;font-size:14px}.aiGrid ul{margin:0;padding-left:18px}.aiGrid li,.aiGrid p{color:#53605b;font-size:13px;line-height:1.55}.aiGrid li+li{margin-top:8px}.agentPanel{display:grid;gap:14px}.agentBox{display:grid;gap:12px}.agentBox textarea{width:100%;min-height:160px;resize:vertical;border:1px solid #d9e2de;border-radius:8px;background:#fbfcfb;color:#172026;padding:14px;font:inherit;line-height:1.6}.agentFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.agentFooter span{color:#66706c;font-size:13px}.agentResult{display:grid;gap:12px}.approvalBox{display:grid;gap:12px;border:1px solid #d9e2de;border-radius:8px;background:#f7f9f8;padding:14px}.approvalBox h3{margin:0 0 7px;font-size:15px}.approvalBox p{color:#53605b;font-size:13px;line-height:1.55}.approvalBox label{display:flex;align-items:center;gap:9px;color:#172026;font-size:14px}.approvalBox input{width:16px;height:16px}.approvalWarning{margin-top:6px;color:#6c4d04!important}.inlineStatus{border-radius:6px;background:#eef3f1;color:#172026;padding:10px 11px;font-size:13px}.reviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reviewGrid>div{border:1px solid #edf1ef;border-radius:8px;background:#fbfcfb;padding:13px}.reviewGrid h3{margin:0 0 10px;font-size:14px}.reviewGrid ul{margin:0;padding-left:18px}.reviewGrid li,.reviewGrid p{color:#53605b;font-size:13px;line-height:1.55}.reviewGrid li+li{margin-top:8px}.connectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.connectionCard{min-height:118px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #edf1ef;border-radius:8px;padding:14px;background:#fbfcfb}.connectionCard.disabled{color:#66706c;background:#f7f9f8}.connectionCard span{display:block;color:#66706c;font-size:13px;margin-bottom:6px}.connectionCard strong{display:block;font-size:18px}.connectionCard p{margin-top:8px;color:#66706c;font-size:13px;line-height:1.5}table{width:100%;min-width:760px;border-collapse:collapse;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #edf1ef;padding:10px 8px;font-size:14px;vertical-align:top}th{color:#66706c;font-weight:700}td:last-child,th:last-child{text-align:right}@media(max-width:960px){.landingHeader{padding:0 20px}.hero{width:min(100% - 32px,720px);grid-template-columns:1fr;gap:28px;align-items:start;padding-top:48px}.hero h1{font-size:40px}.workspace{grid-template-columns:1fr}.workspaceSidebar{display:none}.workspaceContent{padding:18px}.workspaceTopbar,.operatorBar,.spendMetrics,.aiSummary,.aiGrid,.reviewGrid,.connectionGrid{grid-template-columns:1fr}.workspaceTopbar{display:grid}.topbarActions{justify-content:flex-start}.sectionTitle.withAction,.agentFooter{display:grid}.panelActions{justify-content:flex-start}}