html,body,#root{min-height:100%}body{background:#f8fafc;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.login-shell{background:linear-gradient(#16a34a14,#f8fafc00 36%),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid #e2e8f0;width:min(100%,440px);padding:32px}.mobile-page{color:#172033;background:linear-gradient(#16a34a2e,#dcfce78c 178px,#f8fafc00 360px),#f8fafc;min-height:100vh}.mobile-phone-safe{width:min(100%,560px);min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));margin:0 auto}.mobile-page-qr{background:#fff}.mobile-page-qr .mobile-phone-safe{width:min(100%,620px);padding:max(16px, env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom))}.mobile-page-qr .mobile-app-shell{place-items:center;min-height:calc(100vh - 128px);display:grid}.mobile-page-qr .mobile-app-shell>.MuiStack-root:first-child,.mobile-page-qr .MuiAlert-root{display:none}.mobile-app-shell,.mobile-login{min-height:calc(100vh - 132px)}.mobile-brand{color:#10243f;font-size:clamp(34px,10vw,48px)!important;font-weight:950!important;line-height:1.02!important}.mobile-brand-subtitle,.mobile-muted{color:#64748b}.mobile-card{background:#fff;border:1px solid #e2e8f0;padding:22px;border-radius:8px!important;box-shadow:0 10px 26px #0f172a0f!important}.mobile-card h2,.mobile-card .MuiTypography-h2{font-size:24px;font-weight:950;line-height:1.16}.mobile-status-card{background:linear-gradient(135deg,#dcfce7eb,#fffffffa 48%),#fff;border-color:#16a34a38}.mobile-hero-row{align-items:flex-start}.mobile-eyebrow{color:#15803d;letter-spacing:0}.mobile-presence-strip{background:#ffffffb8;border:1px solid #16a34a33;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.presence-dot{background:#94a3b8;border-radius:999px;flex:0 0 12px;width:12px;height:12px;box-shadow:0 0 0 4px #94a3b829}.presence-dot.on{background:#16a34a;box-shadow:0 0 0 4px #16a34a2e}.mobile-mini-metric{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:0;padding:14px}.metric-icon{color:#15803d;background:#dcfce7;border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:8px;display:grid}.status-chip{min-width:94px;font-weight:900;border-radius:999px!important;height:36px!important}.status-chip.inside{color:#15803d!important;background:#dcfce7!important}.status-chip.outside{color:#172033!important;background:#e2e8f0!important}.mobile-bottom-nav{z-index:20;width:min(100%,560px);padding-bottom:env(safe-area-inset-bottom);border:1px solid #e2e8f0;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);border-radius:8px 8px 0 0!important;box-shadow:0 -10px 24px #0f172a14!important}.mobile-bottom-nav .MuiTab-root{text-transform:none;min-height:68px;font-weight:800}.mobile-bottom-nav .Mui-selected{color:#15803d!important}.mobile-center{place-items:center;min-height:260px;display:grid}.mobile-install-hint{border:1px solid #bfdbfe;margin-bottom:18px;border-radius:8px!important}.mobile-filter-card{background:linear-gradient(135deg,#dcfce7bd,#fffffffa 56%),#fff}.mobile-quick-filters .MuiButton-root{text-transform:none;border-radius:999px;min-width:72px;font-weight:850}.mobile-date-range{width:100%}.mobile-date-range .MuiTextField-root{min-width:0}.mobile-qr-card{background:linear-gradient(#dcfce7b8,#fffffff5 42%),#fff;border-color:#16a34a47;place-items:center;min-height:560px;display:grid}.mobile-page-qr .mobile-qr-card{background:0 0;border:0;width:100%;min-height:auto;padding:0;box-shadow:none!important}.mobile-page-qr .mobile-qr-card>.MuiStack-root{gap:20px}.mobile-qr-box{aspect-ratio:1;background:#fff;border:8px solid #dcfce7;border-radius:8px;place-items:center;width:min(100%,330px);padding:18px;display:grid;box-shadow:0 16px 32px #0f172a1f}.mobile-qr-box img{width:100%;height:auto;display:block}.mobile-countdown{color:#fff;background:#16a34a;border-radius:999px;place-items:center;width:96px;height:96px;display:grid;font-size:26px!important;font-weight:950!important}.mobile-qr-timer{color:#fff;background:#172033;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:52px;padding:0 16px;display:inline-flex;box-shadow:0 10px 20px #1720332e}.mobile-movement-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:14px;padding:14px;display:grid}.mobile-movement-row:first-of-type{border-top:1px solid #e2e8f0}@media (width<=380px){.mobile-phone-safe{padding-left:12px;padding-right:12px}.mobile-card{padding:18px}.mobile-date-range{flex-direction:column!important}}