:root{--mm-navy:#06142d;--mm-blue:#0b65d8;--mm-cyan:#16c7d9;--mm-soft:#eef5ff;--mm-gold:#d8a13d;--mm-text:#18243a;--mm-muted:#718096;--mm-radius:18px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--mm-text);background:#f7f9fc}.navbar-brand{font-weight:900;letter-spacing:.5px}.brand-dot{color:var(--mm-cyan)}.hero{min-height:82vh;background:linear-gradient(105deg,rgba(6,20,45,.98),rgba(6,20,45,.68)),url('../img/hero-logistics.png') center/cover;color:#fff;display:flex;align-items:center}.hero h1{font-weight:900;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.93}.hero .lead{max-width:720px;font-size:1.15rem}.pill{display:inline-flex;gap:.5rem;align-items:center;background:rgba(22,199,217,.14);border:1px solid rgba(22,199,217,.5);border-radius:999px;padding:.55rem 1rem}.btn-mm{background:linear-gradient(135deg,var(--mm-blue),var(--mm-cyan));border:0;color:#fff;border-radius:12px;padding:.8rem 1.15rem;font-weight:700}.btn-mm:hover{color:#fff;transform:translateY(-1px)}.section{padding:80px 0}.section-title{font-weight:900;font-size:clamp(2rem,4vw,3.4rem)}.muted{color:var(--mm-muted)}.glass-card,.metric-card,.product-card,.feature-card{background:#fff;border:1px solid #e7edf7;border-radius:var(--mm-radius);box-shadow:0 12px 35px rgba(13,44,84,.07)}.metric-card{padding:22px}.metric-card .value{font-size:2rem;font-weight:900}.feature-card{padding:28px;height:100%}.feature-icon{width:52px;height:52px;border-radius:14px;background:var(--mm-soft);display:grid;place-items:center;color:var(--mm-blue);font-size:1.4rem}.product-card{overflow:hidden;height:100%}.product-card img{width:100%;height:210px;object-fit:cover}.product-card .body{padding:18px}.profit-badge{background:#e9fbf3;color:#087b48;border-radius:999px;padding:.35rem .65rem;font-weight:800}.dark-section{background:var(--mm-navy);color:#fff}.cta{background:linear-gradient(135deg,var(--mm-blue),var(--mm-cyan));border-radius:30px;color:#fff;padding:55px}.footer{background:#031026;color:#c6d2e4;padding:60px 0 25px}.app-shell{min-height:100vh;display:flex}.sidebar{width:265px;background:var(--mm-navy);color:#fff;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:1030;padding:20px 14px}.sidebar .logo{font-size:1.5rem;font-weight:900;padding:8px 12px 18px}.sidebar a{display:flex;gap:.8rem;align-items:center;color:#b9c6db;text-decoration:none;padding:.72rem .9rem;border-radius:12px;margin:.2rem 0}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,rgba(11,101,216,.35),rgba(22,199,217,.18));color:#fff}.main{margin-left:265px;width:calc(100% - 265px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1020}.content{padding:24px}.kpi{border:0;border-radius:18px;box-shadow:0 9px 25px rgba(10,39,78,.06)}.kpi .icon{width:46px;height:46px;border-radius:14px;background:#edf5ff;color:var(--mm-blue);display:grid;place-items:center}.table-card{background:#fff;border-radius:18px;padding:20px;border:1px solid #e6edf7}.mobile-nav{display:none}.login-page{min-height:100vh;background:linear-gradient(135deg,#031026,#0c3d78);display:grid;place-items:center;padding:30px}.login-card{max-width:960px;width:100%;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.login-visual{min-height:560px;background:linear-gradient(180deg,rgba(3,16,38,.18),rgba(3,16,38,.8)),url('../img/dashboard-mobile.png') center/cover;color:#fff;padding:40px;display:flex;align-items:flex-end}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-active{background:#20c997}.bottom-mobile-public{display:none}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.content{padding:16px 14px 90px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e2e8f0;z-index:1040;justify-content:space-around;padding:7px}.mobile-nav a{font-size:.72rem;color:#52617a;text-decoration:none;text-align:center}.mobile-nav i{display:block;font-size:1.25rem}.hero{min-height:74vh}.section{padding:55px 0}.bottom-mobile-public{display:flex;position:fixed;left:12px;right:12px;bottom:12px;background:rgba(3,16,38,.96);backdrop-filter:blur(12px);z-index:1050;border-radius:18px;padding:8px;justify-content:space-around}.bottom-mobile-public a{color:#dbe8fb;text-decoration:none;font-size:.7rem;text-align:center}.bottom-mobile-public i{font-size:1.15rem;display:block}.footer{padding-bottom:90px}}