@font-face {
	font-family: "Manrope";
	src: url("fonts/Manrope-VariableFont_wght.woff2") format("woff2-variations");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--brand-900:#0B3B33; --brand-700:#0A4F3C; --brand-600:#007A63; --brand-500:#008F76; --brand-400:#00B894; --brand-50:#E1F0EC;
	--green:var(--brand-500); --green-dark:var(--brand-600); --green-soft:var(--brand-50); --green-line:#BFE0D8;
	--line:#E8EDEC; --dark:#10201E; --gray:#5F6A6B; --muted:#636D6E; --page:#F8FAF9;
	--gradient:linear-gradient(90deg,#06865C 0%,#0A4F3C 100%);
	--gradient-dark:radial-gradient(70% 110% at 0% 100%,rgba(6,134,92,.28),transparent 62%),radial-gradient(60% 100% at 100% 0%,rgba(0,143,118,.24),transparent 62%),linear-gradient(115deg,#04271F 0%,#031E1C 50%,#05291F 100%);
	--shadow-sm:0 2px 8px rgba(11,59,51,.05),0 1px 2px rgba(11,59,51,.04);
	--shadow-md:0 8px 24px rgba(11,59,51,.07),0 2px 6px rgba(11,59,51,.04);
	--shadow-lg:0 20px 48px rgba(11,59,51,.10),0 4px 12px rgba(11,59,51,.05);
}
* { box-sizing:border-box; }
body { margin:0; background:var(--page); color:var(--dark); font:15px/1.55 "Manrope",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--green-dark); text-decoration:none; }
a:hover { text-decoration:underline; }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; background:#fff; border-bottom:1px solid var(--line); }
.top__brand { font-weight:700; font-size:17px; }
.wrap { max-width:1100px; margin:0 auto; padding:28px 24px 64px; }
h1 { font-size:30px; line-height:1.18; font-weight:800; letter-spacing:-.015em; margin:0 0 20px; }
h2, h3 { letter-spacing:-.01em; }
.card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:24px 26px; box-shadow:var(--shadow-sm); }
.card + .card { margin-top:16px; }
table { width:100%; border-collapse:collapse; }
th, td { padding:12px 10px; text-align:left; border-bottom:1px solid var(--line); font-size:14px; }
th { font-size:12px; text-transform:uppercase; letter-spacing:-.02em; color:var(--gray); }
tr:last-child td { border-bottom:0; }
.badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; }
.badge--active { background:var(--green-soft); color:var(--green-dark); }
.badge--grace { background:#fef9c3; color:#a16207; }
.badge--expired, .badge--suspended { background:#fef2f2; color:#b91c1c; }
.key { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; color:var(--gray); word-break:break-all; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 24px; border:0; border-radius:12px; background:var(--gradient); color:#fff; font:inherit; font-weight:700; cursor:pointer; transition:opacity .2s ease, box-shadow .2s ease; }
.btn:focus-visible { outline:2px solid var(--brand-600); outline-offset:2px; }
.btn:hover { opacity:.92; text-decoration:none; color:#fff; }
.btn--ghost { background:#fff; color:var(--dark); border:1px solid var(--line); }
.btn--ghost:hover { border-color:var(--green); color:var(--green-dark); opacity:1; }
.btn--danger { background:#fff; color:#b91c1c; border:1px solid #fecaca; }
.btn--danger:hover { background:#fef2f2; color:#b91c1c; }
.field { display:block; margin-bottom:14px; }
.field span { display:block; margin-bottom:6px; font-size:13px; font-weight:700; color:#33403F; }
.field input, .field select, .field textarea { width:100%; min-height:48px; padding:12px 14px; border:1px solid #DCE3E1; border-radius:12px; background:#fff; color:var(--dark); font:inherit; transition:border-color .2s ease, box-shadow .2s ease; }
.field input:focus, .field select:focus, .field textarea:focus { outline:2px solid var(--brand-600); outline-offset:1px; border-color:var(--brand-600); box-shadow:none; }
.row { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; }
.error { padding:11px 15px; border-radius:11px; background:#fef2f2; border:1px solid #fecaca; color:#b91c1c; margin-bottom:16px; font-size:14px; }
.muted { color:var(--gray); font-size:13px; }
.actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:20px; }
.login-box { max-width:380px; margin:80px auto; }
.ok { padding:11px 15px; border-radius:11px; background:var(--green-soft); border:1px solid var(--green-line); color:var(--green-dark); margin-bottom:16px; font-size:14px; }
.wrap--wide { max-width:1240px; }
.stat-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.period { display:inline-flex; background:#fff; border:1px solid var(--line); border-radius:11px; overflow:hidden; }
.period__item { padding:9px 16px; font-size:14px; color:var(--gray); }
.period__item:hover { text-decoration:none; background:var(--green-soft); }
.period__item.is-active { background:var(--green-dark); color:#fff; font-weight:600; }
.kpi { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
.kpi__card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.kpi__label { font-size:12px; text-transform:uppercase; letter-spacing:-.01em; color:var(--gray); }
.kpi__value { font-size:26px; font-weight:700; margin:6px 0 2px; }
.kpi__delta { font-size:13px; color:var(--gray); }
.kpi__delta.is-up { color:var(--green-dark); }
.kpi__delta.is-down { color:#b91c1c; }
.chart-head { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:8px; }
.chart-toggle { display:inline-flex; gap:6px; }
.chart-toggle__item { padding:7px 14px; border:1px solid var(--line); background:#fff; border-radius:999px; font:inherit; font-size:13px; color:var(--gray); cursor:pointer; }
.chart-toggle__item.is-active { background:var(--green-soft); border-color:var(--green-line); color:var(--green-dark); font-weight:600; }
.chart { position:relative; }
.chart svg { width:100%; height:240px; display:block; }
.chart__axis { display:flex; justify-content:space-between; font-size:12px; color:var(--gray); margin-top:4px; }
.chart__tip { position:absolute; top:0; right:0; background:var(--dark); color:#fff; font-size:12px; padding:7px 11px; border-radius:9px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
@media (max-width:860px) { .grid-2 { grid-template-columns:1fr; } }
.grid-2 .card + .card { margin-top:0; }
.stat-num { font-size:22px; font-weight:700; }
.access { width:100%; border-collapse:collapse; font-size:14px; margin-bottom:4px; }
.access th, .access td { padding:10px 8px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
.access th { font-size:11px; color:var(--muted); font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.access td:first-child { overflow-wrap:anywhere; }
.access__actions { display:flex; gap:6px; justify-content:flex-end; flex-wrap:wrap; }
.access__actions form { margin:0; }
.access-form { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:14px; }
.access-form--staff { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto; }
.access-form .field { margin:0; }
@media (max-width:760px) { .access-form, .access-form--staff { grid-template-columns:1fr; } .access th:nth-child(2), .access td:nth-child(2) { display:none; } }
.snippet { width:100%; padding:12px 14px; border:1px solid #DCE3E1; border-radius:11px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; line-height:1.6; background:#F7F9F9; resize:vertical; }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.lk-top { position:sticky; top:0; z-index:10; flex-wrap:wrap; padding:12px 28px; background:rgba(255,255,255,.86); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px); }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--dark); font-size:19px; font-weight:800; letter-spacing:-.02em; }
.brand:hover { text-decoration:none; color:var(--dark); }
.brand__mark { width:34px; height:34px; }
.brand__accent { color:var(--green); }
.brand__badge { margin-left:2px; padding:3px 9px; border-radius:999px; background:var(--green-soft); color:var(--green-dark); font-size:12px; font-weight:800; letter-spacing:.02em; }
.lk-top__user { display:flex; align-items:center; gap:16px; min-width:0; font-size:14px; }
.lk-top__email { max-width:46vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--gray); }
.lk-top__link { color:var(--dark); font-weight:600; }
.lk-top__link:hover { color:var(--green-dark); text-decoration:none; }
.page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; margin-bottom:22px; }
.page-head h1 { margin:0; }
.page-head p { margin:6px 0 0; }
.back { display:inline-block; margin-bottom:12px; color:var(--gray); font-size:14px; font-weight:600; }
.page-head__text { flex:1 1 320px; min-width:0; }
.search { display:flex; align-items:center; gap:12px; flex:0 1 380px; min-width:0; }
.search__input { flex:1 1 auto; min-width:0; min-height:42px; padding:10px 14px; border:1px solid #DCE3E1; border-radius:11px; background:#fff; font:inherit; }
.search__input:focus { outline:2px solid var(--brand-600); outline-offset:1px; border-color:var(--brand-600); }
.search__count { flex:0 0 auto; color:var(--gray); font-size:13px; white-space:nowrap; }
.search__count:empty { display:none; }
.projects { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-sm); }
.projects__empty { margin:0; padding:28px 20px; text-align:center; }
.project { display:grid; grid-template-columns:300px minmax(0,1fr) auto; grid-template-areas:"head meta actions"; gap:10px 24px; align-items:center; min-width:0; margin-top:-1px; padding:14px 20px; border-top:1px solid var(--line); transition:background .15s ease; }
.project:hover { background:#F7FAF9; }
.project.is-hidden { display:none; }
.project__head { grid-area:head; display:flex; gap:12px; align-items:center; min-width:0; }
.project__icon { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; background:var(--gradient); color:#fff; font-size:16px; font-weight:800; }
.project__body { min-width:0; }
.project__title { margin:0; font-size:15px; font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.project__url { display:inline-block; margin-top:1px; font-size:13px; overflow-wrap:anywhere; }
.project__tech { margin-top:1px; font-size:12px; color:var(--gray); overflow-wrap:anywhere; }
.project__meta { grid-area:meta; display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.project__actions { grid-area:actions; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.project__main { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.project__main .btn { padding-inline:14px; white-space:nowrap; }
.project__pay { display:flex; margin:0; }
.project__links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:2px 14px; font-size:13px; }
.project__link { color:var(--gray); white-space:nowrap; }
.project__link:hover { color:var(--green-dark); }
@media (max-width:1100px) {
	.project { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"head actions" "meta actions"; align-items:start; }
}
@media (max-width:720px) {
	.search { flex:1 1 100%; }
	.project { grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "meta" "actions"; }
	.project__actions { align-items:stretch; }
	.project__main { justify-content:flex-start; }
	.project__main > .btn, .project__pay { flex:1 1 auto; }
	.project__pay > .btn { flex:1 1 auto; }
	.project__links { justify-content:flex-start; }
}
.chip { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:#EEF3F2; color:#33403F; font-size:12px; font-weight:600; }
.chip:hover { text-decoration:none; }
.chip--ok { background:var(--green-soft); color:var(--green-dark); }
.chip--warn { background:#fef9c3; color:#a16207; }
.chip--bad { background:#fef2f2; color:#b91c1c; }
.chip--info { background:#eff6ff; color:#1d4ed8; }
.chip__dot { width:7px; height:7px; border-radius:50%; background:currentColor; }
.btn--sm { min-height:40px; padding:9px 14px; font-size:13px; border-radius:10px; }
.btn--block { width:100%; }
.empty { padding:40px 24px; text-align:center; }
.settings { display:grid; gap:16px; max-width:780px; }
.settings .card + .card { margin-top:0; }
.section-title { margin:0 0 4px; font-size:18px; }
.section-lead { margin:0 0 16px; color:var(--gray); font-size:14px; }
.inline-form { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
.inline-form .field { flex:1 1 240px; margin:0; }
.address { display:grid; gap:3px; margin-bottom:18px; padding:14px 16px; background:#F7F9F9; border:1px solid var(--line); border-radius:12px; }
.address__label { color:var(--gray); font-size:12px; text-transform:uppercase; letter-spacing:.02em; }
.address__url { font-weight:600; overflow-wrap:anywhere; }
.address__tech { color:var(--gray); font-size:12px; overflow-wrap:anywhere; }
.steps { display:grid; gap:22px; margin:0; padding:0; list-style:none; counter-reset:step; }
.step { position:relative; min-width:0; padding-left:44px; }
.step::before { content:counter(step); counter-increment:step; position:absolute; left:0; top:0; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--green-soft); color:var(--green-dark); font-size:14px; font-weight:700; }
.step__title { margin:4px 0 8px; font-weight:700; }
.step__hint { margin:8px 0 0; color:var(--gray); font-size:13px; }
.table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:12px; }
.dns { min-width:420px; }
.dns th, .dns td { padding:10px 12px; vertical-align:middle; }
.dns th { background:#F7F9F9; }
.copy { margin-left:8px; padding:3px 9px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--gray); font:inherit; font-size:12px; cursor:pointer; }
.copy:hover { color:var(--green-dark); border-color:var(--green-line); }
.checks { display:grid; gap:10px; margin:0 0 14px; padding:0; list-style:none; }
.checks li { display:flex; gap:10px; align-items:flex-start; font-size:14px; overflow-wrap:anywhere; }
.mark { display:grid; place-items:center; flex:0 0 22px; height:22px; border-radius:50%; font-size:12px; font-weight:700; }
.mark--ok { background:var(--green-soft); color:var(--green-dark); }
.mark--bad { background:#fef2f2; color:#b91c1c; }
.mark--warn { background:#fef9c3; color:#a16207; }
.status { display:flex; gap:14px; align-items:flex-start; margin-bottom:18px; padding:16px 18px; background:#F7F9F9; border:1px solid var(--line); border-radius:14px; }
.status--run { background:#eff6ff; border-color:#bfdbfe; }
.status--done { background:var(--green-soft); border-color:var(--green-line); }
.status--error { background:#fef2f2; border-color:#fecaca; }
.status__body { flex:1; min-width:0; }
.status__title { font-weight:700; }
.status__text { margin-top:3px; color:#33403F; font-size:14px; overflow-wrap:anywhere; }
.status .mark { margin-top:1px; }
.spinner { flex:0 0 22px; width:22px; height:22px; border:3px solid #bfdbfe; border-top-color:#2563eb; border-radius:50%; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.btn--pay { gap:10px; }
.btn--pay.is-loading { cursor:progress; opacity:.92; }
.btn--pay.is-loading::before { content:""; width:16px; height:16px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; border-radius:50%; animation:spin .8s linear infinite; }
.btn--ghost.btn--pay.is-loading::before { border-color:rgba(21,128,61,.25); border-top-color:var(--green-dark); }
.pay-note { margin:8px 0 0; font-size:12px; color:#64748b; }
@media (prefers-reduced-motion:reduce) { .spinner { animation:none; } }
.track { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.track__item { padding:3px 10px; background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--gray); font-size:12px; }
.track__item.is-done { background:var(--green-soft); border-color:var(--green-line); color:var(--green-dark); }
.track__item.is-current { background:#2563eb; border-color:#2563eb; color:#fff; }
.tech { margin-top:10px; }
.tech summary { color:var(--gray); font-size:13px; cursor:pointer; }
.tech pre { max-height:260px; margin:8px 0 0; padding:12px; overflow:auto; background:#0f172a; color:#e2e8f0; border-radius:10px; font-size:12px; white-space:pre-wrap; word-break:break-word; }
.zone { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
@media (max-width:640px) {
	.top { padding:12px 16px; }
	.wrap { padding:20px 16px 48px; }
	h1 { font-size:21px; }
	.card { padding:18px 16px; }
	.project { padding:16px; }
	.step { padding-left:0; }
	.step::before { position:static; margin-bottom:8px; }
	.inline-form .btn { width:100%; }
}
.card--row { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px; }
.card-title { font-size:17px;margin:0 0 12px; }
.title-sm { font-size:20px; }
.u-center { text-align:center; }
.u-fs-14 { font-size:14px; }
.u-m-0 { margin:0; }
.u-m-0-0-10 { margin:0 0 10px; }
.u-m-0-0-12 { margin:0 0 12px; }
.u-m-0-0-14 { margin:0 0 14px; }
.u-m-0-0-4 { margin:0 0 4px; }
.u-m-10-0-0 { margin:10px 0 0; }
.u-m-6-0-0 { margin:6px 0 0; }
.u-m-8-0-0 { margin:8px 0 0; }
.u-maxw-380 { max-width:380px; }
.u-maxw-420 { max-width:420px; }
.u-mt-0 { margin-top:0; }
.u-mt-10 { margin-top:10px; }
.u-mt-12 { margin-top:12px; }
.u-mt-14 { margin-top:14px; }
.u-mt-24 { margin-top:24px; }
.u-mt-8 { margin-top:8px; }
.u-mt-n6 { margin-top:-6px; }
.u-mt-n8 { margin-top:-8px; }
.u-nowrap { white-space:nowrap; }
.u-pointer { cursor:pointer; }
.u-pre-wrap { white-space:pre-wrap; }
.u-right { text-align:right; }
.u-w-30 { width:30%; }
.u-w-55 { width:55%; }
.u-inline { display:inline; }
.bar { display:block; width:100%; height:8px; }
.bar__track { fill:#EEF3F2; }
.bar__fill { fill:var(--green); }
.bar__fill--warn { fill:#D97706; }

.brand--light { color:#fff; }
.brand--light:hover { color:#fff; }
.brand--light .brand__accent { color:var(--brand-400); }
.brand--light .brand__badge { background:rgba(255,255,255,.12); color:#EDF1F0; }

.auth { display:grid; grid-template-columns:minmax(380px,44%) minmax(0,1fr); min-height:100vh; min-height:100dvh; }
.auth__aside { position:relative; display:flex; flex-direction:column; gap:40px; overflow:hidden; padding:40px 48px; background:var(--gradient-dark); color:#EDF1F0; }
.auth__pitch { position:relative; z-index:1; max-width:440px; margin-top:auto; }
.auth__eyebrow { display:inline-flex; margin:0 0 18px; padding:7px 16px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.06); color:#C9D0CF; font-size:13px; font-weight:700; letter-spacing:.02em; }
.auth__title { margin:0 0 22px; color:#fff; font-size:36px; line-height:1.15; font-weight:800; letter-spacing:-.02em; }
.auth__points { display:grid; gap:12px; margin:0; padding:0; list-style:none; color:#C9D0CF; font-size:15px; }
.auth__points li { position:relative; padding-left:30px; }
.auth__points li::before { content:""; position:absolute; left:0; top:3px; width:18px; height:18px; border-radius:50%; background:rgba(0,184,148,.18) url("img/check.svg") center / 10px no-repeat; }
.auth__scene { position:absolute; right:-40px; top:90px; width:min(380px,62%); height:auto; opacity:.95; pointer-events:none; }
.auth__main { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:48px 24px; background:radial-gradient(60% 50% at 100% 0%,rgba(0,184,148,.08),transparent 70%),var(--page); }
.auth__card { width:100%; max-width:420px; padding:36px 36px 30px; background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-lg); }
.auth__h1 { margin:0 0 8px; font-size:26px; }
.auth__lead { margin:0 0 22px; color:var(--gray); font-size:14px; }
.auth__alt { margin:16px 0 0; text-align:center; font-size:14px; }
.auth__help { margin:0; color:var(--muted); font-size:13px; text-align:center; }
.auth__card .error, .auth__card .ok { margin-bottom:18px; }
.auth__card .btn--block + .btn--block { margin-top:10px; }
@media (max-width:1023px) {
	.auth { grid-template-columns:1fr; grid-template-rows:auto 1fr; }
	.auth__aside { gap:0; padding:20px 24px; }
	.auth__pitch, .auth__scene { display:none; }
	.auth__main { justify-content:flex-start; padding:32px 16px 40px; }
}
@media (max-width:480px) {
	.auth__card { padding:26px 20px 22px; border-radius:20px; }
	.auth__h1 { font-size:23px; }
}

.paywall { max-width:980px; }
.paywall__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin-top:18px; align-items:start; }
.paywall__grid .card + .card { margin-top:0; }
.paywall__plan { margin:0; color:var(--gray); font-size:14px; font-weight:600; }
.paywall__price { margin:4px 0 16px; font-size:34px; line-height:1.1; font-weight:800; letter-spacing:-.02em; }
.paywall__price span { color:var(--gray); font-size:15px; font-weight:600; letter-spacing:0; }
.paywall .checks { margin-bottom:20px; }
.paywall .status { margin-bottom:0; }
@media (max-width:767px) { .paywall__grid { grid-template-columns:1fr; } .paywall__price { font-size:30px; } }

.choices { display:grid; gap:8px; margin:0 0 16px; padding:0; border:0; }
.choices legend { margin-bottom:8px; padding:0; font-size:13px; font-weight:700; color:#33403F; }
.choice { display:flex; align-items:center; gap:10px; padding:11px 14px; border:1px solid var(--line); border-radius:12px; font-size:14px; cursor:pointer; transition:border-color .2s ease, background .2s ease; }
.choice:hover { border-color:var(--green-line); }
.choice:has(input:checked) { border-color:var(--green); background:var(--green-soft); }
.choice input { width:18px; height:18px; margin:0; accent-color:var(--green); }

.back:hover { color:var(--green-dark); text-decoration:none; }
@media (max-width:640px) {
	.lk-top { padding:10px 16px; }
	.lk-top__email { display:none; }
	.brand { font-size:17px; }
	.brand__mark { width:30px; height:30px; }
	.page-head h1 { font-size:24px; }
}

.account { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; align-items:start; max-width:1320px; margin:0 auto; padding:32px 24px 64px; }
.account__sidebar { position:sticky; top:88px; display:flex; flex-direction:column; gap:16px; }
.account__content { display:flex; flex-direction:column; gap:16px; min-width:0; }
.account__content > .page-head, .account__content > .stat-head { margin-bottom:4px; }
.account__content .card + .card { margin-top:0; }
.account__content .card, .account-card { border-radius:18px; padding:22px 24px; box-shadow:0 2px 12px rgba(11,59,51,.04); }
.account-card { background:#fff; border:1px solid var(--line); }
.account-card__title { margin:0 0 14px; font-size:18px; font-weight:700; line-height:1.3; }
.account-userbox { display:flex; align-items:center; gap:14px; padding:18px; }
.account-userbox__avatar { display:inline-flex; flex:0 0 48px; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--gradient); color:#fff; font-size:17px; font-weight:700; }
.account-userbox__info { display:flex; flex-direction:column; gap:3px; min-width:0; }
.account-userbox__name { overflow:hidden; font-size:14px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.account-userbox__mail { overflow:hidden; color:var(--gray); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.account-nav { padding:10px; }
.account-nav__title { margin:6px 8px 8px; overflow:hidden; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.04em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.account-nav ul { display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; }
.account-nav a { display:block; padding:12px 16px; border-radius:12px; color:var(--dark); font-size:14px; font-weight:600; transition:background .15s ease, color .15s ease; }
.account-nav a:hover { background:var(--green-soft); color:var(--green-dark); text-decoration:none; }
.account-nav li.is-active a { background:var(--gradient); color:#fff; }
.account .projects { border-radius:18px; }
.account .paywall { max-width:none; }
.account .settings { max-width:none; }
@media (max-width:1279px) {
	.account .project { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"head actions" "meta actions"; align-items:start; }
	.account .kpi { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); }
}
@media (max-width:1023px) {
	.account { grid-template-columns:minmax(0,1fr); padding:24px 16px 48px; }
	.account__sidebar { position:static; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
	.account__sidebar .account-nav:last-child:nth-child(3) { grid-column:1 / -1; }
	.account-nav ul { flex-direction:row; flex-wrap:wrap; }
	.account-nav a { padding:9px 14px; }
}
@media (max-width:767px) {
	.account__sidebar { grid-template-columns:minmax(0,1fr); }
	.account .project { grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "meta" "actions"; }
	.account__content .card, .account-card { padding:18px 16px; }
}
.account__content .card { min-width:0; }
.table-wrap { max-width:100%; overflow-x:auto; }
.u-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.help-open { display:inline-grid; place-items:center; width:28px; height:28px; margin-left:10px; padding:0; border:1px solid var(--green-line); border-radius:50%; background:#fff; color:var(--green-dark); font:700 15px/1 inherit; vertical-align:middle; cursor:pointer; }
.help-open:hover, .help-open:focus-visible, .help-open[aria-expanded="true"] { border-color:var(--green-dark); background:var(--green-dark); color:#fff; }
.help-open:focus-visible, .tip__button:focus-visible, .help__close:focus-visible { outline:2px solid var(--brand-600); outline-offset:2px; }
.help { position:fixed; z-index:1000; top:0; right:0; bottom:0; display:flex; flex-direction:column; width:min(440px,100%); border-left:1px solid var(--line); background:#fff; color:var(--dark); box-shadow:-18px 0 40px -20px rgba(11,59,51,.35); animation:help-in .18s ease-out; }
.help[hidden] { display:none; }
@keyframes help-in { from { transform:translateX(24px); opacity:0; } }
.help__head, .help__foot { display:flex; flex:none; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); }
.help__foot { border-top:1px solid var(--line); border-bottom:0; }
.help__title { flex:1; margin:0; font-size:19px; line-height:1.3; }
.help__close { display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; border-radius:50%; background:var(--page); color:inherit; cursor:pointer; }
.help__body { flex:1; overflow-y:auto; overscroll-behavior:contain; padding:16px 20px 24px; font-size:14px; line-height:1.55; }
.help__summary { margin:0 0 14px; font-size:15px; }
.help__blocks { margin:0; }
.help__block { margin-top:12px; }
.help__blocks dt { font-weight:700; }
.help__blocks dd { margin:2px 0 0; color:var(--gray); }
.help__subtitle { margin:20px 0 8px; font-size:15px; }
.help__steps { margin:0; padding-left:20px; }
.help__steps li { margin-bottom:6px; }
.help__faq { border-bottom:1px solid var(--line); }
.help__faq summary { padding:11px 0; font-weight:600; cursor:pointer; }
.help__faq p { margin:0 0 12px; }
.tip { position:relative; display:inline-block; vertical-align:middle; }
.tip__button { display:inline-grid; place-items:center; width:18px; height:18px; margin-left:6px; padding:0; border:1px solid currentColor; border-radius:50%; background:transparent; color:var(--muted); font:700 11px/1 inherit; text-transform:none; letter-spacing:0; cursor:pointer; }
.tip__button:hover, .tip__button[aria-expanded="true"] { border-color:var(--green-dark); background:var(--green-dark); color:#fff; }
.tip__text { position:absolute; z-index:900; top:calc(100% + 8px); left:50%; width:max-content; max-width:280px; padding:10px 12px; border-radius:10px; background:var(--brand-900); color:#fff; box-shadow:0 10px 26px -12px rgba(11,59,51,.5); font-size:13px; font-weight:400; line-height:1.45; letter-spacing:0; text-align:left; text-transform:none; white-space:normal; transform:translateX(-50%); }
.tip__text[hidden] { display:none; }
.tip:hover .tip__text, .tip__text:not([hidden]) { display:block; }
.tip.is-dismissed .tip__text[hidden] { display:none; }
.guide-search { display:flex; align-items:center; gap:12px; max-width:560px; }
.guide-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin:0; padding:0; list-style:none; counter-reset:guide; }
.guide-card { display:flex; }
.guide-card a { display:grid; flex:1; align-content:start; gap:6px; padding:16px; border:1px solid var(--line); border-radius:14px; color:inherit; counter-increment:guide; }
.guide-card a::before { content:counter(guide); display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--gradient); color:#fff; font-weight:700; }
.guide-card a:hover, .guide-card a:focus-visible { border-color:var(--green); text-decoration:none; }
.guide-card span { color:var(--gray); font-size:14px; line-height:1.5; }
.guide-toc { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.guide-toc ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.guide-toc a { display:block; padding:8px 14px; border:1px solid var(--line); border-radius:999px; color:var(--dark); font-size:14px; font-weight:600; }
.guide-toc a:hover, .guide-toc a:focus-visible { border-color:var(--green); color:var(--green-dark); text-decoration:none; }
.guide-content { display:flex; flex-direction:column; gap:16px; }
.guide-section { font-size:15px; line-height:1.55; scroll-margin-top:96px; }
.guide-section .help__blocks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.guide-empty { margin:0; padding:16px; border-radius:14px; background:var(--green-soft); }
.tour-shade { position:fixed; z-index:1100; border-radius:14px; box-shadow:0 0 0 4px var(--brand-500), 0 0 0 200vmax rgba(8,30,26,.55); pointer-events:none; }
.tour-shade--full { inset:0; border-radius:0; background:rgba(8,30,26,.55); box-shadow:none; }
.tour { position:fixed; z-index:1110; width:min(340px,calc(100vw - 24px)); padding:18px 20px 16px; border-radius:16px; background:#fff; color:var(--dark); box-shadow:0 18px 46px -16px rgba(8,30,26,.55); }
.tour:focus { outline:none; }
.tour__count { margin:0 0 4px; color:var(--muted); font-size:12px; }
.tour__title { margin:0 0 6px; font-size:17px; }
.tour__text { margin:0 0 14px; font-size:14px; line-height:1.5; }
.tour__actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.tour__nav { display:flex; gap:8px; }
.tour__nav [hidden] { display:none; }
.tour__skip { padding:0; border:0; background:none; color:var(--green-dark); font:inherit; text-decoration:underline; cursor:pointer; }
@media (max-width:767px) {
	.help { top:auto; max-height:86vh; max-height:86dvh; width:100%; border-left:0; border-radius:18px 18px 0 0; }
	.guide-section .help__blocks { grid-template-columns:minmax(0,1fr); }
	.tip__text { max-width:min(280px,calc(100vw - 32px)); }
}

.invoice { margin-top:14px; }
.invoice__toggle { display:inline-flex; list-style:none; cursor:pointer; }
.invoice__toggle::-webkit-details-marker { display:none; }
.invoice[open] > .invoice__toggle { margin-bottom:14px; }
.invoice__form { max-width:460px; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--page); }
.invoice .invoice__range input[type="range"] { width:100%; min-height:0; height:6px; padding:0; border:0; box-shadow:none; margin:12px 0 4px; border-radius:999px; background:linear-gradient(to right, var(--green) var(--invoice-fill, 0%), var(--line) var(--invoice-fill, 0%)); appearance:none; -webkit-appearance:none; cursor:pointer; }
.invoice__range input[type="range"]::-webkit-slider-thumb { width:22px; height:22px; border:3px solid #fff; border-radius:50%; background:var(--green); box-shadow:0 1px 4px rgb(0 0 0 / .25); -webkit-appearance:none; appearance:none; }
.invoice__range input[type="range"]::-moz-range-thumb { width:16px; height:16px; border:3px solid #fff; border-radius:50%; background:var(--green); box-shadow:0 1px 4px rgb(0 0 0 / .25); }
.invoice__months { font-weight:700; }
.invoice__total { margin:0 0 14px; font-size:15px; }
.invoice__total output { font-weight:700; }