@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');
:root{--green:#123c2d;--deep:#08251c;--gold:#c6a45a;--cream:#f7f5ee;--ink:#20352c;--muted:#718078;--line:#e5e9e3}
*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:var(--ink);font-family:'DM Sans','Noto Sans Bengali',sans-serif;font-size:14px}.shell{min-height:100vh;display:flex}.sidebar{width:245px;background:linear-gradient(160deg,#123c2d,#071d16);color:#f7f5ee;padding:28px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;color:#f6e9bd;text-decoration:none;font-weight:700;font-size:17px;letter-spacing:.4px}.brand>span{line-height:1.05}.brand small{font-size:9px;letter-spacing:3px;color:#c6a45a}.sidebar nav{display:grid;gap:8px;margin-top:48px}.sidebar nav a{padding:13px 15px;border-radius:10px;text-decoration:none;color:#c8d5cd}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;color:#f1d58e}.side-foot{margin-top:auto;color:#81988c;font-size:11px}.main{margin-left:245px;width:calc(100% - 245px);padding:28px 4.5vw 60px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h1{font-size:25px;margin:4px 0;font-weight:600}.eyebrow{font-size:10px;letter-spacing:2px;color:#a18443;font-weight:700}.admin{color:#62736a;font-size:12px}.hero{background:linear-gradient(110deg,#103a2b,#1b503b);color:#fff;border-radius:18px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero h2{font-size:32px;line-height:1.25;margin:12px 0}.hero h2 em{font-style:normal;color:#e4c77e}.hero p{color:#c9d8ce;margin-bottom:24px}.hero-art{font-size:140px;color:#e0c47755;margin-right:6%;}.btn{display:inline-block;border:0;background:var(--gold);color:#142c21;padding:12px 18px;border-radius:9px;font-weight:700;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}.btn:hover{filter:brightness(1.06)}.btn.secondary{background:#e8eee8}.btn.full{width:100%;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:26px;margin-top:8px}.stat .secure{font-size:18px;color:#26704e}.panel{margin:18px 0}.section-title,.customer-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title h3,.panel h3{margin:0 0 5px;font-size:17px}.muted{color:var(--muted);font-size:12px;margin:4px 0 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:570px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0eb}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#829087}td a,.section-title>a,.file-info>a{color:#27704e;text-decoration:none;font-weight:600}.search{display:flex;gap:10px;margin:18px 0}.search input{flex:1}input,textarea{width:100%;border:1px solid #dfe5df;border-radius:8px;padding:12px;font:inherit;background:#fff;color:var(--ink);margin-top:7px}label{display:block;font-size:12px;font-weight:600;color:#52645a;margin:12px 0}textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.narrow{max-width:850px}.auth-card,.install-card{max-width:430px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 18px 55px #102a1b12}.auth-card h2,.install-card h1{text-align:center;margin:8px 0}.auth-card p,.install-card>p{text-align:center;color:var(--muted)}.logo-mark{text-align:center;color:var(--gold);font-size:42px}.alert{padding:13px 16px;border-radius:9px;margin:14px 0;background:#e7f3e9;color:#215b39}.alert.error{background:#fff0ed;color:#9b3325}.empty{text-align:center;padding:32px;color:#87938b;background:#f8faf7;border-radius:10px}.customer-head h2{margin:6px 0;font-size:22px}.customer-head p{margin:0;color:var(--muted)}.file-picker{display:block;padding:15px;border:1px dashed #b8c8ba;border-radius:10px;background:#f8faf7}.file-picker input{border:0;padding:6px}.preview-strip{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.preview-item{width:105px;display:grid;gap:5px}.preview-item img{width:105px;height:80px;object-fit:cover;border-radius:8px}.preview-item small{overflow-wrap:anywhere;color:var(--muted);font-size:10px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.file-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.thumb{height:145px;background:#f0f3ef;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:145px;object-fit:cover}.pdf-icon{display:inline-flex;align-items:center;justify-content:center;background:#f8e8e4;color:#a44735;font-weight:700;border-radius:9px;width:62px;height:62px}.file-info{padding:12px;display:grid;gap:6px}.file-info strong{overflow-wrap:anywhere}.file-info small{color:var(--muted);overflow-wrap:anywhere}.install-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#08251c,#1a4a36)}.install-card{width:100%;max-width:500px;margin:0}.install-card small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.install-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:850px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px);padding:22px}.hero{padding:28px}.hero h2{font-size:26px}.hero-art{font-size:90px}.stats{gap:10px}.stat{padding:16px}}
@media(max-width:620px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px 16px}.brand br{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.sidebar nav a{white-space:nowrap;padding:9px 11px;font-size:12px}.side-foot{display:none}.main{margin:0;width:100%;padding:18px 14px 40px}.topbar h1{font-size:21px}.admin{display:none}.hero{padding:24px 20px}.hero h2{font-size:24px}.hero-art{display:none}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.stat strong{font-size:21px}.panel{padding:16px}.section-title,.customer-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.auth-card{margin:5vh auto;padding:25px}.search{flex-direction:column}}