@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;700&display=swap";:root{color-scheme:light;font-family:Manrope,sans-serif;background-color:#f5f2eb;color:#1f2937;--surface: #ffffff;--surface-muted: #f7f5f0;--ink: #1f2937;--ink-soft: #4b5563;--accent: #f6c177;--accent-strong: #e09d3a;--border: rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#f8e8c5,#f5f2eb 45%,#e5eef8);min-height:100vh}a{color:#1f2937;font-weight:600}.page{min-height:100vh;padding:0}.card{width:min(520px,90vw);background:#ffffffeb;border-radius:28px;padding:40px;box-shadow:0 24px 50px #0f172a1f;border:1px solid rgba(15,23,42,.08)}.card__header{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:#6b7280}.subtitle{margin:8px 0 0;font-size:15px;line-height:1.6;color:#4b5563}.form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:14px;color:#374151}input{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:15px;background:#fff}textarea{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:15px;background:#fff;resize:vertical;min-height:120px;font-family:inherit}button{border:none;border-radius:12px;padding:12px 16px;background:#1f2937;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.action--compact{padding:8px 14px;font-size:14px;display:inline-flex;align-items:center;gap:10px}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a33}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.ghost{background:transparent;border:1px solid #d1d5db;color:#1f2937;margin-top:24px}.footer{margin-top:18px;font-size:14px;color:#6b7280}.error{color:#b91c1c;font-size:13px;margin:0}.profile{display:grid;gap:12px}.profile__row{display:flex;justify-content:space-between;font-size:15px;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.08)}.profile__row:last-child{border-bottom:none}.status{font-size:14px;color:#6b7280}.skeleton-page{min-height:100vh;display:grid;place-items:center;padding:24px}.skeleton-card{width:min(520px,90vw);background:#ffffffb3;border-radius:24px;padding:28px;border:1px solid var(--border);display:grid;gap:12px}.skeleton-card--wide{width:100%;padding:24px}.skeleton-stack{display:grid;gap:10px;width:100%}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#0f172a14,#0f172a29,#0f172a14);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line--short{width:40%}.skeleton-line--medium{width:60%}.skeleton-line--long{width:85%}@keyframes skeleton-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.dashboard{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:20px 32px;background:#ffffffe6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar__logo{font-size:20px;font-weight:700;letter-spacing:.02em}.topbar__nav{display:flex;justify-content:center;gap:18px}.nav__link{text-decoration:none;color:var(--ink-soft);font-weight:600;padding:8px 14px;border-radius:999px;transition:background .2s ease,color .2s ease}.nav__link.is-active,.nav__link:hover{color:var(--ink);background:#f6c17733}.topbar__user{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:999px;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fde68a,#f59e0b)}.user-meta{display:grid;gap:2px}.user-name{font-weight:600;font-size:14px}.user-tokens{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.token-icon{width:16px;height:16px;display:inline-block}.content__hint{margin:0;font-size:13px;color:var(--ink-soft)}.chevron{font-size:12px;color:var(--ink-soft)}.dropdown{position:absolute;right:0;top:calc(100% + 10px);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 30px #0f172a1f;padding:8px;min-width:180px;display:grid;gap:4px}.dropdown__item{border:none;background:transparent;padding:10px 12px;border-radius:12px;text-align:left;font-weight:600;color:var(--ink);cursor:pointer}.dropdown__item:hover{background:#0f172a0f}.dropdown__item.is-danger{color:#b91c1c}.dashboard__body{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:28px 32px 48px}.sidebar{background:var(--surface);border-radius:20px;border:1px dashed rgba(15,23,42,.15);padding:24px;min-height:400px}.sidebar__empty{font-size:14px;color:var(--ink-soft);display:grid;gap:8px}.content{background:var(--surface);border-radius:24px;padding:32px;border:1px solid var(--border);box-shadow:0 20px 40px #0f172a14}.content h1{margin-top:0;font-size:30px}.content__lead{font-size:16px;line-height:1.7;color:var(--ink-soft);max-width:680px}.content__grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:28px}.page-header p{margin:0;color:var(--ink-soft)}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.tool-header__title{margin:0 0 8px;font-size:28px}.tool-header__subtitle{margin:0;color:var(--ink-soft)}.tool-header__actions{display:flex;gap:12px;flex-wrap:wrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.tool-card{text-decoration:none;color:inherit;background:var(--surface);border-radius:20px;padding:22px;border:1px solid var(--border);box-shadow:0 18px 32px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease}.tool-card--detail{padding:24px}.tool-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #0f172a1f}.tool-card--detail:hover{transform:none;box-shadow:0 18px 32px #0f172a0f}.tool-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.tool-card__title{margin:0 0 8px;font-size:28px}.tool-card__subtitle{margin:0;color:var(--ink-soft)}.tool-card__body{display:grid;gap:20px}.tool-card h3{margin:0 0 8px}.tool-card p{margin:0;color:var(--ink-soft)}.tool-panel{background:var(--surface-muted);border-radius:20px;padding:24px;border:1px solid rgba(15,23,42,.08);display:grid;gap:12px;max-width:560px}.tool-panel--wide{max-width:100%}.tool-form{display:grid;gap:16px}.action{border:none;border-radius:12px;padding:12px 16px;background:var(--ink);color:#fff;font-weight:600;cursor:pointer;width:fit-content;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hint{color:#0f766e;font-size:13px;margin:0}.sidebar__list{display:grid;gap:12px}.sidebar__title{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);margin:0}.sidebar__item{border:none;background:var(--surface-muted);border-radius:14px;padding:12px;display:grid;gap:4px;text-align:left;cursor:pointer;color:var(--ink);border:1px solid transparent;transition:border .2s ease,background .2s ease}.sidebar__item:hover{border-color:#0f172a1a}.sidebar__item.is-active{background:#f6c17738;border-color:#e09d3a66}.sidebar__item-title{font-weight:600;font-size:14px;color:var(--ink)}.sidebar__item-tag{font-size:12px;color:var(--ink-soft)}.profile-form{display:grid;gap:16px;max-width:420px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap}.action.secondary{background:transparent;color:var(--ink);border:1px solid rgba(15,23,42,.2)}.action.danger{background:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center;z-index:50}.modal{background:var(--surface);padding:24px;border-radius:18px;width:min(420px,90vw);border:1px solid var(--border);box-shadow:0 20px 40px #0f172a33;display:grid;gap:12px}.modal h3{margin:0}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.modal--wide{width:min(720px,92vw)}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.seo-writing{display:grid;gap:24px}.article-result{border:1px solid var(--border);border-radius:20px;padding:24px;background:#fff;box-shadow:0 18px 32px #0f172a14;display:grid;gap:12px}.article-result__header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;color:var(--ink-soft);font-size:13px}.article-result__prompt{margin:0;font-weight:600;color:var(--ink)}.article-result__content{white-space:pre-wrap;line-height:1.6;color:var(--ink)}.article-list{display:grid;gap:16px}.article-list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.article-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;text-align:left;display:grid;gap:12px;box-shadow:0 12px 24px #0f172a0f}.article-card__main{border:none;background:transparent;padding:0;text-align:left;display:grid;gap:10px;cursor:pointer}.article-card.is-active{border-color:#e09d3a66;box-shadow:0 18px 30px #e09d3a2e}.article-card__title{font-weight:600;color:var(--ink);font-size:14px}.article-card__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft)}.article-editor textarea{min-height:320px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.integration-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff;display:grid;gap:10px;box-shadow:0 12px 24px #0f172a0f}.onboarding{display:grid;gap:24px}.onboarding__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.onboarding__layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.stepper{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:18px;display:grid;gap:12px;align-content:start}.stepper__item{display:flex;gap:12px;padding:10px 12px;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:background .2s ease,border .2s ease;align-items:center}.stepper__item.is-active{background:#f6c17733;border-color:#e09d3a4d}.stepper__item.is-disabled{opacity:.5;cursor:not-allowed}.stepper__item.is-done{background:#0f172a0a}.stepper__indicator{width:32px;height:32px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-weight:600;flex-shrink:0}.stepper__indicator--dot{width:12px;height:12px;background:var(--accent)}.stepper__title{margin:0;font-weight:600;font-size:14px}.stepper__subtitle{font-size:12px;color:var(--ink-soft)}.token-cost{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#0f172a14;font-size:11px;margin-left:6px;color:var(--ink-soft)}.token-cost .token-icon{width:14px;height:14px}.token-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(15,23,42,.12);font-size:12px;color:#1f2937}.token-badge .token-icon{width:14px;height:14px}.onboarding__content{display:grid;gap:18px}.recent-posts{display:grid;gap:10px}.recent-posts__item{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:var(--surface-muted)}.recent-posts__text{display:grid;gap:6px}.recent-posts__text p{margin:0;color:var(--ink-soft);font-size:13px}.recent-posts__date{font-size:12px;color:var(--ink-soft);white-space:nowrap}.panel{background:var(--surface);border-radius:22px;padding:24px;border:1px solid var(--border);display:grid;gap:16px}.panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.panel__grid--fixed{align-items:start}.panel__card{background:var(--surface-muted);border-radius:18px;padding:18px;display:grid;gap:10px;border:1px solid rgba(15,23,42,.06);align-content:start}.panel__grid--fixed .panel__card{min-height:220px}.panel__actions{margin-top:auto;display:flex;align-items:center;gap:12px}.helper-text{display:block;font-size:12px;color:var(--ink-soft);margin-top:6px}.status-card{background:#0f766e14;padding:12px 16px;border-radius:12px;color:#0f766e;font-weight:600}.status-card--warning{background:#ea580c1f;color:#c2410c}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric{background:var(--surface-muted);border-radius:14px;padding:12px;display:grid;gap:4px}.rubric-list{display:grid;gap:12px}.rubric-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:center}.rubric-total{font-weight:600}.rubric-total.is-error{color:#b91c1c}.plan-list{display:grid;gap:12px}.plan-item{border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:16px;background:var(--surface-muted)}.plan-meta{display:grid;gap:4px;font-size:12px;color:var(--ink-soft)}.calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.calendar__day{background:var(--surface-muted);border-radius:16px;padding:12px;display:grid;gap:8px}.calendar__header{font-weight:600}.calendar__card{background:var(--surface);border-radius:12px;padding:10px;display:grid;gap:6px;border:1px solid var(--border);cursor:grab}.calendar__card:active{cursor:grabbing}.custom-select{position:relative;display:inline-flex;width:100%}.custom-select__trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-size:14px;font-weight:600;color:var(--ink)}.custom-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:6px;display:grid;gap:4px;z-index:5;box-shadow:0 12px 24px #0f172a1f}.custom-select__option{text-align:left;padding:10px 12px;border-radius:10px;background:transparent;color:var(--ink);border:none;font-weight:600;cursor:pointer}.custom-select__option.is-active,.custom-select__option:hover{background:#f6c17740}.overview{display:grid;gap:20px}.overview__content{display:grid;gap:16px}.overview__card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:18px;display:grid;gap:12px}.overview__card--alert{border-color:#ea580c4d;background:linear-gradient(135deg,#ea580c14,#ffffffe6)}.overview__status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.overview__status--success{background:linear-gradient(135deg,#0f766e1f,#ffffffe6);border-color:#0f766e4d}.overview__status--warning{background:linear-gradient(135deg,#ea580c1f,#ffffffe6);border-color:#ea580c4d}.overview__list{display:grid;gap:12px}.overview__item{border-radius:14px;border:1px solid rgba(15,23,42,.08);padding:12px;display:flex;justify-content:space-between;gap:16px;background:var(--surface-muted)}.overview__meta{display:grid;gap:4px;font-size:12px;color:var(--ink-soft);text-align:right}.connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.connect-steps{margin:0 0 16px;padding-left:18px;display:grid;gap:8px;color:var(--ink-soft);font-size:14px;line-height:1.5}.connect-tools{display:flex;flex-wrap:wrap;gap:10px}.automation{display:grid;gap:12px;max-width:420px}.toggle{display:flex;align-items:center;gap:10px;font-weight:600}@media (max-width: 960px){.onboarding__layout,.rubric-row{grid-template-columns:1fr}}.info-card{background:var(--surface-muted);padding:20px;border-radius:18px;border:1px solid rgba(15,23,42,.06)}.info-card h3{margin:0 0 8px}.info-card p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.6}@media (max-width: 960px){.topbar{grid-template-columns:1fr;justify-items:start}.topbar__nav{flex-wrap:wrap;justify-content:flex-start}.dashboard__body{grid-template-columns:1fr}}