/* AAYGHOR (আয়ঘর) — Premium fintech theme | Navy • Emerald • White */
:root{--navy:#0B1F3A;--navy-2:#13294B;--emerald:#059669;--emerald-2:#10B981;--soft:#F1F5F9;--radius:22px}
body{font-family:'Hind Siliguri',system-ui,-apple-system,sans-serif;background:var(--soft);color:#1e293b;-webkit-font-smoothing:antialiased}
a{color:var(--emerald)}
.text-navy{color:var(--navy)!important}.text-emerald{color:var(--emerald)!important}.text-gold{color:#FBBF24!important}
.bg-navy{background:var(--navy)!important}.bg-emerald{background:var(--emerald)!important}
.btn{border-radius:14px;font-weight:600}
.btn-emerald{background:var(--emerald);border-color:var(--emerald);color:#fff}.btn-emerald:hover,.btn-emerald:focus{background:#047857;border-color:#047857;color:#fff}
.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2);color:#fff}
.form-control,.form-select{border-radius:14px;padding:.7rem 1rem;border-color:#dbe3ee}
.form-control:focus,.form-select:focus{border-color:var(--emerald);box-shadow:0 0 0 .2rem rgba(16,185,129,.15)}
.form-label{font-weight:600;font-size:.92rem;color:#334155}

/* Navbar */
.app-navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;z-index:1030}
.brand-logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--emerald));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;box-shadow:0 6px 16px rgba(5,150,105,.25)}
.brand-name{color:var(--navy);font-weight:800;letter-spacing:-.4px;font-size:1.15rem}
.app-nav .nav-link{color:#475569;font-weight:600;border-radius:999px;padding:.45rem 1rem}
.app-nav .nav-link.active,.app-nav .nav-link:hover{background:#ECFDF5;color:var(--emerald)}
.btn-icon{width:42px;height:42px;border-radius:14px;background:#f1f5f9;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;text-decoration:none}
.badge-dot{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}

/* Hero (picture style) */
.app-hero{background:linear-gradient(180deg,rgba(11,31,58,.18),rgba(11,31,58,.72)),var(--hero-img,linear-gradient(#0B1F3A,#065F46)) center/cover no-repeat;color:#fff;padding:26px 0 110px}
.hero-avatar{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.25);flex-shrink:0}
.glass{background:rgba(255,255,255,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff}
.glass-btn{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;text-decoration:none;position:relative}
.sheet{background:#fff;border-radius:36px 36px 0 0;margin-top:-82px;position:relative;box-shadow:0 -10px 40px rgba(0,0,0,.08);padding:22px 0 30px}
.promo-banner{border-radius:28px;background:linear-gradient(120deg,#064E3B,#065F46 55%,var(--navy));color:#fff;overflow:hidden;position:relative}
.promo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-badge{background:#FBBF24;color:var(--navy);font-weight:700;border-radius:999px;padding:4px 14px;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}

/* Quick grid */
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px}
@media(min-width:992px){.quick-grid{grid-template-columns:repeat(6,1fr)}}
.quick-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#334155;font-weight:600;font-size:.88rem;text-align:center;line-height:1.25}
.icon-tile{width:68px;height:68px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:9px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px rgba(0,0,0,.04)}
@media(max-width:400px){.icon-tile{width:60px;height:60px;border-radius:19px;font-size:1.5rem}.quick-item{font-size:.8rem}}
.quick-item:hover .icon-tile{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.09)}
.quick-item:active .icon-tile{transform:scale(.93)}
.t-red{background:#FEF2F2;color:#EF4444}.t-rose{background:#FFF1F2;color:#E11D48}.t-green{background:#ECFDF5;color:#059669}.t-teal{background:#F0FDFA;color:#0D9488}
.t-blue{background:#EFF6FF;color:#2563EB}.t-indigo{background:#EEF2FF;color:#4F46E5}.t-purple{background:#FAF5FF;color:#9333EA}.t-amber{background:#FFFBEB;color:#D97706}

/* Cards */
.card-soft{background:#fff;border:1px solid #e9eef5;border-radius:var(--radius);box-shadow:0 10px 30px rgba(11,31,58,.05)}
.stat-card{border-radius:var(--radius);padding:18px;background:#fff;border:1px solid #e9eef5;height:100%;box-shadow:0 8px 24px rgba(11,31,58,.04)}
.stat-card .label{color:#64748b;font-size:.85rem}.stat-card .value{font-size:1.4rem;font-weight:700;color:var(--navy);word-break:break-word}
.stat-card.dark{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border:0}.stat-card.dark .label{color:rgba(255,255,255,.65)}.stat-card.dark .value{color:#fff}
.stat-card.green{background:linear-gradient(135deg,var(--emerald),#047857);color:#fff;border:0}.stat-card.green .label{color:rgba(255,255,255,.78)}.stat-card.green .value{color:#fff}
.stat-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:10px}
.section-title{font-weight:700;color:var(--navy)}
.pill{display:inline-block;padding:4px 14px;border-radius:999px;font-weight:600;font-size:.85rem}
.page-head{padding:22px 0 6px}
.page-head h1{font-weight:700;color:var(--navy);font-size:1.6rem;margin:0}
.task-card{border-radius:24px;transition:.2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,31,58,.08)}
.tab-pills .nav-link{border-radius:999px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;margin-right:6px;white-space:nowrap}
.tab-pills .nav-link.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tab-pills::-webkit-scrollbar{display:none}

/* Tables */
.table{--bs-table-bg:transparent;margin:0}.table thead th{color:#64748b;font-weight:600;font-size:.82rem;white-space:nowrap}
.table td{vertical-align:middle;font-size:.92rem}

/* Bottom nav (picture style) */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 6px calc(8px + env(safe-area-inset-bottom));z-index:1030;box-shadow:0 -6px 30px rgba(0,0,0,.08);border-radius:26px 26px 0 0}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#94a3b8;font-size:.72rem;font-weight:600;gap:2px}
.bottom-nav a i{font-size:1.35rem;padding:3px 18px;border-radius:999px;line-height:1.2}
.bottom-nav a.active{color:var(--emerald)}.bottom-nav a.active i{background:#ECFDF5}
.bottom-nav .fab{margin-top:-34px}
.bottom-nav .fab i{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-2),#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.9rem;border:5px solid #fff;box-shadow:0 10px 25px rgba(5,150,105,.38);padding:0}
@media(max-width:991.98px){body{padding-bottom:92px}}
.more-sheet{border-radius:28px 28px 0 0;height:auto!important;max-height:80vh}

/* Footer */
.site-footer{background:var(--navy);color:rgba(255,255,255,.7);padding:40px 0 22px}
.site-footer a{color:rgba(255,255,255,.75);text-decoration:none}.site-footer a:hover{color:#fff}.site-footer h6{color:#fff;font-weight:700}

/* Auth */
.auth-wrap{min-height:calc(100vh - 66px);display:flex;align-items:center;padding:30px 0;background:radial-gradient(circle at 10% 10%,#D1FAE5,transparent 40%),radial-gradient(circle at 90% 80%,#DBEAFE,transparent 40%)}
.auth-card{max-width:450px;margin:auto;border-radius:30px}

/* Misc */
.marquee{white-space:nowrap;overflow:hidden}.marquee span{display:inline-block;padding-left:100%;animation:mq 28s linear infinite}@keyframes mq{to{transform:translateX(-100%)}}
.tree ul{list-style:none;padding-left:22px;border-left:2px dashed #cbd5e1;margin-left:12px}.tree li{margin:7px 0}
.tree .node{display:inline-flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:12px;padding:5px 12px;font-size:.88rem}
.fade-up{animation:fu .5s ease both}@keyframes fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.countdown{font-size:2.4rem;font-weight:700;color:var(--emerald)}
.empty{padding:34px 10px;text-align:center;color:#94a3b8}.empty i{font-size:2.4rem;display:block;margin-bottom:6px}

/* Admin */
.admin-body{background:#f1f5f9}
.admin-sidebar{width:252px;background:var(--navy);height:100vh;position:fixed;top:0;left:0;padding:18px 12px;overflow-y:auto;z-index:1040;transition:left .25s}
.admin-sidebar a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);padding:9px 14px;border-radius:12px;text-decoration:none;font-size:.93rem;margin-bottom:2px}
.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(16,185,129,.2);color:#fff}
.admin-main{margin-left:252px;min-height:100vh}
.admin-top{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 20px;position:sticky;top:0;z-index:1020}
@media(max-width:991.98px){.admin-sidebar{left:-260px}.admin-sidebar.show{left:0;box-shadow:0 0 0 100vmax rgba(0,0,0,.4)}.admin-main{margin-left:0}}