.mobile-shell{max-width:560px;margin:auto;min-height:100dvh;background:#f3f6fa;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-top{background:#123d6b;color:white;padding:calc(19px + env(safe-area-inset-top)) 20px 19px;display:flex;justify-content:space-between;gap:12px;align-items:center}.mobile-top strong{font-size:20px}.mobile-top>span{font-size:13px}.mobile-content{padding:0 16px 24px}.mobile-sync{font-size:12px;color:#426453;padding:12px 2px;margin:0}.mobile-clock{text-align:center;padding:28px 20px}.mobile-clock .time{font-size:64px;letter-spacing:-3px;margin:10px 0 18px;font-variant-numeric:tabular-nums}.mobile-clock .punches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 18px}.mobile-clock .punches .btn{min-height:88px;font-size:24px;border-radius:16px}.mobile-clock small{display:block;font-size:12px;font-weight:400;margin-top:4px}.mobile-clock .btn:disabled{opacity:.4}.mobile-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce4ef;background:#fff;padding-bottom:env(safe-area-inset-bottom);z-index:30}.mobile-tabs button{border:0;background:none;color:#64748b;font-size:12px;padding:12px 4px;min-height:72px;cursor:pointer}.mobile-tabs button>span{display:block;font-size:25px;margin-bottom:3px}.mobile-tabs .active{color:#123d6b;background:#edf4fc;font-weight:700}.mobile-record{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e2e8f0;background:white;padding:17px 0;color:#17283d;cursor:pointer}.mobile-record>span:first-child{min-width:62px}.mobile-record small{display:block;font-size:11px;color:#64748b;margin-top:5px}.mobile-record-times{flex:1;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.mobile-record>span:last-child{font-size:25px;color:#94a3b8}.mobile-record.attendance-error{background:#fff0f0}.mobile-record.attendance-warning{background:#fff9e6}.mobile-warning,.mobile-record small.mobile-warning{color:#a94421}.mobile-summary{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:20px 0}.mobile-summary>div{padding:16px;background:#edf4fc;border-radius:12px}.mobile-summary small{display:block;color:#64748b;font-size:12px}.mobile-summary strong{display:block;font-size:20px;margin-top:8px}.mobile-summary strong small{display:inline}.store-location-form{margin-top:18px;border-top:1px solid #dbe3eb;padding-top:16px}.store-location-form input{width:100%}@media(max-width:600px){input,select,textarea{font-size:16px!important}.mobile-shell .card{border-radius:18px}.mobile-content .page-title{font-size:24px}.modal{max-height:85dvh;overflow:auto}.public-demo-banner{font-size:11px!important;padding:8px!important}}