:root{--brand-primary:#18212f;--brand-accent:#0f766e;--background:#f6f8fb;--surface:#fff;--surface-muted:#f0f3f7;--text:#17202a;--muted:#667085;--line:#d9e0e8;--accent-soft:#e7f5f2;--warning-soft:#fff4dd;--shadow:0 18px 45px rgba(18,27,38,.08)}*{box-sizing:border-box}html{background:var(--background);color:var(--text)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:300px minmax(0,1fr)}.app-shell,.auth-shell{min-height:100vh;display:grid}.auth-shell{place-items:center;padding:24px;background:linear-gradient(135deg,rgba(24,33,47,.08),rgba(15,118,110,.08)),var(--background)}.auth-card{width:min(520px,100%);display:grid;grid-gap:18px;gap:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-brand{margin-bottom:0}.auth-tabs{display:flex;gap:8px}.auth-form{grid-template-columns:1fr}.auth-submit{width:100%}.sidebar{border-right:1px solid var(--line);background:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:22px}.brand{display:grid;grid-gap:6px;gap:6px;margin-bottom:0}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));font-weight:800}.brand h1{margin:0;font-size:22px;line-height:1.15}.brand p,.field-hint,.muted,.section-caption,.sidebar-note{color:var(--muted)}.brand p,.sidebar-note{margin:0;font-size:14px;line-height:1.45}.sidebar-nav{display:grid;grid-gap:8px;gap:8px}.nav-item{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);text-align:left;transition:border-color .12s ease,background .12s ease,transform .12s ease}.nav-item.active,.nav-item:hover{border-color:color-mix(in srgb,var(--brand-accent) 42%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.nav-index{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--surface-muted);color:var(--brand-primary);font-size:12px;font-weight:800}.nav-item.active .nav-index{background:var(--brand-primary);color:#fff}.nav-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.nav-copy strong{font-size:14px}.nav-copy small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{display:grid;grid-gap:12px;gap:12px;margin-top:auto}.provider-card{display:grid;grid-gap:5px;gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.provider-card span{color:var(--muted);font-size:12px;text-transform:uppercase}.provider-card strong{font-size:15px}.provider-card p{margin:0;color:var(--muted);font-size:13px;word-break:break-word}.account-card,.settings-card{display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.sidebar .account-card{background:#f8fafc}.settings-card{box-shadow:var(--shadow)}.account-card span,.settings-card span{color:var(--muted);font-size:12px;text-transform:uppercase}.account-card strong,.settings-card strong{font-size:15px}.account-card p{margin:0;color:var(--muted);font-size:13px;word-break:break-word}.text-button{width:max-content;padding:0;border:0;background:transparent;color:var(--brand-accent);font-weight:800}.integration-field{display:grid;grid-gap:7px;gap:7px;padding-top:10px;border-top:1px solid var(--line)}.integration-field label{font-size:13px;font-weight:800}.integration-status{display:flex;gap:8px;align-items:center;min-width:0}.integration-status small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.main{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.command-bar{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.topbar h2{margin:0;font-size:30px;line-height:1.15}.eyebrow{color:var(--brand-accent);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:8px}.topbar p{max-width:820px;margin:8px 0 0;color:var(--muted);line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button{border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:700;color:#fff;background:var(--brand-primary);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--brand-accent)}.button.secondary{color:var(--text);background:var(--surface);border-color:var(--line)}.button.secondary:hover{background:var(--surface-muted)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button.compact{min-height:36px;padding:7px 10px;font-size:13px}.workspace-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);grid-gap:18px;gap:18px;align-items:start}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.summary-card{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);text-align:left;box-shadow:0 12px 28px rgba(18,27,38,.05)}.summary-card.active,.summary-card:hover{border-color:color-mix(in srgb,var(--brand-accent) 42%,var(--line));background:color-mix(in srgb,var(--accent-soft) 70%,#fff)}.summary-card span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.summary-card small,.summary-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card strong{font-size:17px}.summary-card small{color:var(--muted);font-size:13px}.content-section{display:grid;grid-gap:18px;gap:18px}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:start}.span-2{grid-column:1/-1}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px;border-bottom:1px solid var(--line);background:#fbfcfd}.panel-header h3{margin:0;font-size:18px}.panel-body{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid.single{grid-template-columns:1fr}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:13px}.field-hint{font-size:12px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:11px 12px;outline:none}.textarea{min-height:86px;resize:vertical;line-height:1.45}.textarea.large{min-height:116px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 16%,transparent)}.channel-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);padding:8px 11px;font-weight:700}.chip.active{border-color:var(--brand-accent);background:var(--accent-soft);color:var(--brand-accent)}.result-stack{display:grid;grid-gap:18px;gap:18px}.empty-state{min-height:320px;display:grid;place-items:center;padding:28px;text-align:center;color:var(--muted)}.empty-state strong{display:block;margin-bottom:8px;color:var(--text);font-size:18px}.empty-action{margin-top:18px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{padding:14px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.metric strong{font-size:22px}.pillars,.posts{display:grid;grid-gap:12px;gap:12px}.mini-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.mini-card h4{margin:0 0 8px;font-size:16px}.mini-card p{margin:0;color:var(--muted);line-height:1.45}.highlight-block{display:grid;grid-gap:8px;gap:8px;padding:16px;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent-soft) 72%,#fff)}.highlight-block span{color:var(--brand-accent);font-size:12px;font-weight:800;text-transform:uppercase}.highlight-block p{margin:0;line-height:1.55}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag-cloud.compact{margin-top:12px;margin-bottom:0}.tag{display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:700}.clean-list,.tag{color:var(--muted)}.clean-list{display:grid;grid-gap:9px;gap:9px;margin:0;padding-left:18px;line-height:1.45}.clean-list.strong{color:var(--text);font-weight:650}.advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.advice-item{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.advice-item p{margin:0;color:var(--muted);line-height:1.45}.table-scroll{overflow-x:auto}.plan-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.plan-table td,.plan-table th{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.plan-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.table-note{margin:5px 0 0;color:var(--muted);line-height:1.4}.badge{padding:4px 8px;font-weight:700;color:var(--brand-primary)}.badge,.status-dot{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;background:var(--surface-muted)}.status-dot{min-height:28px;padding:5px 10px;color:var(--muted);font-weight:800;white-space:nowrap}.status-dot.success{background:var(--accent-soft);color:var(--brand-accent)}.post-body{white-space:pre-wrap;color:var(--text);line-height:1.5;margin-top:12px;padding:12px;background:#fbfcfd}.post-body,.post-card{border:1px solid var(--line);border-radius:8px}.post-card{display:grid;grid-gap:14px;gap:14px;padding:16px;background:#fff}.post-card-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.post-card h4{margin:10px 0 0;font-size:19px;line-height:1.25}.post-footer{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-top:2px}.post-footer strong{max-width:280px;color:var(--brand-accent);font-size:14px;text-align:right}.visual-tools{display:grid;grid-gap:12px;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.visual-prompt{display:grid;grid-gap:5px;gap:5px}.search-results span,.visual-prompt span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.visual-prompt p{margin:0;color:var(--text);font-size:13px;line-height:1.45}.visual-actions{display:flex;gap:8px;flex-wrap:wrap}.visual-result{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.visual-result img{width:180px;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--surface-muted)}.visual-result strong{display:block;margin-bottom:4px}.visual-result p{margin:0;color:var(--muted);font-size:13px}.search-results{display:grid;grid-gap:8px;gap:8px}.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.search-grid a{display:grid;grid-gap:6px;gap:6px;min-height:92px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none;background:#fff}.search-grid a:hover{border-color:var(--brand-accent)}.search-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.search-grid strong{font-size:13px}.search-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.alert{border:1px solid #f1c36d;background:var(--warning-soft);color:#7a4b00;border-radius:8px;padding:12px;margin-bottom:14px}.account-profile{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.account-profile span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.account-profile strong{display:block;margin-top:5px;font-size:20px}.account-profile p{margin:5px 0 0;color:var(--muted)}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;padding-bottom:2px}.sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.workspace-grid{grid-template-columns:1fr}}@media (max-width:720px){.main,.sidebar{padding:18px}.topbar{display:grid}.command-bar{padding:16px}.topbar h2{font-size:24px}.advice-grid,.section-grid,.sidebar-footer,.summary-strip{grid-template-columns:1fr}.span-2{grid-column:auto}.form-grid,.metric-row,.sidebar-nav{grid-template-columns:1fr}.account-profile,.post-card-header,.post-footer{display:grid}.post-footer strong{max-width:none;text-align:left}.search-grid,.visual-result{grid-template-columns:1fr}.visual-result img{width:100%}}