:root{--m-shell-max:520px;--m-topbar-height:58px;--m-nav-height:62px;--m-safe-top:env(safe-area-inset-top,0px);--m-safe-bottom:env(safe-area-inset-bottom,0px);}
body.m-app{overflow-x:hidden;background:#f5f7f7;}
.m-shell{width:100%;max-width:var(--m-shell-max);min-height:100vh;min-height:var(--m-viewport-height,100dvh);margin:0 auto;background:#f8faf9;box-shadow:0 0 0 1px rgba(15,42,42,.04);}
.m-topbar{position:sticky;top:0;z-index:60;padding-top:var(--m-safe-top);border-bottom:1px solid rgba(15,42,42,.08);background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);}
.m-topbar-inner{display:flex;height:var(--m-topbar-height);align-items:center;justify-content:space-between;padding:0 18px;}
.m-topbar-brand{display:inline-flex;min-height:44px;align-items:center;gap:9px;color:#102a2a;text-decoration:none;}


.m-topbar-actions{position:relative;display:flex;align-items:center;gap:0;margin-right:-8px}.m-topbar-search,.m-topbar-menu-toggle{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:transparent;color:#111;text-decoration:none;touch-action:manipulation}.m-topbar-search svg,.m-topbar-menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.m-topbar-menu-toggle{padding:0;cursor:pointer}.m-topbar-menu-toggle svg{stroke-linejoin:round}.m-topbar-search:focus-visible,.m-topbar-menu-toggle:focus-visible{outline:3px solid rgba(17,24,39,.2);outline-offset:2px}
.m-topbar-menu{position:absolute;top:49px;right:0;width:min(248px,calc(100vw - 32px));padding:7px;border:1px solid #e5e5e5;border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.15)}.m-topbar-menu[hidden]{display:none}.m-topbar-menu nav{display:grid;gap:4px}.m-topbar-menu a{display:grid;min-height:62px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:10px;padding:8px 12px;border-radius:10px;color:#111;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}.m-topbar-menu a::after{content:'›';grid-column:2;grid-row:1/3;align-self:center;color:#a3a3a3;font-size:24px;line-height:1;transition:color .16s ease,transform .16s ease}.m-topbar-menu a:active{background:#e9e9e9;transform:scale(.985)}.m-topbar-menu span,.m-topbar-menu small{grid-column:1;min-width:0}.m-topbar-menu span{font-size:14px;font-weight:750}.m-topbar-menu small{color:#888;font-size:11px;transition:color .16s ease}.m-topbar-menu a:focus-visible{outline:3px solid rgba(17,24,39,.22);outline-offset:1px;background:#111;color:#fff}.m-topbar-menu a:focus-visible small,.m-topbar-menu a:focus-visible::after{color:rgba(255,255,255,.72)}@media (hover:hover){.m-topbar-menu a:hover{background:#111;color:#fff;transform:translateX(-2px)}.m-topbar-menu a:hover small,.m-topbar-menu a:hover::after{color:rgba(255,255,255,.72)}.m-topbar-menu a:hover::after{transform:translateX(3px)}}
.m-topbar-back{display:grid;width:44px;height:44px;place-items:center;margin-left:-9px;border-radius:14px;color:#173737;text-decoration:none;}
.m-topbar-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.m-topbar-detail-title{margin:0;color:#173737;font-size:15px;line-height:1.35;}
.m-topbar-balance{width:35px;height:1px;}
.m-topbar-back:focus-visible{outline:3px solid rgba(15,118,110,.22);outline-offset:-2px;}
.m-main{min-height:calc(var(--m-viewport-height,100dvh) - var(--m-topbar-height) - var(--m-safe-top));padding:20px 16px calc(var(--m-nav-height) + var(--m-safe-bottom) + 28px);}
.m-page{width:100%;}
.m-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:80;pointer-events:none;}
.m-bottom-nav-inner{display:grid;width:100%;max-width:var(--m-shell-max);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;padding:4px 8px calc(4px + var(--m-safe-bottom));border-top:1px solid rgba(15,42,42,.1);background:rgba(255,255,255,.96);box-shadow:0 -10px 28px rgba(15,42,42,.07);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);pointer-events:auto;}
.m-bottom-nav-item{position:relative;display:flex;min-width:0;min-height:var(--m-nav-height);align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:14px;color:#7a8c8a;font-size:11px;font-weight:650;text-decoration:none;-webkit-tap-highlight-color:transparent;}
.m-bottom-nav-item svg{width:23px;height:23px;fill:currentColor;}
.m-bottom-nav-item.is-active{color:#0f766e;font-weight:800;}
.m-bottom-nav-badge{position:absolute;top:5px;left:calc(50% + 8px);display:grid;min-width:17px;height:17px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:999px;background:#d81e06;color:#fff;font-size:9px;font-style:normal;font-weight:800;line-height:1;}
.m-bottom-nav-badge[hidden]{display:none;}
.m-bottom-nav-item:focus-visible{outline:3px solid rgba(15,118,110,.22);outline-offset:-2px;}

@media (min-width:521px){body.m-app{background:#e9efed;}.m-shell{min-height:100dvh;}.m-bottom-nav-inner{border-right:1px solid rgba(15,42,42,.06);border-left:1px solid rgba(15,42,42,.06);}}