:root{--brand:#3157ff;--dark:#101828;--muted:#667085}body{background:#f6f7fb;color:var(--dark)}.topbar{height:58px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 2px 12px #0001;position:sticky;top:0;z-index:10}.cardx{background:#fff;border:0;border-radius:22px;box-shadow:0 8px 24px #10182812;padding:18px}.hero{background:linear-gradient(135deg,#3157ff,#7b61ff);color:#fff;border-radius:26px;padding:24px}.grid-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-menu a{text-decoration:none;color:inherit}.icon-tile{background:#fff;border-radius:22px;padding:18px;text-align:center;box-shadow:0 8px 24px #10182812}.icon-tile i{font-size:28px;color:var(--brand)}.bottom-nav{display:none}.pb-mobile{padding-bottom:105px!important}@media(max-width:767px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -6px 24px #0002;z-index:50;border-radius:24px 24px 0 0}.bottom-nav a{text-decoration:none;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav i{font-size:22px}.bottom-nav .center{background:var(--brand);color:#fff;width:70px;height:70px;border-radius:50%;justify-content:center;transform:translateY(-18px);box-shadow:0 10px 24px #3157ff55}.grid-menu{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.container{max-width:1120px}.grid-menu{grid-template-columns:repeat(4,1fr)}}


.brand-link{color:var(--dark);text-decoration:none}.desktop-nav{display:flex;gap:18px;align-items:center}.desktop-nav a{color:var(--dark);text-decoration:none;font-weight:500;white-space:nowrap}.desktop-nav a:hover{color:var(--brand)}.user-name{color:var(--muted);white-space:nowrap}@media(max-width:767px){.desktop-nav,.user-name{display:none}}@media(min-width:768px){.pb-mobile{padding-bottom:1rem!important}}