:root{--green: #1b7a4d;--green-dark: #0f5132;--emerald: #2ecc71;--gold: #c8962e;--gold-soft: #e8b84b;--red: #e0435d;--bg: #f4f7f5;--surface: #ffffff;--surface-2: #f6faf8;--surface-alt: #eef3f0;--text: #12201a;--sub: #6b7280;--line: #e5ebe8;--shadow: 0 6px 24px rgba(15, 81, 50, .08);--nav-glass: rgba(255, 255, 255, .82);--radius: 20px;--sidebar: 248px;--rail: 330px;--bottom-nav: 74px;color-scheme:light}:root[data-theme=dark]{--bg: #0a0e0c;--surface: #161d1a;--surface-2: #121815;--surface-alt: #1d2622;--text: #f1f5f3;--sub: #97a39d;--line: #232d29;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--nav-glass: rgba(22, 29, 26, .86);--emerald: #38d27f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Bengali,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,video{display:block}.shell{min-height:100%;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 14px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:6px 12px 22px;font-weight:800;font-size:22px;letter-spacing:1.5px}.brand img{width:38px;height:38px}.side-item{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:14px;color:var(--text);font-weight:600;font-size:15.5px;transition:background .15s}.side-item svg{width:26px;height:26px;flex:none}.side-item:hover{background:var(--surface-alt)}.side-item.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.side-item img.mini{width:26px;height:26px;border-radius:50%;object-fit:cover}.side-spacer{flex:1}.main{flex:1;min-width:0;margin-left:var(--sidebar);display:flex;justify-content:center;gap:28px;padding:0 24px}.main.full{padding:0}.column{width:100%;max-width:620px;padding:22px 0 60px}.rail{width:var(--rail);flex:none;padding:26px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 24px));height:60px;border-radius:30px;z-index:40;background:var(--nav-glass);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);box-shadow:0 10px 30px #0000002e;display:none;align-items:center;justify-content:space-around;padding:0 6px}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--sub);font-size:10.5px;font-weight:600}.bottom-nav a svg{width:26px;height:26px}.bottom-nav a.on{color:var(--accent)}.bottom-nav a.on svg{transform:scale(1.08)}.bottom-nav img.mini{width:26px;height:26px;border-radius:50%;object-fit:cover}.bottom-nav a.on img.mini{box-shadow:0 0 0 2px var(--accent)}.bottom-nav.dark{background:#0e1210c7;color:#fff;border-color:#ffffff1a}.topbar{position:sticky;top:0;z-index:15;display:none;align-items:center;gap:10px;height:56px;padding:0 14px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar .title{font-weight:800;font-size:20px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.topbar .title img{width:30px;height:30px}.topbar .grow{flex:1}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text)}.icon-btn:hover{background:var(--surface-alt)}.icon-btn svg{width:24px;height:24px}@media(max-width:1180px){.rail{display:none}}@media(max-width:1000px){:root{--sidebar: 76px}.brand span,.side-item span{display:none}.brand{justify-content:center;padding:6px 0 22px}.side-item{justify-content:center;padding:12px}}@media(max-width:700px){.sidebar{display:none}.main{margin-left:0;padding:0}.column{padding:0 0 calc(var(--bottom-nav) + 24px)}.bottom-nav,.topbar{display:flex}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:16px}.section-title{display:flex;align-items:center;gap:10px;margin:22px 4px 12px}.section-title .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.section-title b{display:block;font-size:17px}.section-title small{color:var(--sub);font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:14px;font-weight:700}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.btn.outline{border:1.5px solid var(--line)}.btn.small{height:34px;padding:0 14px;border-radius:10px;font-size:13.5px}.btn:disabled{opacity:.55;cursor:default}.muted{color:var(--sub)}.center{text-align:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in srgb,var(--green) 25%,transparent);border-top-color:var(--green);animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:90;max-width:calc(100% - 32px);background:#121815f0;color:#fff;padding:11px 18px;border-radius:16px;font-size:14px;font-weight:600;animation:fadeup .2s ease-out}@keyframes fadeup{0%{opacity:0;transform:translate(-50%,8px)}}.avatar{border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green);display:grid;place-items:center;font-weight:800;flex:none;overflow:hidden}.mobile-only{display:flex}.desktop-only{display:none!important}@media(min-width:701px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}