:root{--ct-green:#16a34a;--ct-dark:#0b2a3a;--ct-border:rgba(2,6,23,.10);--ct-shadow:0 14px 34px rgba(2,6,23,.12);--safe-b: env(safe-area-inset-bottom)}
.ct-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--ct-border);padding:10px 10px calc(10px + var(--safe-b));display:flex;gap:10px;justify-content:space-around}
.ct-bottomnav a{flex:1;min-width:0;text-decoration:none;color:#334155;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}
.ct-bottomnav .ico{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9}
.ct-bottomnav a.active{color:var(--ct-green);font-weight:800}
.ct-bottomnav a.active .ico{background:rgba(34,197,94,.16)}
.ct-safe-pad{padding-bottom:calc(86px + var(--safe-b))}