@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;700&display=swap";.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}: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);--control-h: 44px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#f8e8c5,#f5f2eb 45%,#e5eef8);min-height:100vh}h1{margin:0 0 8px;font-size:28px;line-height:1.25}h2{margin:0 0 6px;font-size:22px;line-height:1.3}h3{margin:0 0 6px;font-size:18px;line-height:1.35}p{line-height:1.65}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;min-height:var(--control-h)}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;min-height:var(--control-h);line-height:1.2;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:0;min-height:var(--control-h)}.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:center;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;align-items:center}.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;min-height:var(--control-h);width:-moz-fit-content;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}.profile-section{margin-top:32px;display:grid;gap:16px;max-width:520px}.profile-section__header p{margin:6px 0 0;color:var(--ink-soft)}.profile-card{background:var(--surface);border-radius:16px;padding:16px 18px;border:1px solid var(--border);display:grid;gap:8px}.profile-card--warning{border-color:#ea580c4d;background:linear-gradient(135deg,#ea580c14,#fffffff2)}.profile-card__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.profile-code{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;background:#0f172a14;font-weight:600;margin-left:6px}.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}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab-button{border-radius:999px;padding:8px 16px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,border .2s ease;min-height:var(--control-h);display:inline-flex;align-items:center}.tab-button.is-active{background:#f6c17733;border-color:#e09d3a66}.tab-panel{display:grid;gap:16px}.schedule{display:grid;gap:20px}.schedule__layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:24px;align-items:start}.schedule__content{display:grid;gap:18px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.calendar-toolbar__group{display:flex;align-items:center;gap:8px}.calendar-toolbar__hint{font-size:13px;color:var(--ink-soft)}.calendar-select{border-radius:12px;padding:8px 12px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:600;min-height:var(--control-h)}.calendar-month{display:grid;gap:12px}.calendar-month__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--ink-soft)}.calendar-month__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-month__cell{border-radius:16px;padding:10px;border:1px solid rgba(15,23,42,.08);background:var(--surface-muted);display:grid;gap:8px;min-height:120px}.calendar-month__cell.is-muted{opacity:.45}.calendar-month__header{font-weight:600;font-size:13px}.calendar-month__slots{display:grid;gap:8px}.calendar-post{border-radius:12px;padding:8px 10px;border:1px solid rgba(15,23,42,.18);background:#fff;color:var(--ink);display:grid;gap:4px;text-align:left;cursor:pointer;font-size:12px;box-shadow:0 6px 12px #0f172a14}.calendar-post--draft{border-color:#b91c1c80;background:#fee2e299}.calendar-post--draft em{color:#b91c1c;font-style:normal;font-weight:600}.calendar-post--empty{border-style:dashed;color:var(--ink-soft);cursor:default;box-shadow:none}.post-editor{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:12px;font-family:inherit}.style-description{width:100%;min-height:120px;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:12px;font-family:inherit;resize:none}.automation select{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:15px;background:#fff;min-height:var(--control-h)}.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-row input,.rubric-row button{height:42px}.rubric-row button{white-space:nowrap}.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);min-height:var(--control-h)}.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}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px;gap:12px}.topbar__nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px;justify-content:flex-start;gap:8px;-webkit-overflow-scrolling:touch}.nav__link{white-space:nowrap;padding:6px 12px;font-size:14px}.dashboard__body{grid-template-columns:1fr;padding:16px;gap:16px}.content{padding:20px;border-radius:20px}.tool-header,.tool-card__header{flex-direction:column;align-items:flex-start}.tool-card__title,.page-header h1,.content h1{font-size:24px}.schedule__layout{grid-template-columns:1fr}.panel{padding:16px}.card{padding:24px}}
