:root{--bg: #f6fbf8;--bg-accent: #eaf6ef;--surface: #ffffff;--surface-soft: #f7fcf9;--ink: #183329;--ink-soft: #4f6f62;--line: #d8ebe0;--line-strong: #bfdccb;--accent: #2f9d66;--accent-hover: #288556;--accent-soft: #dff4e8;--danger-soft: #fff5f5;--ok: #1f7f4f;--shadow: 0 12px 32px rgba(28, 78, 54, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Manrope,Nunito Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 100% -12%,#dff2e8 0,#dff2e800 42%),radial-gradient(circle at -12% 110%,#ecf8f1 0,#ecf8f100 35%),linear-gradient(180deg,var(--bg) 0%,#f4faf7 100%)}a{color:#2a8b5a}.page{width:min(1020px,100%);margin:0 auto;padding:20px 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand{font-family:Sora,Manrope,sans-serif;font-size:23px;font-weight:700;letter-spacing:.02em}.tabs{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--surface)}.tab{text-decoration:none;color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:14px;transition:background-color .18s ease}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.content{display:grid;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}h1{margin:0 0 8px;font-family:Sora,Manrope,sans-serif;font-size:29px;line-height:1.14}h2{margin:0;font-family:Sora,Manrope,sans-serif;font-size:20px;line-height:1.18}.lead{margin:0;color:var(--ink-soft);line-height:1.5}.onboarding{display:grid;gap:14px}.notice{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:12px 14px;line-height:1.45}.notice.success{border-color:#bde2ca;background:#ecf8f1;color:var(--ok)}.meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--ink-soft);font-size:13px}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meta-grid span{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:9px 11px}.paywall{display:grid;gap:12px;border:1px solid var(--line-strong);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#f7fcf9)}.paywall p{margin:0;color:var(--ink-soft);line-height:1.5}.plan-card{border:1px solid #c8e6d5;border-radius:14px;background:#edf8f1;padding:14px}.plan-name{color:var(--ink-soft);font-size:13px}.plan-price{margin-top:4px;font-family:Sora,Manrope,sans-serif;font-size:30px;font-weight:700}.plan-term{color:var(--ink-soft);font-size:13px}.step-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wizard-nav{display:flex;gap:8px;flex-wrap:wrap}.step-head{display:flex;align-items:center;gap:10px}.step-index{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2f9d66,#38b372)}.helper-text{margin:0;color:var(--ink-soft);line-height:1.45}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:#8bcba9;box-shadow:0 0 0 3px #42a8691f}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:var(--accent);transition:background-color .15s ease,transform .15s ease}button:hover:enabled{background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.chip{border:1px solid var(--line-strong);background:#fff;color:var(--ink-soft);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.chip.active{border-color:#a8d9bc;background:#ecf8f1;color:var(--ok)}.hint{border:1px solid var(--line);border-radius:12px;background:#fbfefc;color:var(--ink-soft);padding:10px 12px;line-height:1.45}.hint.success{border-color:#bde2ca;background:#ecf8f1;color:var(--ok)}.tariff-row{border:1px dashed var(--line);border-radius:12px;padding:10px;display:grid;gap:8px}.list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.listHead,.listRow{display:grid;grid-template-columns:1.5fr 1fr auto;gap:8px;align-items:center;padding:10px 12px}.listHead{background:#f2faf5;color:var(--ink-soft);font-size:13px;font-weight:700}.listRow{border-top:1px solid var(--line);font-size:14px}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.projectsHead,.projectsRow{grid-template-columns:1.8fr 1.2fr auto}.mode-badge{display:inline-flex;align-items:center;justify-content:center;min-width:96px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.mode-badge.auto{background:#e9f7f0;color:#1f7f4f;border:1px solid #bfe4ce}.mode-badge.mock{background:#f3f4f6;color:#4b5563;border:1px solid #d6dae0}.project-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-main{display:grid;gap:6px}.action-link{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}.action-link:hover{text-decoration:underline}@media (max-width: 860px){.meta-grid{grid-template-columns:1fr}}@media (max-width: 760px){.page{padding:14px 12px 34px}.topbar{align-items:flex-start;flex-direction:column}.grid,.listHead,.listRow{grid-template-columns:1fr}.editor-head{flex-direction:column;align-items:flex-start}}