*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Bengali",sans-serif;color:#1d2939;background:#f5f8fc;line-height:1.6}.top{display:flex;justify-content:space-between;align-items:center;padding:12px max(4%,calc((100% - 1180px)/2));background:#fff;box-shadow:0 2px 14px #14213d12;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;color:#174b8e;text-decoration:none;font-weight:800}.brand img{width:54px;height:54px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.5px;color:#555}.top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.top nav a{color:#344054;text-decoration:none;font-size:14px}.hero{min-height:440px;display:flex;align-items:center;padding:70px max(6%,calc((100% - 1120px)/2));background:linear-gradient(110deg,#102f63,#087eae);color:white}.hero>div{max-width:620px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.15;margin:14px 0}.hero p{font-size:18px;max-width:560px}.eyebrow{color:#b9eaff}.section{max-width:1180px;margin:42px auto;padding:0 20px}.section h1{font-size:32px}.btn,button{display:inline-block;background:#1265a8;color:#fff;border:0;border-radius:7px;padding:11px 18px;text-decoration:none;cursor:pointer;font-weight:700}.btn:hover,button:hover{background:#0c4d83}.narrow{max-width:560px;margin:45px auto;padding:28px;background:white;border-radius:14px;box-shadow:0 8px 30px #102f6312}.narrow h1{margin-top:0}form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 20px #14213d0c}label{display:block;font-weight:700;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:7px;font:inherit;background:#fff}textarea{min-height:90px}form button{margin-top:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}.cards article{background:#fff;border-radius:12px;padding:22px;box-shadow:0 5px 20px #14213d0b}.cards strong{display:block;font-size:24px;color:#1265a8}.actions{display:flex;gap:12px;flex-wrap:wrap}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eaecf0;font-size:14px}th{background:#edf4fa}.success{background:#e7f7ed;color:#17663a;padding:12px;border-radius:8px}.error{background:#fff0f0;color:#a12626;padding:12px;border-radius:8px}.danger{background:#b42318}.inline{padding:0;box-shadow:none;margin-top:8px}.inline input{margin:4px 0}.receipt{margin-top:35px}.receipt p{border-bottom:1px solid #eee;padding:7px 0}footer{text-align:center;padding:28px;color:#667085;background:#fff;margin-top:50px}@media(max-width:650px){.top{align-items:flex-start}.top nav{gap:10px}.top nav a{font-size:13px}.hero{min-height:360px;padding:50px 22px}.section{margin:25px auto}.narrow{margin:20px 12px;padding:20px}.section h1{font-size:26px}}@media print{body{background:#fff}.receipt{box-shadow:none}.receipt button{display:none}}
.overdue-row{background:#fff0f0!important;color:#a12626}.overdue-row td{border-bottom-color:#f5b7b7}.overdue-tag{display:inline-block;background:#b42318;color:#fff;padding:4px 9px;border-radius:5px;font-weight:800;font-size:12px}.paid-tag{display:inline-block;background:#e7f7ed;color:#17663a;padding:4px 9px;border-radius:5px;font-weight:700}.overdue-card{border:2px solid #d92d20!important;background:#fff0f0!important;color:#b42318}.schedule-form{max-width:720px;margin:20px 0}

/* Modern MM Housing layouts */
.app-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px max(4%,calc((100% - 1240px)/2));background:#fff;border-bottom:1px solid #e7ecef;gap:18px}.app-nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.app-nav a{color:#344054;text-decoration:none;font-size:13px;font-weight:650}.menu-toggle{display:none;background:#075c50;padding:8px 12px}.home-hero{max-width:1240px;margin:30px auto 52px;padding:35px 22px;display:grid;grid-template-columns: .9fr 1.1fr;gap:35px;align-items:center}.hero-copy h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0;color:#172b28}.hero-copy p{font-size:17px;color:#667085;max-width:500px;margin-bottom:25px}.eyebrow-dark{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#087568}.hero-visual{min-height:350px;border-radius:24px;background:linear-gradient(145deg,#dcece4,#b4d1c3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-house{width:78%;height:245px;position:relative;filter:drop-shadow(0 22px 20px #173b2d33)}.house-roof{position:absolute;top:10px;left:4%;width:92%;height:82px;background:linear-gradient(135deg,#263e38,#60776c);transform:skewY(-5deg);border:8px solid #f2f4ed}.house-body{position:absolute;top:75px;left:12%;width:76%;height:135px;background:linear-gradient(135deg,#f4f1e9,#c9d4c9);border:8px solid #fff;display:flex;justify-content:space-around;align-items:center}.house-window{width:38%;height:70px;background:linear-gradient(135deg,#315e5c,#91b6a8);border:7px solid #e5e8dd}.house-door{width:23%;height:92px;background:linear-gradient(90deg,#594d3c,#a38d69);align-self:flex-end;border:5px solid #eee}.house-garden{position:absolute;bottom:10px;left:0;width:100%;height:35px;background:linear-gradient(90deg,#48795a,#a4b98b,#386c50);border-radius:50%}.hero-caption{position:absolute;bottom:20px;left:22px;background:#fff;padding:12px 18px;border-radius:12px;display:grid;box-shadow:0 8px 25px #203b2c18}.hero-caption span{font-size:11px;color:#667085}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2{margin:5px 0;font-size:30px}.section-head a,.panel-title a{color:#087568;text-decoration:none;font-weight:700;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid #e9eeeb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #193b2c0a}.project-art{height:155px;background:linear-gradient(145deg,#d9e9df,#8eafa0);display:flex;align-items:center;justify-content:space-between;padding:18px;color:#17483e}.project-art span{font-size:10px;letter-spacing:1px;font-weight:800}.project-art b{font-size:44px;opacity:.25}.project-info{padding:18px}.project-info h3{margin:0}.project-info p{color:#667085;font-size:13px}.project-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0ee;padding:12px 0;margin:10px 0;font-size:12px}.project-info>a{color:#087568;text-decoration:none;font-weight:800;font-size:13px}.empty-project{padding:35px;background:#fff;border-radius:16px;grid-column:1/-1}.trust-strip{max-width:1180px;margin:30px auto 60px;padding:20px;background:#eaf3ed;border-radius:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-strip div{display:flex;align-items:center;gap:12px}.trust-strip b{font-size:24px;color:#087568}.trust-strip span{font-weight:700;font-size:13px}.customer-shell{background:#f4f7f6}.customer-main,.dash-main{max-width:1240px;margin:30px auto;padding:0 22px 50px}.welcome-panel{background:linear-gradient(110deg,#07594f,#0b7567);border-radius:20px;padding:32px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome-panel>div:first-child{max-width:650px;position:relative;z-index:1}.welcome-panel span{font-size:10px;letter-spacing:1.5px;color:#b8ded3;font-weight:800}.welcome-panel h1{font-size:34px;margin:7px 0}.welcome-panel p{color:#d0e5df}.light-btn{display:inline-block;background:#fff;color:#07594f;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:800;font-size:13px}.welcome-mark{font-size:110px;font-weight:900;color:#ffffff20;padding-right:30px}.customer-stats,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.customer-stats article,.stat-card{background:#fff;border:1px solid #e9eeeb;border-radius:14px;padding:20px;box-shadow:0 5px 18px #193b2c08}.customer-stats span,.stat-card span{display:block;color:#667085;font-size:12px;font-weight:700}.customer-stats strong,.stat-card strong{display:block;font-size:25px;color:#173b34;margin-top:8px}.customer-grid,.dash-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:18px 0}.panel{background:#fff;border:1px solid #e9eeeb;border-radius:15px;padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title h2,.panel h2{font-size:17px;margin:0}.booking-line,.payment-line,.activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ee}.booking-line:last-child,.payment-line:last-child,.activity-row:last-child{border-bottom:0}.booking-line b,.payment-line b,.activity-row b{display:block;font-size:13px}.booking-line small,.payment-line small,.activity-row small{display:block;color:#7b8790;font-size:11px;margin-top:3px}.booking-line strong,.payment-line strong,.activity-row strong{font-size:13px}.status-pill{color:#087568!important;font-weight:800}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-links a{display:block;background:#f2f7f4;padding:13px;border-radius:9px;color:#15594e;text-decoration:none;font-size:13px;font-weight:750}.shortcuts{margin-top:18px}.shortcuts h2{margin-bottom:14px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dash-heading h1{margin:6px 0}.dash-heading p,.muted{color:#7b8790;font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr)}.bar-chart{height:220px;display:flex;align-items:end;gap:14px;padding:15px 5px 0;overflow-x:auto}.bar-col{height:100%;min-width:38px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-col>span{font-size:9px;color:#7b8790;white-space:nowrap}.bar-track{height:150px;width:100%;background:#edf4f0;border-radius:6px 6px 0 0;display:flex;align-items:end;overflow:hidden}.bar-track i{display:block;width:100%;background:linear-gradient(180deg,#26a887,#087568);border-radius:6px 6px 0 0}.bar-col small{font-size:10px;color:#667085}.activity-dot{width:32px;height:32px;flex:none;border-radius:50%;background:#e4f3ed;color:#087568;display:grid;place-items:center;font-weight:900}.activity-row>div{flex:1}.overdue-panel{background:#fff8f7;border-color:#f4d1cd}.overdue-number{font-size:30px;color:#b42318}.overdue-panel p{font-size:13px;color:#8d4540}.overdue-panel a{color:#b42318;font-size:13px;font-weight:800;text-decoration:none}.action-inline{display:flex;gap:5px;flex-wrap:wrap}.action-inline button{font-size:11px;padding:7px 9px}.dashboard-shell{background:#f3f5f4}
@media(max-width:850px){.app-top{padding:10px 16px}.menu-toggle{display:block}.app-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:16px;box-shadow:0 12px 20px #00000012;flex-direction:column;align-items:stretch}.nav-open .app-nav{display:flex}.app-nav a{padding:9px}.home-hero{grid-template-columns:1fr;margin-top:10px}.hero-visual{min-height:270px}.project-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand img{width:43px;height:43px}.brand small{font-size:8px}.home-hero{padding:25px 16px;gap:22px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:15px}.hero-visual{min-height:230px}.section{padding:0 15px;margin:28px auto}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:25px}.project-grid{grid-template-columns:1fr}.trust-strip{margin:20px 15px 40px;grid-template-columns:1fr}.welcome-panel{padding:24px 20px}.welcome-panel h1{font-size:27px}.welcome-mark{font-size:64px;padding:0}.customer-main,.dash-main{padding:0 14px 35px;margin:18px auto}.customer-stats{grid-template-columns:1fr 1fr}.customer-stats article{padding:14px}.customer-stats article:last-child{grid-column:1/-1}.customer-grid,.dash-columns{grid-template-columns:1fr}.stat-grid{gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:22px}.dash-heading{align-items:flex-start;flex-direction:column}.quick-links{grid-template-columns:1fr}.panel{padding:16px}.bar-chart{gap:8px}.narrow{margin:18px 12px;padding:18px}}