*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:18px}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Bengali",sans-serif;background:#eef2f8;color:#111;padding-bottom:110px}
header{position:sticky;top:0;z-index:5;background:#0b3d91;color:#fff;padding:10px 14px 6px}
.brand{font-weight:800;font-size:1.05rem}.brand span{display:block;font-weight:500;font-size:.78rem;opacity:.9}
#prog{height:6px;background:rgba(255,255,255,.25);border-radius:4px;margin-top:8px;overflow:hidden}#prog i{display:block;height:100%;background:#ffd23f;width:0;transition:width .25s}
#stepno{font-size:.78rem;margin-top:3px;opacity:.95}
#queue{background:#fff3c4;border-bottom:2px solid #f0b400;padding:8px 14px;font-weight:600;font-size:.85rem}
main{padding:14px;max-width:560px;margin:0 auto}
h1{font-size:1.35rem;margin:6px 0 2px;line-height:1.25}h1 small{display:block;font-size:1.1rem;color:#0b3d91;font-weight:700}
.sub{color:#555;font-size:.85rem;margin:0 0 12px}
.l{display:flex;flex-direction:column;line-height:1.2;text-align:left}.l b{font-weight:700}.l small{font-size:.92em;opacity:.85;font-weight:600}
.card{background:#fff;border-radius:16px;padding:14px;margin:0 0 12px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lbl{display:block;font-weight:700;margin:4px 0 6px}.lbl small{font-weight:600;color:#0b3d91;margin-left:4px}
button{font:inherit;cursor:pointer;border:0;color:inherit}
.big{width:100%;min-height:68px;border-radius:16px;background:#fff;border:3px solid #cfd8e8;padding:10px 14px;display:flex;align-items:center;gap:14px;margin:0 0 10px;text-align:left;font-size:1rem}
.big:active{transform:scale(.98)}
.big.sel{border-color:#0b5fff;background:#e6efff}
.big .ico{font-size:1.9rem;width:46px;text-align:center;flex:none}
.big .tl{width:50px;height:50px;border-radius:50%;background:#0b3d91;color:#fff;font-weight:800;font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex:none}
.big .ds{font-size:.78rem;color:#555;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:52px;padding:8px 14px;border-radius:14px;background:#fff;border:3px solid #cfd8e8;font-weight:700;display:flex;align-items:center;gap:6px}
.chip.sel{border-color:#0b5fff;background:#0b5fff;color:#fff}
.chip.bad.sel{border-color:#d0291b;background:#d0291b}
.chip .l small{opacity:.9}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid3 .chip{justify-content:center;padding:6px 4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
input[type=text],input[type=number],input[type=date],select,textarea{width:100%;font:inherit;padding:14px;border:3px solid #cfd8e8;border-radius:14px;background:#fff;min-height:58px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#0b5fff}
textarea{min-height:90px}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:68px;height:68px;border-radius:18px;font-size:2.2rem;font-weight:800;color:#fff;flex:none}
.stepper .m{background:#d0291b}.stepper .p{background:#12a150}
.stepper input{text-align:center;font-size:2rem;font-weight:800;min-height:68px;padding:4px;flex:1;min-width:0}
.stepper.sm button{width:52px;height:52px;font-size:1.7rem;border-radius:14px}.stepper.sm input{font-size:1.4rem;min-height:52px}
.row{display:flex;align-items:center;gap:10px;justify-content:space-between}
.drow{background:#fff;border-radius:16px;padding:12px;margin:0 0 10px;box-shadow:0 1px 3px rgba(0,0,0,.12);border-left:8px solid #0b5fff}
.drow .t{font-weight:800;font-size:1.2rem}.drow .s{color:#555;font-size:.85rem}
.drow .acts{display:flex;gap:8px;margin-top:8px;align-items:center;justify-content:space-between}
.mini{min-height:48px;min-width:48px;border-radius:12px;background:#e9eef7;font-size:1.3rem}
.mini.del{background:#fde3e0}
.add{width:100%;min-height:70px;border-radius:16px;background:#0b5fff;color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 12px}
.add.alt{background:#fff;color:#0b5fff;border:3px dashed #0b5fff}
.total{background:#0b3d91;color:#fff;border-radius:16px;padding:12px 14px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.total span{font-size:1.8rem}
.plan{background:#fff8dc;border:2px solid #f0c000;border-radius:14px;padding:10px 12px;margin-bottom:12px;font-size:.88rem}
#nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid #cfd8e8;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;z-index:6}
#nav button{min-height:64px;border-radius:16px;font-size:1.15rem;font-weight:800}
#nav .back{flex:1;background:#e9eef7;color:#0b3d91}#nav .next{flex:2;background:#0b5fff;color:#fff}#nav .next:disabled{background:#a9b6cf}
#nav .go{flex:2;background:#12a150;color:#fff}#nav .go:disabled{background:#9fcdb4}
.status3{display:grid;gap:10px}
.st{min-height:76px;border-radius:16px;border:3px solid #cfd8e8;background:#fff;display:flex;align-items:center;gap:14px;padding:10px 14px;font-size:1.05rem}
.st .ico{font-size:2rem}.st.done.sel{background:#12a150;border-color:#12a150;color:#fff}.st.progress.sel{background:#f5a700;border-color:#f5a700;color:#111}.st.blocked.sel{background:#d0291b;border-color:#d0291b;color:#fff}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.thumbs div{position:relative}.thumbs img{width:84px;height:84px;object-fit:cover;border-radius:12px;border:2px solid #cfd8e8}
.thumbs button{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;background:#d0291b;color:#fff;font-weight:800}
.sum{font-size:.9rem;line-height:1.5}.sum b{color:#0b3d91}
#sheet{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20;display:flex;align-items:flex-end}
#sheet[hidden]{display:none}
.sheet{background:#eef2f8;width:100%;max-height:94vh;overflow:auto;border-radius:22px 22px 0 0;padding:14px 14px 18px}
.sheet h2{margin:0 0 10px;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center}
.sheet .x{width:48px;height:48px;border-radius:50%;background:#fff;font-size:1.4rem}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.seg .chip{justify-content:center;min-height:62px}
.savebar{display:flex;gap:10px;margin-top:14px}.savebar button{min-height:64px;border-radius:16px;font-weight:800;font-size:1.1rem}
.savebar .s1{flex:2;background:#12a150;color:#fff}.savebar .s2{flex:1;background:#fff;color:#0b3d91;border:3px solid #0b3d91}
.ok{text-align:center;padding:20px 8px}.ok .tick{font-size:5rem;line-height:1}.ok h1{font-size:1.5rem}
.warn{background:#fde3e0;border:2px solid #d0291b;border-radius:12px;padding:10px;font-weight:600;margin-bottom:10px}
.hint{font-size:.8rem;color:#555;margin:6px 0}
.stepper.sm{gap:6px}.stepper.sm button{width:46px;height:50px;font-size:1.6rem}.stepper.sm input{flex:none;width:64px;font-size:1.3rem}
.drow .row>div:first-child{flex:1;min-width:0}
.savebar{position:sticky;bottom:-18px;background:#eef2f8;padding:10px 0 4px}