*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f8;color:#13252d;font-family:system-ui,"Noto Sans Bengali",sans-serif}.top{height:76px;background:linear-gradient(135deg,#00695c,#00796b);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px #0002}.admin-top{background:linear-gradient(135deg,#1565c0,#1976d2)}.brand{display:flex;gap:12px;align-items:center;font-size:25px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff22;border-radius:11px}.brand span{font-weight:800}.brand small{display:block;font-size:12px;font-weight:400;opacity:.85;margin-top:2px}.admin-link{color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:9px 13px;border-radius:10px;font-size:13px;font-weight:700}.wrap{max-width:1050px;margin:auto;padding:24px 18px 90px}.hero{background:linear-gradient(135deg,#087c6c,#04947e);border-radius:22px;padding:22px;color:#fff;box-shadow:0 12px 30px #00695c25}.hero-title,.section-head,.form-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:11px;letter-spacing:.09em;font-weight:800;opacity:.8}.eyebrow.blue{color:#1565c0}.hero h1,.dashboard-head h1{margin:4px 0 18px;font-size:27px}.hero-badge,.form-icon{width:48px;height:48px;border-radius:15px;background:#ffffff18;border:1px solid #ffffff25;display:grid;place-items:center;font-size:24px;font-weight:800}.summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;background:#fff;color:#203036;border-radius:17px;padding:10px;box-shadow:0 7px 22px #00000012}.summary div{padding:15px;text-align:center;border-right:1px solid #e3e7e8}.summary div:last-child{border:0}.summary b,.summary small{display:block}.summary small{color:#7a858b;font-size:12px}.summary strong{display:block;font-size:24px;margin:5px 0}.summary-main{border-radius:12px;background:#f5fbf9}.summary-main.negative{background:#fff7f6}.section-head{margin-top:27px}.section-head h2{margin:0 0 4px;font-size:21px}.section-head p,.dashboard-head p,.form-title p{margin:0;color:#758189;font-size:13px}.people-count{background:#fff;border:1px solid #e1e6e8;border-radius:999px;padding:8px 12px;font-size:12px;color:#5f6b72}.filters{display:flex;gap:8px;margin:15px 0 12px}.pill{background:#fff;border:1px solid #dce3e5;padding:8px 14px;border-radius:999px;text-decoration:none;color:#334;font-size:13px;font-weight:700}.pill.active{background:#087c6c;color:#fff;border-color:#087c6c}.list{display:grid;gap:9px}.person,.tx{background:#fff;border-radius:16px;padding:13px 15px;display:flex;align-items:center;gap:13px;box-shadow:0 3px 13px #0000000b;border:1px solid #edf0f1}.person:hover,.tx:hover{transform:translateY(-1px);box-shadow:0 7px 20px #00000010}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e9eff1;font-size:25px;flex:0 0 48px}.person-main,.tx>div:nth-child(2){flex:1;min-width:0}.person-main b,.person-main span,.tx span,.tx small{display:block}.person-main b{font-size:15px}.person-main span,.tx span,.tx small{color:#6c7880;font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{text-align:right;font-size:12px;font-weight:700}.amount strong{display:block;font-size:19px;margin-top:2px}.empty{text-align:center;padding:40px 20px;background:#fff;border-radius:16px;color:#777;border:1px dashed #d5dddf}.empty div{font-size:32px;margin-bottom:8px}.empty b,.empty span{display:block}.empty span{font-size:13px;margin-top:4px}.green{color:#087a42}.red{color:#d93025}.muted{color:#758189}.greenbg{background:#e7f7ef!important}.redbg{background:#fff0ef!important}.positive{color:#087a42}.negative{color:#d93025}.bottom{position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;align-items:center;z-index:30;box-shadow:0 -5px 20px #0000000a}.bottom a{color:#667;text-decoration:none;text-align:center;font-size:21px;min-width:54px}.bottom span{display:block;font-size:11px}.bottom .active{color:#00796b}.bottom .add{width:50px;height:50px;border-radius:50%;background:#00796b;color:#fff;display:grid;place-items:center;font-size:30px;margin-top:-25px;box-shadow:0 7px 16px #00796c45}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 7px 25px #0001;border:1px solid #edf0f1}.form{max-width:620px;margin:25px auto}.form-title{margin-bottom:8px}.form-title h2{margin:4px 0;font-size:23px}.form-icon{background:#eaf8f5;color:#087c6c}.form label{display:block;font-weight:700;margin:16px 0}.form input,.form select{display:block;width:100%;padding:13px;border:1px solid #ccd5d8;border-radius:11px;margin-top:7px;font:inherit;background:#fff;outline:none}.form input:focus,.form select:focus{border-color:#087c6c;box-shadow:0 0 0 3px #087c6c14}.form button,.quick-add{display:block;background:#087c6c;color:#fff;border:0;border-radius:11px;padding:13px 16px;font-size:16px;text-decoration:none;text-align:center;cursor:pointer;font-weight:800}.quick-add{font-size:13px;white-space:nowrap}.success,.error{padding:11px 13px;border-radius:11px;margin:10px 0;font-size:13px}.success{background:#e7f7ef;color:#087a42}.error{background:#fff0ef;color:#b3261e}.login{display:grid;place-items:center;min-height:100vh;padding:20px}.direction{display:flex;gap:10px}.direction label{flex:1;margin:0}.direction span{display:block;border:1px solid #ddd;border-radius:11px;padding:13px;text-align:center;cursor:pointer}.direction span small{display:block;color:#7b858b;font-size:11px;font-weight:400;margin-top:4px}.direction input{display:none}.direction input:checked+span{border-color:#087c6c;background:#eefaf7;box-shadow:0 0 0 2px #087c6c12}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;padding:19px;border-radius:16px;box-shadow:0 3px 14px #0001;border:1px solid #edf0f1}.stat span,.stat b,.stat small{display:block}.stat span{font-size:13px;color:#536169;font-weight:700}.stat b{font-size:22px;margin-top:7px}.stat small{font-size:11px;color:#7b858b;margin-top:4px}.net-stat{border-left:4px solid #087c6c}.stat-negative{border-left-color:#d93025}.dashboard-note{margin-top:14px;padding:13px 15px;background:#fff;border:1px solid #e7ebed;border-radius:13px;display:flex;gap:9px;align-items:center;font-size:13px}.dashboard-note span{color:#6c7880}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.menu-grid a{display:flex;align-items:center;gap:12px;background:#fff;color:#26353b;border:1px solid #e5eaec;box-shadow:0 3px 14px #00000009;padding:15px;text-align:left}.menu-grid a>span{width:40px;height:40px;border-radius:11px;background:#eef5f6;display:grid;place-items:center;font-size:21px;color:#087c6c}.menu-grid a div{flex:1}.menu-grid a b,.menu-grid a small{display:block}.menu-grid a small{color:#7b858b;font-size:11px;margin-top:3px}.menu-grid em{font-style:normal;font-size:23px;color:#9aa4a8}.danger-link{color:#c62828;text-decoration:none;font-size:13px}.txicon{width:42px;height:42px;border-radius:50%;background:#eef3f4;display:grid;place-items:center;font-size:24px}.tx>strong{margin-left:auto;text-align:right}.tx{align-items:center}@media(max-width:850px){.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.brand{font-size:18px}.brand-icon{width:34px;height:34px}.top{padding:0 12px}.admin-link{padding:8px 10px}.hero{padding:17px;border-radius:18px}.hero h1,.dashboard-head h1{font-size:23px}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid #ddd}.summary div:last-child{border-bottom:0}.section-head{align-items:flex-start}.section-head h2{font-size:19px}.people-count{font-size:11px}.person{padding:11px}.avatar{width:43px;height:43px;flex-basis:43px;font-size:22px}.person-main b{font-size:14px}.person-main span{font-size:12px}.amount{font-size:11px}.amount strong{font-size:16px}.bottom{height:62px}.bottom a{font-size:19px;min-width:47px}.bottom span{font-size:10px}.admin-grid{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start}.quick-add{padding:10px 11px;font-size:12px}.dashboard-note{display:block}.dashboard-note span{display:block;margin-top:3px}.direction{flex-direction:column}.form{margin-top:10px}.tx{align-items:flex-start}.tx>strong{font-size:12px}.wrap{padding-left:13px;padding-right:13px}}