:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-height: 58px}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background:#f8fafc}*{-webkit-overflow-scrolling:touch}button,a,[role=button]{touch-action:manipulation}input,select,textarea{font-size:16px}.app-topnav{padding-top:var(--safe-top)!important;height:calc(56px + var(--safe-top))!important}@media (max-width: 820px){.topnav-links,.tn-hide-mobile,.tn-label{display:none!important}}.mobile-tabbar{display:none}@media (max-width: 820px){.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-top:1px solid #e5e7eb;padding-bottom:var(--safe-bottom);height:calc(var(--tabbar-height) + var(--safe-bottom))}.has-tabbar{padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 8px)!important}}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:10px;font-weight:600;color:#94a3b8;padding-top:8px}.tabbar-item .tabbar-ico{font-size:21px;line-height:1}.tabbar-item.active{color:#7c3aed}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.dash-stat{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:14px 16px;text-decoration:none;box-shadow:0 1px 2px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease}.dash-stat:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.dash-stat:active{transform:scale(.98)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px 12px}.dash-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;-webkit-tap-highlight-color:transparent}.dash-ico{width:64px;height:64px;border-radius:19px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 20px #0f172a2e;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.dash-tile:hover .dash-ico{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 28px #0f172a38}.dash-tile:active .dash-ico{transform:scale(.92)}.dash-label{font-size:12px;font-weight:600;color:#334155;text-align:center}@media (max-width: 560px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:repeat(4,1fr);gap:16px 8px}.dash-ico{width:60px;height:60px}}@media (max-width: 820px){.bot-btn{bottom:calc(24px + var(--tabbar-height) + var(--safe-bottom))!important}.bot-panel{bottom:calc(86px + var(--tabbar-height) + var(--safe-bottom))!important;height:min(520px,calc(100vh - 160px - var(--tabbar-height) - var(--safe-bottom)))!important}}