:root{
    --bg:#f6f8fb;
    --card:#ffffff;
    --text:#14213d;
    --muted:#6b7280;
    --line:#e5e7eb;
    --primary:#16a34a;
    --primary-dark:#15803d;
    --soft:#ecfdf5;
    --danger:#ef4444;
    --warning:#f59e0b;
    --blue:#2563eb;
    --shadow:0 18px 45px rgba(15,23,42,.08);
    --radius:24px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.muted{color:var(--muted)}
.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.logo{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(22,163,74,.25)}.nav{display:flex;align-items:center;gap:12px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.sidebar{padding:24px 18px;border-right:1px solid var(--line);background:#fff}.sidebar a{display:block;padding:13px 16px;margin-bottom:8px;border-radius:16px;color:#374151;font-weight:650}.sidebar a:hover,.sidebar a.active{background:var(--soft);color:var(--primary-dark)}.main{padding:30px;max-width:1320px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h1{font-size:34px;line-height:1.1;margin:5px 0 8px}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);font-weight:800}.btn{border:0;border-radius:16px;background:var(--primary);color:#fff;padding:12px 18px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px rgba(22,163,74,.2)}.btn:hover{background:var(--primary-dark)}.btn.small{padding:8px 12px;border-radius:12px}.btn-soft,.btn:disabled{background:#eef2f7;color:#374151;box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.75}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h3{margin:0 0 10px}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mt{margin-top:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.score-hero{background:linear-gradient(135deg,#052e16,#166534);color:#fff;border-radius:30px;padding:28px;display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;box-shadow:0 20px 50px rgba(22,101,52,.22);margin-bottom:22px}.score-hero p{color:rgba(255,255,255,.82)}.compact-hero{grid-template-columns:150px 1fr}.score-ring{width:158px;height:158px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:10px solid rgba(255,255,255,.2);margin:auto}.score-ring span{font-size:42px;font-weight:900}.score-ring small{color:rgba(255,255,255,.78)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-card{padding:14px;border-radius:18px;background:#fff;color:var(--text);border:1px solid var(--line)}.score-hero .mini-card{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff}.mini-card b{display:block;font-size:24px}.mini-card span{font-size:13px;color:var(--muted)}.score-hero .mini-card span{color:rgba(255,255,255,.72)}.mini-card.good b{color:#22c55e}.mini-card.bad b{color:#ef4444}.mini-card.fix b{color:#f59e0b}.mini-card.share b{color:#60a5fa}.root-card .bar,.tree-node .bar{height:9px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:14px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:999px}.card-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-stats span{font-size:12px;padding:6px 9px;background:#f8fafc;border:1px solid var(--line);border-radius:999px;color:#475569}.pill{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#f8fafc;color:#475569;font-weight:750}.pill.done{background:var(--soft);color:var(--primary-dark);border-color:#bbf7d0}.action-list{display:grid;gap:12px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fbfdff}.action-row small{display:block;color:var(--muted);margin-top:4px}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.summary-strip div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.summary-strip b{display:block;font-size:24px}.summary-strip span{font-size:13px;color:var(--muted)}.filters{margin-bottom:20px}.filter-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.filter-form label{display:grid;gap:7px;font-weight:700;color:#334155}.filter-form select,.note-input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;color:var(--text)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.action-card{display:flex;flex-direction:column;gap:10px}.badge{font-size:12px;font-weight:800;border-radius:999px;padding:7px 10px;background:#f1f5f9;color:#334155}.badge.yaxshi-amal{background:var(--soft);color:var(--primary-dark)}.badge.xato{background:#fef2f2;color:#b91c1c}.badge.tuzatish{background:#fffbeb;color:#b45309}.badge.targib{background:#eff6ff;color:#1d4ed8}.points{font-weight:900}.limit-line{font-size:13px;color:var(--muted)}.log-form{display:grid;gap:10px;margin-top:auto}.period-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.period-tabs a{padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#475569;font-weight:750}.period-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tree-grid{display:grid;grid-template-columns:1fr;gap:20px}.tree-root{padding:16px}.tree-node{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff;margin:10px 0}.tree-node.depth-0{background:linear-gradient(180deg,#ffffff,#f8fafc);border-color:#dbeafe}.tree-node.depth-1{margin-left:12px}.tree-node.depth-2,.tree-node.depth-3{margin-left:20px;background:#fbfdff}.tree-node-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tree-node h3,.tree-node h4,.tree-node h5{margin:0 0 4px}.tree-node small{color:var(--muted)}.tree-children{margin-top:12px}.rating-card{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line)}.table th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table tr.me{background:var(--soft)}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:18px;padding:14px 16px;margin-bottom:16px}.empty{color:var(--muted);text-align:center}.advice-card{background:linear-gradient(135deg,#ffffff,#f0fdf4)}
.hero{padding:72px 30px;background:linear-gradient(135deg,#052e16,#166534);color:#fff}.hero-inner{max-width:1100px;margin:0 auto}.hero h1{font-size:52px;line-height:1.05;margin:12px 0}.hero p{font-size:20px;color:rgba(255,255,255,.82);max-width:850px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.public-section{max-width:1100px;margin:0 auto;padding:50px 30px}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.public-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.sidebar a{white-space:nowrap;margin:0}.main{padding:20px}.grid-2,.grid-3,.action-grid,.public-grid{grid-template-columns:1fr}.score-hero{grid-template-columns:1fr}.mini-grid,.summary-strip{grid-template-columns:repeat(2,1fr)}.filter-form{grid-template-columns:1fr}.page-head{flex-direction:column}.topbar{padding:0 16px}.nav .muted{display:none}}
@media(max-width:560px){.mini-grid,.summary-strip{grid-template-columns:1fr}.hero h1{font-size:36px}.hero{padding:48px 20px}.main{padding:16px}.card{padding:17px}.score-hero{padding:20px;border-radius:22px}.score-ring{width:132px;height:132px}.tree-node.depth-1,.tree-node.depth-2,.tree-node.depth-3{margin-left:0}}

/* MVP 0.4 */
.notice{background:#fff8e7;border:1px solid rgba(180,120,0,.18);padding:14px 16px;border-radius:18px;margin:0 0 18px;color:#5b4600}
.life-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}
.life-profile-card label{display:block;font-weight:700;margin:12px 0 6px;color:#1d2b25}
.life-profile-card textarea,.life-profile-card input,.life-profile-card select,.admin-form-grid input,.admin-form-grid select{width:100%;border:1px solid rgba(20,40,30,.15);border-radius:14px;padding:11px 12px;background:#fff;font:inherit}
.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(20,40,30,.12);text-decoration:none;color:#1f3429}.tabs a.active{background:#12382b;color:#fff}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}.score-row,.log-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(20,40,30,.08)}.log-line small{display:block;color:#78857f;margin-top:3px}.ai-card{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#133c2d,#1b6b4d);color:#fff;border-radius:26px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(19,60,45,.18)}.ai-card p{color:rgba(255,255,255,.82)}.ai-icon{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-weight:900}.plan-list li{margin:10px 0}.copy-box{padding:14px;border:1px dashed rgba(20,40,30,.25);border-radius:16px;background:#f7faf8;word-break:break-all;font-weight:700}.table-card{background:#fff;border-radius:20px;box-shadow:0 10px 35px rgba(12,35,26,.08);overflow:auto;margin-top:18px}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:12px 14px;border-bottom:1px solid rgba(20,40,30,.08);text-align:left;white-space:nowrap}.table-card th{background:#f6faf7;font-size:.88rem;color:#5d6b64}.admin-form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .6fr .6fr .6fr auto;gap:10px;align-items:end}.check{display:flex;gap:8px;align-items:center;font-weight:700}.admin-link-card{text-decoration:none;color:inherit}.admin-link-card:hover{transform:translateY(-2px)}
@media(max-width:800px){.form-row,.admin-form-grid{grid-template-columns:1fr}.topbar .nav{gap:6px}.topbar .nav .muted{display:none}}

/* MVP 0.5 — Stable Telegram Login */
.login-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:start;margin:48px 0}
.login-card h1{font-size:34px;line-height:1.15;margin:14px 0 10px}
.telegram-widget-box{display:flex;align-items:center;justify-content:center;padding:24px;border:1px dashed rgba(15,23,42,.18);border-radius:20px;background:linear-gradient(180deg,#f8fafc,#ffffff);margin:18px 0}
.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px;margin:16px 0;color:#7c2d12}
.login-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.clean-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.clean-list li{padding:10px 12px;border-radius:14px;background:#f8fafc}
.warning-card{border-color:#fed7aa;background:#fff7ed}.success-card{border-color:#bbf7d0;background:#f0fdf4}.profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}.profile-meta>div{background:#f8fafc;border-radius:14px;padding:10px 12px}
@media(max-width:820px){.login-panel{grid-template-columns:1fr}.profile-meta{grid-template-columns:1fr}}

/* MVP 0.6 — OpenAI AI Hayot Murabbiy */
.alert{border-radius:18px;padding:14px 16px;margin:0 0 18px;border:1px solid var(--line);background:#fff;color:var(--text)}
.alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.alert.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.alert.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ai-card-wide{align-items:flex-start}
.ai-text{line-height:1.75;color:rgba(255,255,255,.92);font-size:16px;white-space:normal}
.small{font-size:13px}
code{background:rgba(15,23,42,.06);padding:2px 6px;border-radius:7px}

/* MVP 0.7 — AI Hayot Murabbiy Local Pro */
.ai-pro-grid{margin-top:18px}
.ai-pro-card{position:relative;overflow:hidden}
.big-plan{counter-reset:step;list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}
.big-plan li{position:relative;padding:14px 14px 14px 54px;border:1px solid var(--line);border-radius:18px;background:#f8fafc;font-weight:700;line-height:1.45}
.big-plan li:before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.habit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.habit-card{padding:15px;border:1px solid #bbf7d0;background:#f0fdf4;color:#14532d;border-radius:18px;font-weight:700;line-height:1.45}
.category-advice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.category-advice-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px}
.category-advice-card .cat-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.category-advice-card .cat-head span{font-size:12px;font-weight:900;border-radius:999px;padding:6px 9px;background:#eef2ff;color:#3730a3}
.category-advice-card p{margin:0;color:#64748b;line-height:1.5}
.ai-pro-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.ai-pro-mini span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#475569;font-weight:700;font-size:12px}
@media(max-width:720px){.big-plan li{padding-left:48px}.category-advice-grid,.habit-grid{grid-template-columns:1fr}}

/* MVP 0.9 Payments */
.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.price{font-size:28px;font-weight:800;margin:8px 0;color:#0f172a}
.stack-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.stack-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#334155;font-weight:600}
.stack-form input,.stack-form textarea,.admin-form input,.admin-form textarea,table input,table textarea{width:100%;border:1px solid #dbe3ef;border-radius:12px;padding:10px;background:#fff;color:#0f172a}
.payment-box{display:flex;flex-direction:column;gap:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;margin:12px 0}
.small-pre{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;white-space:pre-wrap;font-size:12px;color:#475569}
.status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155}
.status-pending{background:#fef3c7;color:#92400e}.status-paid{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-refunded{background:#e0e7ff;color:#3730a3}
.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-actions input{min-width:180px}.span-3{grid-column:1/-1}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.check input{width:auto!important}
@media(max-width:900px){.inline-actions{flex-direction:column;align-items:stretch}.inline-actions input{min-width:0}.price{font-size:22px}}


/* MVP 1.1 — Premium Dashboard + Onboarding */
.premium-hero{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#052e16,#14532d 52%,#16a34a);color:#fff;padding:34px;display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;box-shadow:0 24px 70px rgba(5,46,22,.22);margin-bottom:22px}.premium-hero-bg{position:absolute;inset:-80px -40px auto auto;width:380px;height:380px;border-radius:999px;background:rgba(255,255,255,.10);filter:blur(2px)}.premium-hero-content{position:relative;z-index:1}.premium-hero h1{font-size:42px;line-height:1.05;margin:8px 0 12px}.premium-hero p{max-width:720px;color:rgba(255,255,255,.82);font-size:17px}.premium-score-card{position:relative;z-index:1;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:20px;text-align:center;backdrop-filter:blur(14px)}.progress-circle{--p:0;width:160px;height:160px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:conic-gradient(#fbbf24 calc(var(--p)*1%),rgba(255,255,255,.18) 0);position:relative}.progress-circle:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#14532d}.progress-circle span,.progress-circle small{position:relative;z-index:1;display:block}.progress-circle span{font-size:38px;font-weight:900}.progress-circle small{font-size:13px;color:rgba(255,255,255,.75);margin-top:42px;position:absolute}.btn-light{background:#fff;color:#14532d;box-shadow:none}.btn-light:hover{background:#f0fdf4;color:#14532d}.btn-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:none}.premium-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.premium-notice a{font-weight:800;text-decoration:underline}.premium-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;top:-30px;width:92px;height:92px;border-radius:50%;opacity:.14}.metric-card.good:after{background:#22c55e}.metric-card.bad:after{background:#ef4444}.metric-card.fix:after{background:#f59e0b}.metric-card.streak:after{background:#2563eb}.metric-card span{color:var(--muted);font-weight:750}.metric-card b{display:block;font-size:32px;margin:8px 0}.metric-card small{color:var(--muted)}.premium-panel{min-height:280px}.balance-bars{display:grid;gap:14px;margin-top:18px}.balance-bars div{position:relative;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px 14px;overflow:hidden}.balance-bars span,.balance-bars b{position:relative;z-index:2}.balance-bars b{float:right}.balance-bars i{position:absolute;left:0;bottom:0;height:5px;background:#22c55e;border-radius:999px}.balance-bars i.red{background:#ef4444}.balance-bars i.amber{background:#f59e0b}.balance-bars i.blue{background:#2563eb}.signal{padding:14px 16px;border-radius:16px;margin:12px 0;border:1px solid var(--line)}.signal.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.signal.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.soft-text{color:var(--muted);margin-top:12px}.premium-root{transition:.18s transform,.18s box-shadow}.premium-root:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.12)}.premium-action-row{background:linear-gradient(180deg,#fff,#f8fafc)}.focus-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.focus-list span{padding:10px 13px;border-radius:999px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:800}.empty-state{border:1px dashed var(--line);border-radius:20px;padding:22px;text-align:center;background:#f8fafc}.small-empty{margin-top:12px}.onboarding-hero{background:linear-gradient(135deg,#052e16,#166534);color:#fff;border-radius:32px;padding:34px;margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.onboarding-hero h1{font-size:40px;margin:8px 0}.onboarding-hero p{color:rgba(255,255,255,.82);max-width:760px}.onboarding-steps{display:flex;gap:8px;flex-wrap:wrap}.onboarding-steps span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:999px;padding:9px 12px;font-weight:800}.onboarding-steps span.active{background:#fff;color:#14532d}.onboarding-form{display:grid;gap:18px}.onboarding-card{position:relative;padding-left:74px}.step-badge{position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:14px;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-2 label,.onboarding-card label{display:grid;gap:8px;font-weight:800;color:#1f2937}.form-grid-2 input,.onboarding-card textarea,.onboarding-card input{width:100%;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.visibility-grid,.category-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.category-choice-grid{grid-template-columns:repeat(3,1fr)}.choice-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;cursor:pointer;display:grid;gap:6px}.choice-card input{width:auto}.choice-card.selected{background:#f0fdf4;border-color:#86efac;box-shadow:0 12px 30px rgba(22,163,74,.10)}.choice-card small{color:var(--muted)}.mt-sm{margin-top:14px}.onboarding-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
@media(max-width:980px){.premium-hero{grid-template-columns:1fr}.premium-metrics{grid-template-columns:repeat(2,1fr)}.visibility-grid,.category-choice-grid{grid-template-columns:repeat(2,1fr)}.onboarding-hero{display:block}.onboarding-steps{margin-top:18px}.form-grid-2{grid-template-columns:1fr}}
@media(max-width:560px){.premium-hero{padding:22px;border-radius:24px}.premium-hero h1,.onboarding-hero h1{font-size:30px}.premium-metrics,.visibility-grid,.category-choice-grid{grid-template-columns:1fr}.onboarding-card{padding-left:18px;padding-top:70px}.step-badge{left:18px;top:18px}.progress-circle{width:140px;height:140px}}

/* MVP 1.2 — Mobile UI + Telegram Mini App style */
:root{
    --tg-bg: var(--bg);
    --tg-card: var(--card);
    --tg-text: var(--text);
    --tg-muted: var(--muted);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-top: env(safe-area-inset-top, 0px);
    --vh: 1vh;
}
.brand-text{display:grid;line-height:1.05}.brand-text small{font-size:12px;color:var(--muted);font-weight:700}.user-chip{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-weight:750;color:#334155}.mobile-tabbar{display:none}.tg-webapp .topbar{padding-top:var(--safe-top)}.tg-webapp{background:var(--tg-bg);color:var(--tg-text)}.tg-webapp .card,.tg-webapp .metric-card,.tg-webapp .plan-card,.tg-webapp .public-card{background:var(--tg-card)}
.tg-main .card,.tg-main .metric-card,.tg-main .plan-card,.tg-main .action-card,.tg-main .tree-node{transition:transform .16s ease, box-shadow .16s ease}.tg-main .card:active,.tg-main .metric-card:active,.tg-main .plan-card:active,.tg-main .action-card:active,.tg-main .tree-node:active{transform:scale(.995)}
.tg-toast{position:fixed;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;z-index:9999;transition:.18s ease}.tg-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:980px){
    html,body{min-height:calc(var(--vh,1vh)*100);overscroll-behavior-y:none}.hball-app{background:linear-gradient(180deg,#f0fdf4 0,#f8fafc 180px,#f6f8fb 100%)}.topbar.mobile-topbar{height:64px;border-bottom:0;background:rgba(246,248,251,.88);box-shadow:none;padding:8px 14px;backdrop-filter:blur(20px)}.brand{font-size:18px}.logo{width:38px;height:38px;border-radius:14px}.brand-text small{font-size:11px}.nav{gap:8px}.admin-link{display:none}.logout-link{padding:9px 11px;border-radius:13px}.user-chip{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-size:13px}.app-shell.tg-shell{display:block;min-height:auto}.sidebar.tg-sidebar{display:none}.main.tg-main{padding:14px 14px calc(92px + var(--safe-bottom));max-width:760px}.page-head{margin-bottom:16px}.page-head h1{font-size:27px}.eyebrow{font-size:11px}.card,.metric-card,.plan-card,.public-card{border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.07)}.btn{min-height:44px;border-radius:15px;padding:11px 15px}.btn.small{min-height:38px}.premium-hero{margin:-2px 0 16px;padding:22px;border-radius:28px;grid-template-columns:1fr;background:linear-gradient(150deg,#052e16,#166534 70%,#22c55e)}.premium-hero h1{font-size:30px}.premium-hero p{font-size:15px}.premium-score-card{padding:16px;border-radius:24px}.progress-circle{width:132px;height:132px}.progress-circle:before{inset:10px}.progress-circle span{font-size:31px}.premium-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px}.metric-card b{font-size:26px}.grid-2,.grid-3,.action-grid,.public-grid,.habit-grid,.category-advice-grid,.life-form-grid{grid-template-columns:1fr!important;gap:14px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-row{align-items:flex-start;flex-direction:column}.action-row .btn{width:100%}.action-card{border-radius:22px}.note-input,.filter-form select,.stack-form input,.stack-form textarea,.admin-form input,.admin-form textarea{font-size:16px}.filter-form{grid-template-columns:1fr}.period-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.period-tabs a{white-space:nowrap}.table-card,.rating-card{margin-left:-4px;margin-right:-4px;border-radius:18px}.table th,.table td,.table-card th,.table-card td{padding:12px 10px;font-size:13px}.tree-node{border-radius:20px}.tree-node.depth-1,.tree-node.depth-2,.tree-node.depth-3{margin-left:0}.onboarding-hero{padding:22px;border-radius:28px}.onboarding-hero h1{font-size:30px}.onboarding-steps{gap:7px}.onboarding-steps span{padding:7px 10px;font-size:12px}.onboarding-card{padding:18px;padding-top:64px;border-radius:24px}.step-badge{left:18px;top:18px}.visibility-grid,.category-choice-grid{grid-template-columns:1fr}.choice-card{border-radius:18px}.form-grid-2{grid-template-columns:1fr}.onboarding-actions .btn{width:100%}.ai-card{border-radius:24px;padding:18px}.ai-card-wide{display:block}.ai-icon{margin-bottom:12px}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));height:66px;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 45px rgba(15,23,42,.18);backdrop-filter:blur(22px);border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:1000;padding:6px}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#64748b;border-radius:18px;min-width:0;height:54px;font-weight:800}.mobile-tab span{font-size:18px;line-height:1}.mobile-tab small{font-size:11px;line-height:1;white-space:nowrap}.mobile-tab.active{background:#dcfce7;color:#166534}.mobile-tab:active{transform:scale(.96)}
}
@media(max-width:430px){.main.tg-main{padding-left:10px;padding-right:10px}.topbar.mobile-topbar{padding-left:10px;padding-right:10px}.premium-metrics,.summary-strip,.mini-grid{grid-template-columns:1fr}.brand-text small{display:none}.user-chip{display:none}.logout-link{font-size:12px}.mobile-tabbar{left:8px;right:8px;border-radius:22px}.mobile-tab small{font-size:10px}.page-head h1{font-size:24px}.premium-hero h1{font-size:27px}.card{padding:16px}}
@media(display-mode:standalone){.mobile-tabbar{bottom:calc(12px + var(--safe-bottom))}.topbar.mobile-topbar{background:rgba(246,248,251,.94)}}

/* HBall MVP 1.4 — Targ'ib / Referral */
.targib-stats .stat-card strong { font-size: 2rem; }
.referral-card .copy-box {
    margin: 14px 0;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f0fdf4;
    border: 1px dashed #16a34a;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.hint-box {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #334155;
    line-height: 1.55;
}
.action-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.alert.success {
    padding: 14px 16px;
    margin: 14px 0;
    border-radius: 16px;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    font-weight: 700;
}
.pill.pending { background: #fef3c7; color: #92400e; }
.pill.approved, .pill.registered, .pill.activated { background: #dcfce7; color: #166534; }
.pill.rejected { background: #fee2e2; color: #991b1b; }
.inline-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inline-form input, .inline-form select { padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 10px; }
.table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; min-width: 900px; }
.admin-table th, .admin-table td { padding: 10px 12px; border-bottom: 1px solid #e5e7eb; text-align: left; vertical-align: top; }
.admin-table th { color: #64748b; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 760px) {
    .action-row { flex-direction: column; align-items: stretch; }
    .action-row .btn { width: 100%; text-align: center; }
    .referral-card .copy-box { font-size: .92rem; }
}

/* =====================================================
   HBall MVP 1.5 — Reports Pro
   ===================================================== */
.reports-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:18px}.reports-score-card{min-width:220px;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:6px}.reports-score-card small{color:#64748b;font-weight:700}.reports-score-card strong{font-size:18px}.score-big{font-size:44px;font-weight:900;line-height:1}.score-big.positive{color:#16a34a}.score-big.negative{color:#dc2626}.report-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.report-tabs a{border:1px solid #e2e8f0;background:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;color:#0f172a;font-weight:800;box-shadow:0 8px 22px rgba(15,23,42,.04)}.report-tabs a.active{background:#16a34a;border-color:#16a34a;color:#fff}.report-tabs .export-link{margin-left:auto;background:#0f172a;color:#fff;border-color:#0f172a}.report-stat-grid{margin-bottom:18px}.report-card{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.92);border-radius:24px;padding:20px;box-shadow:0 18px 60px rgba(15,23,42,.07)}.report-card h2{margin:0 0 8px;font-size:20px}.report-card p{color:#64748b}.reports-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}.reports-grid.two{grid-template-columns:1fr 1fr}.svg-chart-wrap{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:20px;padding:14px;margin:14px 0}.svg-chart-wrap svg{width:100%;height:auto;display:block}.chart-zero{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:6 6}.chart-line{stroke:#16a34a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#16a34a;stroke:#fff;stroke-width:2}.daily-bars{display:flex;align-items:end;gap:8px;min-height:110px;padding-top:8px;overflow-x:auto}.daily-bar-item{min-width:34px;display:flex;flex-direction:column;align-items:center;gap:6px}.daily-bar-track{height:82px;width:14px;background:#f1f5f9;border-radius:999px;display:flex;align-items:flex-end;overflow:hidden}.daily-bar-track span{display:block;width:100%;border-radius:999px}.daily-bar-track span.up{background:#16a34a}.daily-bar-track span.down{background:#ef4444}.daily-bar-item small{font-size:11px;color:#64748b}.insight-list{display:grid;gap:10px;margin:14px 0}.insight-item{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;padding:12px 14px;border-radius:16px;font-weight:700;line-height:1.45}.mini-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mini-summary-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;text-align:center}.mini-summary-grid strong{display:block;font-size:22px}.mini-summary-grid span{font-size:12px;color:#64748b}.category-report-list,.top-action-list,.recent-log-list{display:grid;gap:12px;margin-top:14px}.category-report-row{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}.cat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.balance-pill{font-size:12px;font-weight:900;padding:7px 10px;border-radius:999px}.balance-pill.positive{background:#dcfce7;color:#166534}.balance-pill.negative{background:#fee2e2;color:#991b1b}.stacked-bar{height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden;display:flex;margin:12px 0}.stacked-bar span.good{background:#16a34a}.stacked-bar span.bad{background:#ef4444}.stacked-bar span.fix{background:#2563eb}.cat-meta{display:flex;flex-wrap:wrap;gap:8px;color:#64748b;font-size:12px}.cat-meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px}.top-action-row,.recent-log-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:12px 14px}.top-action-row small,.recent-log-row small{display:block;color:#64748b;margin-top:4px}.top-action-row span{font-weight:900;color:#16a34a}.type-badge{font-size:12px;font-weight:900;border-radius:999px;padding:7px 10px;background:#f1f5f9;white-space:nowrap}.type-badge.yaxshi_amal{background:#dcfce7;color:#166534}.type-badge.xato{background:#fee2e2;color:#991b1b}.type-badge.tuzatish{background:#dbeafe;color:#1d4ed8}.type-badge.targib{background:#fef3c7;color:#92400e}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.compare-grid a{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;text-decoration:none;color:#0f172a}.compare-grid small{display:block;color:#64748b}.compare-grid strong{display:block;font-size:26px;margin-top:6px}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;color:#64748b;text-align:center}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-title-row h2{margin:0}.section-title-row p{margin:4px 0 0}
@media (max-width: 920px){.reports-hero{flex-direction:column}.reports-score-card{min-width:0}.reports-grid,.reports-grid.two{grid-template-columns:1fr}.report-tabs .export-link{margin-left:0}.compare-grid{grid-template-columns:repeat(2,1fr)}.cat-head{align-items:flex-start;flex-direction:column}.top-action-row,.recent-log-row{align-items:flex-start;flex-direction:column}.type-badge{white-space:normal}.mini-summary-grid{grid-template-columns:1fr}}

/* MVP 1.6 Admin Pro */
.admin-pro-grid .stat-card strong { font-size: 28px; }
.admin-pro-sections { margin-top: 18px; }
.card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.card-head h2 { margin:0; }
.timeline-list { display:grid; gap:10px; }
.timeline-item { padding:12px; border:1px solid #e5e7eb; border-radius:14px; background:#fff; }
.timeline-item strong { display:block; color:#0f172a; }
.timeline-item small { display:block; margin-top:5px; color:#64748b; line-height:1.4; }
.btn-sm { padding:7px 10px; border-radius:10px; font-size:12px; }
.admin-filter { flex-wrap:wrap; margin:0; }
.admin-filter select { min-width:220px; }
.settings-grid { display:grid; gap:12px; margin-bottom:18px; }
.setting-row { display:grid; grid-template-columns: 1fr minmax(220px, 340px); gap:16px; align-items:center; padding:14px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.setting-row span { display:grid; gap:4px; }
.setting-row small { color:#64748b; }
.setting-row input, .setting-row select { width:100%; }
.status-blocked { background:#fee2e2; color:#991b1b; }
.status-active { background:#dcfce7; color:#166534; }
@media (max-width: 760px) {
  .setting-row { grid-template-columns:1fr; }
  .admin-pro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* MVP 1.7 Premium Limits */
.premium-limit-strip{margin:18px 0;padding:18px 20px;border-radius:22px;border:1px solid rgba(22,163,74,.18);background:linear-gradient(135deg,#ecfdf5,#ffffff);display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 14px 40px rgba(15,23,42,.06)}
.premium-limit-strip b{display:block;color:#0f172a;margin-bottom:4px}.premium-limit-strip span{color:#64748b;font-size:14px}.premium-limit-strip.is-premium{background:linear-gradient(135deg,#fef3c7,#ecfdf5);border-color:rgba(245,158,11,.25)}.premium-limit-strip.is-locked{background:linear-gradient(135deg,#fff1f2,#fff);border-color:rgba(239,68,68,.25)}
.limit-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.limit-pills span,.limit-pills a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;font-size:13px;font-weight:700;text-decoration:none;color:#0f172a}.limit-pills a{color:#16a34a;border-color:rgba(22,163,74,.25)}
.premium-gate-hero{margin-bottom:18px}.status-xl{font-size:32px;font-weight:900;color:#0f172a;margin:10px 0}.status-xl.premium{color:#ca8a04}.status-xl.free{color:#64748b}.premium-plan-highlight{border:1px solid rgba(22,163,74,.22);background:linear-gradient(135deg,#fff,#ecfdf5)}
@media(max-width:760px){.premium-limit-strip{display:block;padding:16px}.limit-pills{margin-top:12px}.status-xl{font-size:26px}}

/* =====================================================
   HBall MVP 1.9 — SEO Landing + Public Pages
   ===================================================== */
.public-body{background:#f6f8fb;color:#0f172a}.public-topbar{height:74px;background:rgba(255,255,255,.94);border-bottom:1px solid #e5e7eb;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.public-nav{display:flex;align-items:center;gap:10px}.public-nav a:not(.btn){padding:9px 10px;border-radius:12px;color:#334155;font-weight:750}.public-nav a.active,.public-nav a:not(.btn):hover{background:#ecfdf5;color:#166534}.public-page{min-height:calc(100vh - 74px)}.landing-hero{max-width:1180px;margin:0 auto;padding:72px 28px 48px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);gap:28px;align-items:center}.landing-hero h1,.simple-hero h1{font-size:58px;line-height:1.02;margin:14px 0}.landing-hero p,.simple-hero p{font-size:20px;line-height:1.65;color:#475569}.public-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;font-size:13px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.landing-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.landing-trust span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px;font-weight:800;color:#334155}.landing-balance-card{background:linear-gradient(135deg,#052e16,#166534);color:#fff;border-radius:34px;padding:28px;box-shadow:0 24px 70px rgba(20,83,45,.22)}.landing-balance-card p{color:rgba(255,255,255,.78);line-height:1.5}.public-section{max-width:1180px;margin:0 auto;padding:48px 28px}.public-section.compact{padding-top:22px}.public-section h2{font-size:34px;margin:8px 0 10px}.public-section p{color:#64748b;line-height:1.7}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.public-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:24px;box-shadow:0 16px 44px rgba(15,23,42,.07)}.public-card.big{min-height:190px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.public-cta{max-width:980px;margin:30px auto 60px;padding:46px 28px;background:linear-gradient(135deg,#052e16,#166534);border-radius:34px;color:#fff;text-align:center}.public-cta h2{font-size:38px;margin:0 0 10px}.public-cta p{color:rgba(255,255,255,.8);font-size:18px}.simple-hero{max-width:980px;margin:0 auto;padding:72px 28px 32px;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 16px 44px rgba(15,23,42,.06)}.step-card b{width:42px;height:42px;background:#16a34a;color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.price-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:24px;box-shadow:0 16px 44px rgba(15,23,42,.06)}.price-card.featured{border-color:#16a34a;box-shadow:0 24px 70px rgba(22,163,74,.18)}.price{margin:16px 0}.price strong{font-size:34px}.legal-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 16px 44px rgba(15,23,42,.06);line-height:1.7}.public-footer{border-top:1px solid #e5e7eb;background:#fff;padding:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;color:#475569}.public-footer p{margin:6px 0 0}.public-footer nav{display:flex;gap:14px;flex-wrap:wrap}.public-footer a{font-weight:800;color:#166534}@media(max-width:980px){.landing-hero{grid-template-columns:1fr;padding-top:44px}.landing-hero h1,.simple-hero h1{font-size:42px}.public-grid,.two-col,.steps-grid{grid-template-columns:1fr}.public-nav a:not(.btn){display:none}.public-nav-login{display:none}.public-topbar{padding:0 14px}.public-footer{flex-direction:column}.landing-balance-card{border-radius:26px}}@media(max-width:520px){.landing-hero,.public-section,.simple-hero{padding-left:16px;padding-right:16px}.landing-hero h1,.simple-hero h1{font-size:34px}.landing-hero p,.simple-hero p{font-size:17px}.public-section h2{font-size:27px}.public-cta{margin-left:14px;margin-right:14px;border-radius:26px}.public-cta h2{font-size:28px}.public-nav-cta{padding:10px 12px}.brand-text small{display:none}}