@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --ink:#17212b; --teal:#087f8c; --amber:#f2a900; --paper:#f4f7f5; }
body { background:var(--paper); color:var(--ink); font-family:'Noto Sans Bengali', sans-serif; }
.app-nav { background:#12343b; }
.brand-display { font-family:'Space Grotesk','Noto Sans Bengali',sans-serif; letter-spacing:0; }
.hero { background:linear-gradient(120deg,#0d5962,#138b8c); color:white; border-radius:8px; position:relative; overflow:hidden; }
.hero:after { content:''; position:absolute; width:220px; height:220px; border:32px solid rgba(255,255,255,.1); border-radius:50%; right:-70px; top:-80px; }
.panel { border:0; border-top:4px solid var(--teal); box-shadow:0 4px 18px rgba(18,52,59,.08); }
.order-panel { border-top-color:var(--amber); }
.delivery-panel { border-top-color:#268f57; }
.call-btn { min-height:46px; }
.table thead th { white-space:nowrap; }
.form-label { font-weight:600; }
.search-box { border:2px solid #b8d5d1; min-height:52px; }
.stat { border-left:4px solid var(--teal); }