*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}a{text-decoration:none;color:inherit}.top{height:72px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800}.brand img{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#eef4fb}.top nav{display:flex;gap:22px;align-items:center;color:#536176;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:10px;border:1px solid #dbe2eb;font-weight:700;cursor:pointer}.btn-primary{background:#1769e0;color:#fff;border-color:#1769e0}.btn-dark{background:#172033;color:#fff}.btn-soft{background:#f0f4f9}.hero{padding:70px 5%;background:linear-gradient(135deg,#0c1830,#173e77);color:#fff}.hero h1{font-size:clamp(34px,5vw,62px);max-width:780px;margin:0 0 16px}.hero p{font-size:18px;color:#c7d4e8;max-width:700px}.searchbar{display:flex;gap:10px;background:#fff;padding:10px;border-radius:15px;max-width:850px;margin-top:28px}.searchbar input,.searchbar select{flex:1;border:0;outline:0;padding:13px;font-size:15px}.container{max-width:1200px;margin:auto;padding:38px 5%}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e7ebf1;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(20,35,60,.05)}.card-body{padding:18px}.listing-img{width:100%;height:210px;object-fit:cover;background:#edf2f8}.tag{display:inline-block;padding:5px 9px;background:#edf4ff;color:#1769e0;border-radius:20px;font-size:12px;font-weight:800}.price{font-size:22px;font-weight:800;margin:9px 0}.muted{color:#718096}.section-title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 18px}.form-card{max-width:720px;margin:35px auto;background:#fff;padding:28px;border-radius:18px;border:1px solid #e6ebf2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:12px;border:1px solid #d8e0ea;border-radius:10px;font:inherit}.field textarea{min-height:120px;resize:vertical}.notice{padding:12px 15px;border-radius:10px;background:#edf8f1;color:#17713a;margin-bottom:15px}.error{background:#fff0f0;color:#a12222}.panel{max-width:1250px;margin:auto;padding:28px 4%}.dash{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.side{background:#101b2e;color:#aebbd0;padding:20px}.side h3{color:#fff;margin:5px 10px 20px}.side a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0}.side a:hover,.side a.active{background:#1b2b47;color:#fff}.content{padding:30px 4%}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.kpi{background:#fff;padding:20px;border:1px solid #e6ebf2;border-radius:14px}.kpi b{font-size:28px;display:block;margin-top:7px}.table-wrap{background:#fff;border:1px solid #e6ebf2;border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 15px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.status{padding:5px 9px;border-radius:20px;font-size:12px;font-weight:800;background:#edf4ff;color:#1769e0}.status.approved,.status.active{background:#eaf8ef;color:#16753a}.status.pending{background:#fff7df;color:#876500}.status.rejected{background:#fff0f0;color:#a12222}.chat{display:grid;grid-template-columns:280px 1fr;height:600px;background:#fff;border:1px solid #e4e9f0;border-radius:16px;overflow:hidden}.chat-list{border-right:1px solid #e4e9f0;overflow:auto}.chat-user{padding:15px;border-bottom:1px solid #eef1f5}.messages{display:flex;flex-direction:column;padding:18px;gap:10px;overflow:auto}.bubble{max-width:70%;padding:10px 13px;border-radius:13px;background:#edf2f8}.bubble.mine{align-self:flex-end;background:#1769e0;color:#fff}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e4e9f0}.chat-form input{flex:1;padding:11px;border:1px solid #d8e0ea;border-radius:9px}footer{margin-top:50px;background:#101b2e;color:#aebbd0;padding:35px 5%;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer b{color:#fff;font-size:18px}footer a{color:#dce7f5}@media(max-width:800px){.top nav{gap:8px;font-size:13px}.grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px}.side h3{display:none}.side a{white-space:nowrap}.kpis{grid-template-columns:1fr 1fr}.chat{grid-template-columns:1fr}.chat-list{display:none}}@media(max-width:520px){.top{padding:0 3%}.top nav a:not(.btn){display:none}.grid{grid-template-columns:1fr}.hero{padding:48px 5%}.searchbar{flex-direction:column}.kpis{grid-template-columns:1fr}}
/* MetroMitra unified design system */
:root{--gold:#b58a32;--gold-dark:#8d6923;--charcoal:#151515;--ink:#202020;--soft:#f7f6f2;--line:#e7e3da;--white:#fff}
body{background:var(--soft);color:var(--ink)}
.top{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 4%;box-shadow:0 4px 20px rgba(20,20,20,.03)}
.brand{color:var(--charcoal)}.brand img{background:#f2eee5}.top nav{color:#5d5a53}.top nav a:hover{color:var(--gold-dark)}
.btn-primary{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.btn-primary:hover{background:#292929}.btn-soft{background:#f5f1e8;border-color:#e4d9c1;color:#5e481c}.btn-dark{background:var(--charcoal)}
.hero{background:linear-gradient(135deg,#161616,#292721);color:#fff}.tag{background:#f4ead3;color:#795819}.card,.form-card,.kpi,.table-wrap{border-color:var(--line);box-shadow:0 8px 28px rgba(25,22,15,.045)}
.kpi span{color:#716d64;font-size:13px;font-weight:700}.kpi b{color:var(--charcoal)}.status{background:#f4ead3;color:#75551c}.status.active,.status.approved{background:#eaf5ec;color:#23623a}.status.pending{background:#fff5d8;color:#86641e}.status.rejected{background:#faeaea;color:#963a3a}
.internal-shell{background:#f6f5f1}.internal-app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.internal-sidebar{background:#171717;color:#bdb9ae;padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:50}.internal-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.internal-brand .brand{color:#fff;gap:9px;font-size:18px}.internal-brand .brand img{width:38px;height:38px}.internal-brand .brand small{display:block;color:#9c978c;font-size:10px;font-weight:500;margin-top:2px}.internal-brand button{display:none;background:none;border:0;color:#fff;font-size:25px}.internal-user{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #302f2b;border-radius:12px;background:#20201e;margin-bottom:16px}.internal-user .avatar{width:36px;height:36px;border-radius:50%;background:#b58a32;color:#fff;display:grid;place-items:center;font-weight:800}.internal-user b{display:block;color:#fff;font-size:13px}.internal-user small{color:#9c978c}.internal-nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.internal-nav a{padding:11px 12px;border-radius:9px;color:#bdb9ae;font-weight:650;font-size:14px;display:flex;gap:11px;align-items:center}.internal-nav a span{width:20px;text-align:center;color:#b58a32}.internal-nav a:hover,.internal-nav a.active{background:#2a2925;color:#fff}.internal-logout{margin-top:auto;padding:12px;color:#c7c2b7;border-top:1px solid #302f2b}.internal-main{min-width:0}.internal-top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.internal-title b{display:block;font-size:16px}.internal-title span{font-size:11px;color:#8b877f}.internal-actions{display:flex;align-items:center;gap:10px}.role-badge{font-size:10px;letter-spacing:.08em;background:#f2ead7;color:#77591f;padding:7px 9px;border-radius:20px;font-weight:800}.internal-content{padding:30px;max-width:1500px;margin:auto}.internal-footer{padding:24px 30px;color:#8b877f;font-size:12px;border-top:1px solid var(--line);margin-top:30px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-head h1{margin:5px 0;font-size:30px;letter-spacing:-.03em}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark);font-weight:800}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick{border:1px solid var(--line);padding:17px;border-radius:12px;background:#fbfaf7}.quick:hover{border-color:#d1b678;background:#f8f3e7}.quick b,.quick span{display:block}.quick span{font-size:12px;color:#817c72;margin-top:5px}.activity-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eeeae2;gap:10px}.activity-row small{display:block;color:#89847a;margin-top:4px}.inline-form{display:flex;gap:6px;align-items:center}.inline-form input,.inline-form select{padding:8px;border:1px solid #dcd7cd;border-radius:8px;font:inherit;min-width:100px}.metric{font-size:25px;display:block;margin-top:10px}.auth-card{margin-top:70px}.sidebar-overlay{display:none}
footer{background:#171717;color:#aaa69b}footer b{color:#fff}
@media(max-width:900px){.internal-app{grid-template-columns:1fr}.internal-sidebar{position:fixed;left:-280px;top:0;width:270px;transition:left .2s}.internal-sidebar.show{left:0}.internal-brand button{display:block}.menu-toggle{display:block}.internal-top{justify-content:flex-start;gap:15px}.internal-actions{margin-left:auto}.content-grid{grid-template-columns:1fr}.internal-content{padding:22px}.page-head{align-items:flex-start;flex-direction:column}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}}
@media(max-width:600px){.internal-actions .btn{display:none}.quick-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.page-head h1{font-size:25px}.top{height:64px}.top nav{display:none}.top .brand{font-size:17px}.kpis{grid-template-columns:1fr 1fr}.table th,.table td{padding:10px 11px;font-size:12px}}
/* MetroMitra Admin + Root Index + Public architecture */
.public-shell{background:#faf9f6}.public-top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.public-nav-wrap{height:76px;max-width:1440px;margin:auto;padding:0 4%;display:flex;align-items:center;gap:22px}.public-brand{flex:0 0 auto}.nav-search{height:42px;display:flex;align-items:center;flex:1;max-width:470px;border:1px solid var(--line);background:#faf9f6;border-radius:11px;overflow:hidden;margin-left:auto}.nav-search input{border:0;background:transparent;outline:0;padding:0 12px;flex:1;font:inherit}.nav-search button{border:0;background:transparent;font-size:22px;padding:0 13px;color:#6d675c}.public-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.public-nav>a{padding:9px 11px;border-radius:9px;color:#5f5a50;font-size:13px;font-weight:700}.public-nav>a:hover,.public-nav>a.active{background:#f5f0e5;color:#75551c}.public-nav .nav-login{color:#fff}.public-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-size:20px}.public-main{min-height:calc(100vh - 76px)}.home-hero{background:#171717;color:#fff;overflow:hidden;position:relative}.home-hero:after{content:"";position:absolute;right:-150px;top:-180px;width:520px;height:520px;border:1px solid rgba(181,138,50,.24);border-radius:50%;box-shadow:0 0 0 80px rgba(181,138,50,.025),0 0 0 160px rgba(181,138,50,.02)}.home-hero-inner{max-width:1440px;margin:auto;padding:88px 5%;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:70px;align-items:center;position:relative;z-index:1}.hero-copy h1{font-size:clamp(38px,5.4vw,70px);line-height:1.03;letter-spacing:-.045em;max-width:850px;margin:12px 0 20px}.hero-copy p{font-size:18px;line-height:1.7;color:#c9c5bb;max-width:720px}.eyebrow.light{color:#c9a75d}.hero-search{display:flex;gap:8px;padding:8px;background:#fff;border-radius:14px;max-width:820px;margin-top:28px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.search-field{display:flex;align-items:center;flex:1;border-right:1px solid #ece9e1;padding:0 12px;gap:7px}.search-field span{color:#9a917f}.search-field input{border:0;outline:0;width:100%;font:inherit;padding:12px}.hero-search .btn-primary{background:#171717;border-color:#171717;min-width:110px}.hero-links{display:flex;gap:25px;margin-top:18px}.hero-links a{color:#d5bd82;font-size:13px;font-weight:700}.hero-panel{background:#22211e;border:1px solid #393630;border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.hero-panel>span{display:block;color:#c8a55a;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero-panel>strong{display:block;font-size:25px;margin:8px 0 25px;line-height:1.15}.hero-stat{border-top:1px solid #383631;padding:16px 0}.hero-stat b{display:block;font-size:15px}.hero-stat small{color:#a9a49a}.home-section{max-width:1440px;margin:auto;padding:72px 5%}.home-section.alt{max-width:none;background:#f3f1eb;padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:31px;letter-spacing:-.025em;margin:5px 0}.section-heading p{margin:6px 0 0;color:#777167}.text-link{font-weight:800;color:#76571f;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-tile{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-height:120px;transition:.2s}.category-tile:hover{transform:translateY(-2px);border-color:#d1b678;box-shadow:0 10px 25px rgba(40,30,10,.06)}.category-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f5eedf;color:#9a7429;margin-bottom:16px}.category-tile b,.category-tile small{display:block}.category-tile small{margin-top:5px;color:#918b7e;font-size:11px}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.market-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.market-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(30,25,15,.08)}.market-image{height:215px;position:relative;background:#e8e4da}.market-image img{width:100%;height:100%;object-fit:cover}.featured-badge{position:absolute;top:12px;left:12px;background:#171717;color:#e6c77f;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.market-body{padding:17px}.market-body h3{margin:9px 0 13px;font-size:17px}.market-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.market-meta b{font-size:18px}.market-meta span{font-size:12px;color:#817b70}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.business-tile{display:flex;gap:15px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.business-tile:hover{border-color:#d1b678}.business-tile img{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#eee9df}.business-tile b{font-size:15px}.business-tile small,.business-tile p{display:block;color:#817b70;font-size:12px;margin:6px 0 0}.verified{font-size:10px;background:#eaf5ec;color:#27613d;border-radius:12px;padding:3px 6px;margin-left:6px;font-weight:800}.home-cta{max-width:1440px;margin:0 auto 72px;padding:44px 5%;background:#1a1a19;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.home-cta h2{font-size:32px;max-width:700px;margin:8px 0}.home-cta p{color:#bdb8ad;max-width:680px}.btn-light{background:#fff;color:#171717;border-color:#fff}.public-footer{background:#171717;color:#aaa69b;padding:55px 5% 20px}.footer-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid>b,.footer-grid>div>b{color:#fff}.footer-grid a:not(.brand){display:block;color:#aaa69b;margin-top:11px;font-size:13px}.footer-grid p{max-width:330px;line-height:1.7}.footer-brand{color:#fff!important}.footer-bottom{max-width:1440px;margin:45px auto 0;padding-top:18px;border-top:1px solid #302f2b;display:flex;justify-content:space-between;font-size:11px}.head-actions{display:flex;gap:8px}.kpi-link{display:block;color:inherit}.kpi-link small{display:block;margin-top:8px;color:#8b8579;font-size:11px}.kpi-link i{font-style:normal;color:#9a7429}.admin-kpis{grid-template-columns:repeat(4,1fr)}.admin-quick{grid-template-columns:repeat(2,1fr)}
@media(max-width:1050px){.public-nav-wrap{gap:10px}.public-nav>a{padding:8px 7px}.category-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:1fr 1fr}.home-hero-inner{gap:35px}.admin-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.nav-search{display:none}.public-menu{display:block;margin-left:auto}.public-nav{position:absolute;left:3%;right:3%;top:68px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 40px rgba(20,20,20,.12);padding:8px;display:none;flex-direction:column;align-items:stretch}.public-nav.show{display:flex}.public-nav>a{padding:12px}.home-hero-inner{grid-template-columns:1fr;padding:60px 5%}.hero-panel{max-width:500px}.home-section,.home-section.alt{padding:55px 5%}.footer-grid{grid-template-columns:1fr 1fr}.home-cta{margin:0 5% 55px;flex-direction:column;align-items:flex-start}.admin-kpis{grid-template-columns:1fr 1fr}.admin-quick{grid-template-columns:1fr}}
@media(max-width:520px){.hero-search{flex-direction:column}.search-field{border-right:0;border-bottom:1px solid #ece9e1}.hero-search .btn{width:100%}.hero-copy h1{font-size:40px}.category-grid,.market-grid,.business-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.admin-kpis{grid-template-columns:1fr 1fr}.head-actions{width:100%}.head-actions .btn{flex:1}}

/* ==========================================================
   METROMITRA PREMIUM UI v2 — FINAL OVERRIDES
   Single visual language for Public + Admin + shared pages
   ========================================================== */
:root{
  --mm-gold:#c49a45;
  --mm-gold-2:#9b742d;
  --mm-black:#121212;
  --mm-charcoal:#1b1b1a;
  --mm-cream:#f7f5ef;
  --mm-paper:#fff;
  --mm-border:#e8e3d8;
  --mm-text:#24231f;
  --mm-muted:#77736a;
  --mm-shadow:0 14px 40px rgba(24,21,15,.07);
}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--mm-cream);color:var(--mm-text);-webkit-font-smoothing:antialiased}
::selection{background:#ead8ac;color:#171717}
.top,.public-top{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(20,20,20,.04)}
.public-nav-wrap{height:78px}
.public-brand,.brand{letter-spacing:-.02em}
.public-brand img,.brand img{width:42px;height:42px;border-radius:12px;box-shadow:0 4px 12px rgba(20,20,20,.08)}
.public-brand span{font-size:19px;font-weight:850}
.nav-search{height:44px;border-radius:12px;background:#f7f6f2;border-color:#e6e1d6;box-shadow:inset 0 1px 2px rgba(20,20,20,.02)}
.nav-search:focus-within{border-color:#c9a45b;box-shadow:0 0 0 3px rgba(196,154,69,.12)}
.public-nav>a{font-size:12px;letter-spacing:.01em;color:#5e5a52}
.public-nav>a:hover,.public-nav>a.active{background:#f5eddd;color:#795b23}
.public-nav .nav-login{padding:10px 17px;background:var(--mm-black);color:#fff!important;border-radius:10px}
.btn{min-height:42px;border-radius:10px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--mm-black);border-color:var(--mm-black);box-shadow:0 7px 18px rgba(18,18,18,.12)}
.btn-primary:hover{background:#2a2926;border-color:#2a2926}
.btn-soft{background:#f5eddd;border-color:#ead9b7;color:#73551e}
.hero,.home-hero{background:radial-gradient(circle at 78% 25%,rgba(196,154,69,.16),transparent 28%),linear-gradient(135deg,#111 0%,#1c1b19 55%,#29251d 100%)}
.home-hero{border-bottom:1px solid #302d27}
.home-hero-inner{padding-top:96px;padding-bottom:96px}
.eyebrow{letter-spacing:.18em}
.hero-copy h1{font-weight:850;letter-spacing:-.055em}
.hero-copy p{color:#d0ccc2}
.hero-search{border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.3);border-radius:16px}
.hero-search .btn-primary{background:#c49a45;border-color:#c49a45;color:#161616;box-shadow:none}
.hero-search .btn-primary:hover{background:#d4b06a;border-color:#d4b06a}
.search-field input::placeholder{color:#9a968d}
.hero-panel{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.home-section{padding-top:82px;padding-bottom:82px}
.home-section.alt{background:#f1efe9}
.section-heading h2{font-size:34px;font-weight:820;letter-spacing:-.035em}
.category-tile{min-height:138px;padding:21px;border-radius:16px;box-shadow:0 5px 18px rgba(25,22,15,.025)}
.category-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(25,22,15,.09);border-color:#d6bd86}
.category-icon{width:42px;height:42px;border-radius:12px;background:#f5eddd;color:#9b742d;font-size:17px}
.market-card{border-radius:17px;box-shadow:0 6px 22px rgba(25,22,15,.045)}
.market-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(25,22,15,.11)}
.market-image{height:225px;background:#e9e5dc}
.market-image img{transition:transform .35s ease}
.market-card:hover .market-image img{transform:scale(1.035)}
.market-body{padding:19px}
.market-body h3{font-size:18px;font-weight:800;letter-spacing:-.015em}
.market-meta b{font-size:19px}
.featured-badge{background:#171717;color:#e5c77f;box-shadow:0 6px 15px rgba(0,0,0,.16)}
.business-tile{border-radius:16px;box-shadow:0 5px 18px rgba(25,22,15,.035);transition:.18s ease}
.business-tile:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(25,22,15,.08)}
.business-tile img{border:1px solid #e9e3d7}
.verified{background:#eaf5ec;color:#28643e}
.home-cta{border:1px solid #302d28;box-shadow:0 20px 55px rgba(20,20,20,.12)}
.home-cta .btn-light{font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.14)}
.public-footer{border-top:1px solid #2b2925}

/* Forms */
.form-card{box-shadow:var(--mm-shadow);border-radius:18px}
.field input,.field select,.field textarea{background:#fff;border-color:#ddd8ce;transition:.16s ease}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#c49a45;box-shadow:0 0 0 3px rgba(196,154,69,.12)}

/* Public listing/detail pages */
.public-main .container{max-width:1320px}
.public-main .card{border-radius:17px;box-shadow:var(--mm-shadow)}
.public-main .section-title h1{font-size:34px;letter-spacing:-.035em}
.public-main .listing-img{background:#eeebe4}
.public-main .tag{font-size:10px;letter-spacing:.08em}

/* Tables / panels */
.table-wrap,.kpi{box-shadow:var(--mm-shadow);border-radius:15px}
.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777269;background:#faf9f6}
.table td{font-size:13px}
.kpi{transition:.18s ease}
.kpi:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(25,22,15,.09)}

/* Internal workspaces */
.internal-sidebar{box-shadow:10px 0 35px rgba(0,0,0,.08)}
.internal-nav a{transition:.15s ease}
.internal-nav a.active{box-shadow:inset 3px 0 #c49a45;background:#292823}
.internal-top{box-shadow:0 4px 18px rgba(20,20,20,.035)}
.internal-content{padding-top:34px}
.page-head h1{font-weight:850}
.quick,.activity-row{background:#fff}
.quick{transition:.16s ease}
.quick:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(25,22,15,.06)}

/* Mobile */
@media(max-width:800px){
 .public-nav-wrap{height:68px}
 .public-menu{box-shadow:0 3px 10px rgba(20,20,20,.06)}
 .public-nav{top:66px}
 .home-hero-inner{padding-top:64px;padding-bottom:64px}
 .home-section{padding-top:58px;padding-bottom:58px}
 .section-heading h2{font-size:28px}
 .market-image{height:210px}
}
@media(max-width:520px){
 .public-brand span{font-size:17px}
 .public-brand img{width:38px;height:38px}
 .home-hero-inner{padding-top:50px;padding-bottom:50px}
 .hero-copy h1{font-size:39px;line-height:1.02}
 .hero-copy p{font-size:16px}
 .home-cta{padding:30px 24px}
 .home-cta h2{font-size:27px}
}

/* MetroMitra 2026 unified responsive UI patch */
.mm-auth-page{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:42px 18px;background:linear-gradient(135deg,#f7f9fc 0%,#eef4fb 100%)}
.mm-auth-card{width:min(470px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 22px 65px rgba(15,23,42,.10);padding:30px}
.mm-auth-brand{text-align:center;margin-bottom:22px}.mm-auth-logo{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,#0f1d35,#2563eb);color:#fff;font-size:28px;font-weight:900;box-shadow:0 10px 25px rgba(37,99,235,.22)}
.mm-auth-card h1{text-align:center;font-size:30px;letter-spacing:-.8px;margin:4px 0 8px}.mm-auth-card .muted{text-align:center;margin-bottom:22px}
.mm-auth-card .field{margin-top:13px}.mm-auth-card .field input{width:100%;box-sizing:border-box;height:48px;border:1px solid #dbe3ee;border-radius:11px;padding:0 14px;background:#fbfcfe;outline:0}.mm-auth-card .field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.09);background:#fff}
.mm-auth-card .btn{min-height:48px;border-radius:11px;font-weight:800}.mm-auth-divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:#94a3b8;font-size:11px}.mm-auth-divider:before,.mm-auth-divider:after{content:"";height:1px;background:#e5eaf1;flex:1}
.mm-google-btn{width:100%;min-height:46px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#172033;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;box-sizing:border-box}.mm-google-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;color:#4285f4;border:1px solid #dbe3ee}
.mm-auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:13px}.mm-auth-links a{color:#2563eb;text-decoration:none;font-weight:700}.mm-auth-links a:hover{text-decoration:underline}
.mm-brand-fallback{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#0f1d35,#2563eb);color:#fff;display:grid;place-items:center;font-weight:900;font-size:19px;flex:0 0 40px}.mm-brand-img{width:40px!important;height:40px!important;border-radius:11px!important;object-fit:cover!important;background:#eef2f7}
.mm-top-menu{display:none}.mm-public-drawer{display:none}
@media(max-width:900px){.public-nav-wrap{padding:0 14px!important;min-height:64px!important}.nav-search{max-width:none}.public-nav{display:none!important}.public-menu{display:inline-flex!important;margin-left:auto!important;align-items:center!important;justify-content:center!important;cursor:pointer}.mm-hero-inner{grid-template-columns:1fr!important;gap:30px!important;padding:46px 18px 55px!important}.mm-hero h1{font-size:clamp(34px,10vw,50px)!important;letter-spacing:-1.8px!important}.mm-cats{grid-template-columns:repeat(2,1fr)!important}.mm-listings{grid-template-columns:repeat(2,1fr)!important}.mm-businesses{grid-template-columns:1fr!important}.mm-section{padding:46px 18px!important}.mm-cta{margin:0 18px 45px!important;padding:34px 25px!important;flex-direction:column!important;align-items:flex-start!important}.footer-grid{grid-template-columns:1fr 1fr!important}.mm-auth-page{padding:28px 14px}.mm-auth-card{padding:24px 20px}}
@media(max-width:560px){.nav-search{display:none!important}.public-brand{font-size:20px!important}.public-brand img,.mm-brand-img,.mm-brand-fallback{width:36px!important;height:36px!important;flex-basis:36px!important}.mm-listings{grid-template-columns:1fr!important}.mm-search{grid-template-columns:1fr!important;background:rgba(255,255,255,.1)!important}.mm-search button{height:50px}.mm-heading{align-items:flex-start!important;flex-direction:column!important}.mm-heading h2{font-size:27px!important}.footer-grid{grid-template-columns:1fr!important}.mm-auth-card h1{font-size:26px}.mm-auth-links{flex-direction:column;text-align:center}.mm-side-link{padding:11px 14px!important}}

.mm-public-drawer{position:fixed;top:0;right:-330px;width:min(330px,88vw);height:100vh;background:#fff;z-index:9999;box-shadow:-18px 0 45px rgba(15,23,42,.18);padding:18px;box-sizing:border-box;transition:right .24s ease;display:block}.mm-public-drawer.open{right:0}.mm-public-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e5eaf1;margin-bottom:12px}.mm-public-drawer-head button{border:0;background:#f1f5f9;border-radius:9px;width:38px;height:38px;font-size:24px;cursor:pointer}.mm-public-drawer>a{display:block;padding:13px 12px;border-radius:10px;color:#172033;text-decoration:none;font-weight:700}.mm-public-drawer>a:hover{background:#eff6ff;color:#2563eb}.mm-public-drawer .drawer-login{margin-top:12px;background:#2563eb;color:#fff;text-align:center}.mm-public-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9998;display:none}.mm-public-drawer-overlay.open{display:block}

/* MetroMitra final responsive consistency + interactive public sidebar */
.public-menu{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #dbe3ee;background:#fff;border-radius:10px;color:#172033;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.06);flex:0 0 auto}.public-menu:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.menu-label{font-size:12px;letter-spacing:.02em}
.mm-public-drawer{position:fixed!important;top:0!important;left:-360px!important;right:auto!important;width:min(360px,88vw)!important;height:100vh!important;background:#fff!important;z-index:9999!important;box-shadow:18px 0 45px rgba(15,23,42,.18)!important;padding:18px!important;box-sizing:border-box!important;transition:left .24s ease!important;display:block!important;overflow:auto!important}.mm-public-drawer.open{left:0!important;right:auto!important}.mm-public-drawer-head{position:sticky;top:-18px;background:#fff;z-index:2}.mm-public-drawer-overlay{position:fixed!important;inset:0!important;background:rgba(15,23,42,.48)!important;z-index:9998!important;display:none!important}.mm-public-drawer-overlay.open{display:block!important}.mm-drawer-open{overflow:hidden}
.mm-auth-logo img{width:100%;height:100%;object-fit:contain;border-radius:14px}.mm-auth-logo{overflow:hidden}.mm-auth-card{max-width:520px!important}.mm-auth-card form{width:100%}.mm-auth-card .field{min-width:0}.mm-auth-card .btn,.mm-google-btn{width:100%;box-sizing:border-box}.business-register-link{font-weight:800;color:#1d4ed8;text-decoration:none}.business-register-link:hover{text-decoration:underline}
.mm-business-register-wrap{min-height:calc(100vh - 76px);padding:42px 18px 70px;background:linear-gradient(135deg,#f7f9fc,#eef4fb);display:flex;justify-content:center;align-items:flex-start}.mm-business-register-card{width:min(920px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 22px 65px rgba(15,23,42,.10);padding:32px}.mm-business-register-brand{text-align:center;margin-bottom:22px}.mm-business-register-brand .mm-auth-logo{margin:0 auto 12px}.mm-business-register-brand h1{margin:4px 0 8px;font-size:32px;letter-spacing:-1px}.mm-business-register-brand p{max-width:700px;margin:0 auto;color:#64748b}.mm-business-register-card .form-grid{gap:16px}.mm-business-register-card .field input,.mm-business-register-card .field select{height:48px;box-sizing:border-box}.mm-business-register-foot{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #edf0f5;color:#64748b;font-size:13px}.mm-business-register-foot a{color:#2563eb;font-weight:800}
.dashboard-listings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.dashboard-listing-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,.05);min-width:0}.dashboard-listing-image{height:190px;background:#eef2f7;overflow:hidden}.dashboard-listing-image img{width:100%;height:100%;object-fit:cover;display:block}.dashboard-listing-body{padding:15px}.dashboard-listing-body h3{margin:7px 0 12px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-listing-actions{display:flex;gap:8px;padding:0 15px 15px}.dashboard-listing-actions .btn{flex:1}
/* Keep every main public form/page aligned with the index visual language */
.public-main>.container,.public-main>.form-card,.public-main>.section-title,.public-main>.section-heading{max-width:1280px;margin-left:auto;margin-right:auto}.public-main .container{padding-left:22px;padding-right:22px}.public-main .form-card{border-radius:18px}.public-main .grid{min-width:0}.public-main img{max-width:100%}.public-main .card,.public-main .market-card,.public-main .business-tile,.public-main .category-tile,.public-main .form-card{overflow:hidden}
@media(max-width:1100px){.dashboard-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-business-register-card{padding:26px}.public-nav-wrap{gap:12px}.nav-search{max-width:390px}}
@media(max-width:800px){.public-nav-wrap{min-height:66px!important;height:auto!important;padding:10px 14px!important;flex-wrap:wrap}.public-brand{order:1}.nav-search{order:3;flex-basis:100%;max-width:none!important;margin:0!important;height:42px}.public-menu{order:2;margin-left:auto}.public-nav{display:none!important}.dashboard-listings-grid{grid-template-columns:1fr}.mm-business-register-wrap{padding:25px 14px 50px}.mm-business-register-card{padding:22px 18px;border-radius:18px}.mm-business-register-brand h1{font-size:27px}.mm-auth-page{min-height:calc(100vh - 66px);padding:24px 14px}.mm-auth-card{padding:22px 18px;border-radius:18px}.mm-auth-card h1{font-size:27px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.public-main .container{padding-left:16px;padding-right:16px}}
@media(max-width:520px){.menu-label{display:none}.public-brand{font-size:19px!important}.mm-auth-card{padding:20px 15px}.mm-business-register-card{padding:20px 14px}.mm-business-register-foot{flex-direction:column;align-items:center;gap:9px}.dashboard-listing-image{height:200px}.dashboard-listing-actions{flex-direction:column}.dashboard-listing-actions .btn{width:100%}}

.nav-signin,.nav-signup{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:800;text-decoration:none}.nav-signin{color:#475569;background:#fff;border:1px solid #dbe3ee}.nav-signin:hover{background:#f8fafc;color:#1d4ed8;border-color:#bfdbfe}.nav-signup{background:#2563eb!important;color:#fff!important;border:1px solid #2563eb}.nav-signup:hover{background:#1d4ed8!important}.drawer-signup{margin-top:8px!important;background:#0f172a!important;color:#fff!important;text-align:center}.mm-public-drawer .drawer-login{background:#eff6ff!important;color:#1d4ed8!important;text-align:center}.mm-public-drawer .public-brand{padding:0!important;background:transparent!important;display:flex!important;align-items:center!important;gap:10px!important}.mm-public-drawer .public-brand:hover{background:transparent!important;color:inherit!important}
@media(max-width:800px){.nav-signin,.nav-signup{display:none!important}.mm-public-drawer .drawer-login,.mm-public-drawer .drawer-signup{display:block!important}.mm-public-drawer{width:min(350px,90vw)!important}}
/* Footer discovery SEO links */
.footer-discover{max-width:1440px;margin:36px auto 0;padding-top:24px;border-top:1px solid #302f2b}.footer-discover h3{font-size:14px;color:#f5f2e9;margin:18px 0 8px}.footer-discover p{font-size:12px;line-height:2;color:#aaa69b;margin:0}.footer-discover p a{display:inline!important;color:#c9bd9c!important;margin:0!important;font-size:12px!important;text-decoration:none}.footer-discover p a:hover{color:#fff!important;text-decoration:underline}.footer-discover-note{margin-top:12px!important;color:#77736a!important;font-size:11px!important}