:root{--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-top:env(safe-area-inset-top,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}
.app-mobile-bottom{display:none}.app-install-chip{border:1px solid rgba(255,255,255,.15);background:rgba(59,130,246,.14);color:#dbeafe;border-radius:999px;padding:8px 12px;font:700 .78rem/1 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.app-toast{position:fixed;left:50%;bottom:calc(88px + var(--app-safe-bottom));transform:translate(-50%,20px);z-index:20000;background:#0f172a;color:#fff;padding:11px 16px;border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.28);font:600 .86rem/1.35 Inter,sans-serif;opacity:0;pointer-events:none;transition:.25s;max-width:min(92vw,520px);text-align:center}.app-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:768px){
 body{background:#f1f5f9!important;padding-bottom:calc(72px + var(--app-safe-bottom));min-height:100dvh}
 .top-navbar{position:sticky!important;top:0;padding-top:var(--app-safe-top);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}
 .nav-container{height:60px!important;padding:0 14px!important}.nav-brand{font-size:1rem!important;gap:8px!important;padding-right:8px!important}.nav-brand i{font-size:1.2rem!important}.mobile-toggle{width:42px;height:42px;border-radius:12px!important;background:rgba(255,255,255,.07)!important}
 .nav-menu{top:calc(60px + var(--app-safe-top))!important;max-height:calc(100dvh - 132px - var(--app-safe-top) - var(--app-safe-bottom))!important;border-radius:0 0 20px 20px;box-shadow:0 20px 45px rgba(2,6,23,.38)!important}
 .main-content{padding:18px 12px 24px!important;min-height:calc(100dvh - 132px)!important;animation:none!important}
 .page-header{margin-bottom:16px!important;gap:10px!important}.page-header h1{font-size:1.45rem!important;line-height:1.2!important}.page-header p{font-size:.86rem!important;line-height:1.45!important}
 .premium-card,.card,.dashboard-card,.card-table,.config-card,.settings-card{border-radius:16px!important;box-shadow:0 8px 28px rgba(15,23,42,.06)!important}
 .premium-card{padding:18px 14px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}.form-group{margin-bottom:15px!important}
 button,.btn-new,.btn-save,.btn-primary,.hm-btn-save{min-height:44px}.modal-content,.hm-content{max-height:calc(100dvh - 28px);overflow-y:auto;margin:14px!important;border-radius:20px!important;padding:20px 16px!important}
 table{min-width:680px}.card-table>div,.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .main-footer{display:none!important}
 .app-mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:5000;left:8px;right:8px;bottom:calc(8px + var(--app-safe-bottom));height:58px;background:rgba(15,23,42,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 14px 38px rgba(2,6,23,.3);overflow:hidden}
 .app-mobile-bottom a,.app-mobile-bottom button{appearance:none;border:0;background:transparent;color:#94a3b8;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:700 .64rem/1 Inter,sans-serif;min-width:0;padding:4px}.app-mobile-bottom i{font-size:1.05rem}.app-mobile-bottom .active{color:#60a5fa;background:rgba(59,130,246,.09)}
 .app-install-chip{display:none}
}
@media(display-mode:standalone){body{user-select:none}input,textarea{user-select:text}.top-navbar{padding-top:var(--app-safe-top)}}