:root{--ink:#14122b;--paper:#f6f4ff;--star:#ffc21a;--sky:#2aabee;--line:#e0dbf4;--ok:#12a150;--bad:#d92d4b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Manrope,system-ui,sans-serif}
h1,h2,h3,.logo{font-family:Unbounded,sans-serif;letter-spacing:-.02em;margin:0 0 .5em}
a{color:inherit}main{max-width:1040px;margin:0 auto;padding:24px 18px 60px}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--ink);color:#fff;flex-wrap:wrap;gap:10px}
.logo{font-size:1.4rem;text-decoration:none;font-weight:800}.logo b{color:var(--star)}
.top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.top a{text-decoration:none;font-weight:500}
.bal{background:var(--star);color:var(--ink);padding:4px 12px;border-radius:99px;font-weight:700}
.btn,button{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:12px 20px;font:700 1rem Manrope;cursor:pointer;text-decoration:none;display:inline-block}
.btn.sm{padding:8px 14px;background:var(--star);color:var(--ink)}button.alt,.btn.alt{background:var(--star);color:var(--ink)}button.red{background:var(--bad)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:36px 0}
.hero h1{font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.12}.hero p{max-width:46ch}
.card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:22px;box-shadow:6px 6px 0 var(--ink)}
.calc output{display:block;font:700 2rem Unbounded;margin:10px 0}
label{display:block;font-weight:700;margin:12px 0 6px}
input,select,textarea{width:100%;padding:12px;border:2px solid var(--line);border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:22px 0}
.note{background:#fff7d6;border:2px solid var(--star);padding:12px 16px;border-radius:10px;margin-bottom:18px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:.92rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#ece8fb}
.wrap{overflow-x:auto}.tag{padding:2px 10px;border-radius:99px;font-weight:700;font-size:.8rem;background:var(--line)}
.done,.approved{background:#d6f5e3;color:var(--ok)}.failed,.rejected{background:#fde0e6;color:var(--bad)}.review,.pending{background:#fff0c2}
pre{background:var(--ink);color:#fff;padding:14px;border-radius:10px;overflow:auto;font-size:.85rem}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:8px 14px;border:2px solid var(--ink);border-radius:99px;text-decoration:none;font-weight:700}.tabs a.on{background:var(--ink);color:#fff}
footer{text-align:center;padding:26px;color:#6b6890}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
@media(max-width:760px){.hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.btn,button{transition:transform .12s}.btn:hover,button:hover{transform:translateY(-2px)}}
.top{position:sticky;top:0;z-index:30}.burger{background:transparent;padding:8px;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.burger span{display:block;height:3px;background:#fff;border-radius:2px}
.ov{position:fixed;inset:0;background:rgba(20,18,43,.55);opacity:0;pointer-events:none;z-index:40;transition:opacity .2s}.ov.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(300px,84vw);background:#fff;border-right:2px solid var(--ink);z-index:50;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility 0s .2s;overflow-y:auto}
.drawer.open{transform:none;visibility:visible;transition:transform .2s}.dh{padding:22px 20px;background:var(--ink);color:var(--star);font:700 1.05rem Unbounded}
.drawer nav a{display:block;padding:14px 20px;text-decoration:none;font-weight:700;border-bottom:1px solid var(--line)}.drawer nav a.on{background:var(--star)}.drawer nav a:hover{background:var(--paper)}
body.lock{overflow:hidden}
.who{display:flex;gap:12px;align-items:center;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px}
.who img{width:44px;height:44px;border-radius:50%;object-fit:cover}.who[hidden]{display:none}
.seg{display:flex;gap:8px;margin:8px 0}.seg label{flex:1;margin:0;border:2px solid var(--ink);border-radius:10px;padding:10px;text-align:center;cursor:pointer}
.seg input{display:none}.seg input:checked+span{font-weight:800}.seg label:has(input:checked){background:var(--star)}
.pay b.big{font:700 1.6rem Unbounded;display:block}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:0}
button.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}details summary{cursor:pointer;font-weight:700}
.docs h3{margin-top:1.6em}.docs code{background:#ece8fb;padding:1px 6px;border-radius:5px}.docs pre code{background:none;padding:0}
.lang{display:flex;gap:8px;padding:16px 20px}.lang a{padding:6px 12px;border:2px solid var(--ink);border-radius:99px;text-decoration:none;font-weight:800}.lang a.on{background:var(--ink);color:#fff}
.gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:16px 0}
.gift{margin:0;border:2px solid var(--line);border-radius:14px;padding:12px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;background:#fff}
.gift input{display:none}.gift .e{font-size:2.2rem}.gift:has(input:checked){border-color:var(--ink);background:#fff7d6;box-shadow:3px 3px 0 var(--ink)}

/* ---- v4: logo, bell, banners, home, footer, admin stats ---- */
.logo{display:flex;align-items:center;gap:9px}.logo img{display:block;border-radius:8px}
.hr{display:flex;align-items:center;gap:10px}
.bellw{position:relative}.bell{background:transparent;color:#fff;padding:8px;width:42px;height:42px;border-radius:50%;position:relative;display:grid;place-items:center}
.bell:hover{background:rgba(255,255,255,.12)}.bdg{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--bad);color:#fff;font:700 .7rem/19px Manrope;text-align:center;font-style:normal;border:2px solid var(--ink);box-sizing:content-box}
.bpanel{position:absolute;right:-60px;top:50px;width:min(360px,calc(100vw - 24px));background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);z-index:60;overflow:hidden}
.bpanel[hidden]{display:none}.bh{padding:12px 16px;background:var(--star);font-family:Unbounded,sans-serif}
.bl,.nlist{list-style:none;margin:0;padding:0}.bl{max-height:min(60vh,420px);overflow-y:auto}
.bl li a,.bl li div,.nlist li a,.nlist li div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;text-decoration:none;border-bottom:1px solid var(--line)}
.bl li a:hover{background:var(--paper)}.bl li span,.nlist li span{font-size:.9rem;color:#4a4670}.bl small,.nlist small{color:#8a86ad;font-size:.78rem}
.bl li.unread,.nlist li.unread{background:#fff7d6}.bempty{padding:22px 16px;margin:0;color:#6b6890;text-align:center}.ball{display:block;text-align:center;padding:11px;font-weight:700;text-decoration:none;background:var(--paper)}
.nlist{background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:5px 5px 0 var(--ink)}
.toast{position:fixed;top:72px;right:14px;max-width:min(340px,calc(100vw - 28px));background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;z-index:70;text-decoration:none;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s}
.toast.on{transform:none;opacity:1;pointer-events:auto}.toast b{color:var(--star)}.toast span{font-size:.9rem}
.ads{position:relative;margin:0 0 22px}.ads-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);background:#fff}
.ads-track::-webkit-scrollbar{display:none}.ad{flex:0 0 100%;scroll-snap-align:start}.ad a,.ad img{display:block;width:100%}.ad img{aspect-ratio:3/1;object-fit:cover;height:auto}
.ads-dots{display:flex;gap:7px;justify-content:center;margin-top:12px}.ads-dots i{width:9px;height:9px;border-radius:50%;background:var(--line);cursor:pointer}.ads-dots i.on{background:var(--ink)}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:8px 0 34px}.svc .card h3{font-size:1.05rem}
.faq{max-width:760px;margin:10px auto 0}.faq details{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px 18px;margin-bottom:10px}.faq p{margin:.6em 0 0}
footer{line-height:2}.fl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}.fl a{text-decoration:none;font-weight:700;color:var(--ink)}.fl a:hover{text-decoration:underline}
.prose{max-width:780px}.prose h2{margin-top:1.4em;font-size:1.25rem}.prose p,.prose li{line-height:1.7}.cta-tg{display:inline-flex;align-items:center;gap:10px}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:18px 0}
.bars{display:flex;align-items:flex-end;gap:5px;height:130px;margin-top:10px}.bars div{flex:1;background:var(--star);border:2px solid var(--ink);border-radius:6px 6px 0 0;min-height:3px;position:relative}
.bars div.b2{background:var(--sky)}.bl2{display:flex;gap:5px;font-size:.7rem;color:#6b6890}.bl2 span{flex:1;text-align:center;overflow:hidden}
.kpi{font:700 1.5rem Unbounded,sans-serif;display:block;margin:.2em 0}.mut{color:#6b6890;font-size:.85rem}
.adm-ban{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.adm-ban img{width:210px;max-width:100%;aspect-ratio:3/1;object-fit:cover;border:2px solid var(--line);border-radius:10px}
@media(max-width:560px){.bpanel{position:fixed;left:12px;right:12px;top:64px;width:auto}.logo{font-size:1.15rem}.top{padding:10px 12px}}