:root{--bg-base: #040706;--bg-elev: #0b1411;--bg-card: #0f1f1a;--bg-card-2: #132720;--accent: #2cc78f;--accent-soft: #1b7f60;--accent-deep: #114f3d;--text-main: #eef7f3;--text-muted: #9ab5ab;--border-soft: rgba(75, 160, 126, .35);--shadow: 0 24px 44px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif;background:radial-gradient(70vw 55vh at 90% -10%,rgba(44,199,143,.2),transparent 70%),radial-gradient(75vw 55vh at -10% -20%,rgba(17,79,61,.5),transparent 75%),var(--bg-base);color:var(--text-main)}.app-shell{position:relative;min-height:100vh;max-width:640px;margin:0 auto;padding:22px 16px 106px}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#1c7a5c33,#04070600 38%);z-index:-1}.header-card{background:linear-gradient(140deg,#0e231ce6,#0b1411eb);border:1px solid var(--border-soft);border-radius:20px;padding:16px;box-shadow:var(--shadow);animation:slide-in .45s ease}.brand-kicker{margin:0;color:var(--accent);font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase}.header-card h1{margin:8px 0 6px;font-size:24px;line-height:1.2}.brand-subtitle{margin:0;color:var(--text-muted);font-size:14px}.main-content{margin-top:14px;display:grid;gap:12px}.primary-panel{background:linear-gradient(145deg,#132720eb,#0e1a16f2);border:1px solid rgba(68,153,122,.34);border-radius:18px;padding:16px;animation:slide-in .5s ease}.primary-panel h2{margin:0;font-size:20px}.primary-panel p{margin:10px 0 14px;color:var(--text-muted);font-size:14px}.accent-btn{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#249e72);color:#052217;font-family:inherit;font-weight:800;font-size:14px;padding:10px 14px;cursor:pointer;transition:transform .15s ease,filter .15s ease}.accent-btn:active{transform:translateY(1px) scale(.99);filter:brightness(.96)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{background:linear-gradient(150deg,#0a1a15fa,#0b1411f2);border:1px solid rgba(62,138,111,.26);border-radius:14px;padding:12px 10px;animation:slide-in .55s ease}.stat-card span{display:block;color:var(--text-muted);font-size:11px}.stat-card strong{display:block;margin-top:8px;font-size:19px}.stat-card .ok{color:var(--accent)}.bottom-tabs{position:fixed;right:0;left:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:10px 10px max(12px,env(safe-area-inset-bottom));max-width:640px;margin:0 auto;background:linear-gradient(180deg,#080c0bcc,#080c0bfa);border-top:1px solid rgba(75,160,126,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tab-btn{border:0;border-radius:12px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;padding:8px 6px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:color .2s ease,background-color .2s ease}.tab-btn.active{color:var(--text-main);background:linear-gradient(145deg,#1859446b,#143a2f6b)}.tab-icon{width:21px;height:21px}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 460px){.header-card h1{font-size:20px}.stats-grid{grid-template-columns:1fr}}